.experience{max-width:1240px;margin:auto;padding:130px 24px 150px}.experience h1{font-size:clamp(40px,5vw,68px);line-height:1.15;margin:20px 0}.intro-copy{max-width:740px;color:#9eb3c8;line-height:1.9}.demo-notice{color:#9bdfee;background:#102a41;padding:15px;font-size:12px;line-height:1.7}.experience-nav{display:flex;gap:8px;flex-wrap:wrap;margin:32px 0}.experience-nav button,.filters input,.filters select,.experience-form select{background:#102339;color:#eaf4ff;border:1px solid #2d465f;padding:13px;font:inherit}.experience-nav button{cursor:pointer}.experience-nav button[aria-pressed=true]{background:#146cff;border-color:#146cff}.experience-panel[hidden]{display:none}.experience-panel h2{font-size:30px}.experience-panel>p{color:#9cb1c6;line-height:1.8}.filters,.experience-form{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.filters label,.experience-form label{display:flex;flex-direction:column;gap:9px;font-size:13px;color:#b7c9d9}.experience-form button{grid-column:1/-1;justify-self:start}.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.experience-grid article{padding:25px;border:1px solid #294057;background:linear-gradient(140deg,#10263d,#0a1829);display:flex;flex-direction:column;align-items:flex-start;gap:8px}.experience-grid h3{font-size:21px;margin:10px 0}.experience-grid p{line-height:1.8;font-size:14px;color:#b1c3d5}.experience-grid small{color:#89a8c1;line-height:1.8}.experience-grid button{margin-top:auto;font-size:12px}.result-box{margin:22px 0;padding:24px;background:#112c45;border-left:3px solid #50e3ff;line-height:1.9;white-space:pre-line}#tasks label{display:block;padding:10px 0;color:#b8cddd;font-size:14px}progress{width:100%;accent-color:#50e3ff;margin-top:18px}details{border:1px solid #294057;padding:22px;margin-top:16px;line-height:1.8}details p{color:#9ab2c8}summary{cursor:pointer;font-weight:700}.experience-nav button:focus-visible,.experience button:focus-visible{outline:3px solid #50e3ff;outline-offset:3px}.experience .empty{grid-column:1/-1;padding:30px;color:#b7c9d9}@media(max-width:850px){.experience-grid{grid-template-columns:1fr 1fr}.filters,.experience-form{grid-template-columns:1fr}}@media(max-width:560px){.experience{padding-top:100px}.experience-grid{grid-template-columns:1fr}.experience-panel h2{font-size:24px}.experience-nav button{font-size:12px;padding:11px}.site-header>a:last-child{font-size:11px}}