.public-sample{color:#152b3b;background:#fff;border:1px solid #d8e3e5;border-radius:20px;max-width:1180px;margin:3rem auto;padding:clamp(1.3rem,4vw,3rem);scroll-margin-top:1.5rem}.public-sample-intro{justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.public-sample h2{max-width:760px;margin:.7rem 0 1rem;font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.15}.public-sample p{max-width:900px;line-height:1.75}.sample-time{white-space:nowrap;border:1px solid #d8e3e5;border-radius:30px;padding:.5rem .8rem;font-size:.8rem}.sample-step{letter-spacing:.09em;text-transform:uppercase;color:#246343;margin-bottom:.7rem;font-size:.75rem;font-weight:800;display:block}.sample-teaching{background:#f0f6f5;border-radius:12px;margin-top:2rem;padding:1.5rem}.sample-teaching>p{font-size:1.08rem}.sample-flow{margin:1.5rem 0 0}.sample-flow figcaption{color:#52616b;margin-bottom:.8rem;font-size:.78rem}.sample-flow ol{gap:10px;margin:0;padding:0;list-style:none;display:flex}.sample-flow li{flex:1;align-items:center;gap:10px;display:flex}.sample-flow li span{color:#fff;background:#132f40;border-radius:8px;flex:1;align-items:center;min-height:70px;padding:1rem;font-size:.9rem;display:flex}.sample-flow li b{color:#39855e;font-size:1.3rem}.sample-record{background:#fafbf8;border-left:3px solid #6ba37a;margin:2rem 0;padding:1rem 1.4rem}.sample-record p{margin:.4rem 0}.public-sample fieldset{border:0;min-width:0;margin:0 0 1rem;padding:0}.public-sample legend{margin-bottom:1rem;font-size:1.2rem;font-weight:700;line-height:1.5}.sample-answers{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sample-answers label{cursor:pointer;border:1px solid #c9d8dc;border-radius:10px;align-items:center;gap:12px;padding:1rem;line-height:1.5;display:flex}.sample-answers label:hover,.sample-answers label.selected{background:#eff8f0;border-color:#2e7b55}.sample-answers input{accent-color:#246343;flex-shrink:0;width:17px;height:17px}.sample-letter{color:#52636b;font-size:.8rem;font-weight:800}.public-sample button:disabled{opacity:.5;cursor:not-allowed}.sample-feedback{background:#fff5df;border:1px solid #e1cb95;border-radius:10px;margin-top:1.5rem;padding:1.2rem 1.5rem}.sample-feedback.supported{background:#edf7ee;border-color:#8ebe98}.sample-feedback p:last-child{margin-bottom:0}.sample-boundary{color:#54636b;border-top:1px solid #e1e8e9;margin:1.7rem 0 0;padding-top:1.2rem;font-size:.8rem}.public-sample a:focus-visible,.public-sample button:focus-visible,.sample-answers label:focus-within{outline-offset:3px;outline:3px solid #b5d08a}.demo-hero{color:#fff;background:#102c3e;padding:clamp(2rem,6vw,5rem)}.demo-hero h1{max-width:930px;margin:1rem 0;font-size:clamp(2.4rem,5vw,4.4rem);line-height:1.08}.demo-hero p{color:#dce7eb;max-width:780px;line-height:1.8}.demo-hero .academy-actions{margin-top:2rem}.demo-directory{max-width:1180px;margin:4rem auto;padding:0 1.5rem}.demo-directory h2{font-size:2.3rem}.demo-directory h3{margin:2rem 0 1rem;font-size:1.5rem}.demo-directory ul{grid-template-columns:repeat(3,1fr);gap:12px;padding:0;list-style:none;display:grid}.demo-directory li{background:#fff;border:1px solid #d8e3e5;border-radius:10px}.demo-directory li a{color:#173b50;padding:1.1rem;line-height:1.5;text-decoration:none;display:block}.demo-directory li a:hover{background:#f0f6f2}.demo-directory li small{color:#386b4d;margin-bottom:.35rem;font-weight:700;display:block}.demo-banner{background:#edf5ef;border-block:1px solid #cddfd2;justify-content:space-between;align-items:center;gap:2rem;padding:2.5rem max(6vw,1.5rem);display:flex}.demo-banner h2{margin:.6rem 0;font-size:1.8rem}.demo-banner p{max-width:700px;line-height:1.7}.demo-banner .academy-button{white-space:nowrap}.sample-actions{flex-wrap:wrap;align-items:center;gap:1.2rem;margin-top:1.5rem;display:flex}@media (width<=760px){.public-sample-intro{display:block}.sample-time{margin-bottom:.5rem;display:inline-block}.sample-answers{grid-template-columns:1fr}.sample-flow ol,.sample-flow li{display:block}.sample-flow li b{text-align:center;width:20px;margin:5px auto;display:block;transform:rotate(90deg)}.sample-flow li span{min-height:0}.demo-directory ul{grid-template-columns:1fr}.demo-banner{display:block}.demo-hero{padding:2rem 1.5rem}.public-sample{border-radius:12px;margin:2rem 1rem}.sample-teaching{padding:1.1rem}}