:root{--opt-ink:#263f47;--opt-copy:#5e6e68;--opt-green:#557466;--opt-green-dark:#385a4b;--opt-green-soft:#e5ebe3;--opt-cream:#f5efe4;--opt-paper:#fffaf2;--opt-line:#d9cdbb;--opt-gold:#d6a850;--opt-red:#9f4d45}
.opt-site{background:#f5efe4!important;color:var(--opt-ink)}
.opt-shell{width:min(100% - 2rem,1160px);margin-inline:auto}
.opt-kicker,.opt-eyebrow{display:inline-flex;align-items:center;gap:.45rem;color:#5a7669;font-size:.72rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.opt-button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:48px;padding:.78rem 1.12rem;border:1px solid transparent;border-radius:.9rem;font-size:.88rem;font-weight:950;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s}
.opt-button:hover{transform:translateY(-2px)}
.opt-button-primary{background:var(--opt-green);color:#fff;box-shadow:0 10px 22px rgba(56,90,75,.15)}
.opt-button-primary:hover{background:var(--opt-green-dark);color:#fff}
.opt-button-quiet{border-color:#d4c8b6;background:rgba(255,250,242,.75);color:#40594e}
.opt-button-quiet:hover{background:#fffaf2;color:#304a3f}
.opt-button-pdf{border-color:#e3b9af;background:#fff2ee;color:#8b423b}
.opt-button-pdf:hover{background:#fce6e0;color:#75352f}
.opt-catalog-hero{position:relative;overflow:hidden;padding:clamp(3.6rem,8vw,7.2rem) 0 clamp(3.4rem,7vw,6.2rem);border-bottom:1px solid rgba(160,138,107,.25);background:radial-gradient(circle at 80% 15%,rgba(118,148,129,.18),transparent 27%),linear-gradient(145deg,#f8f2e8 0%,#f1e9dc 100%)}
.opt-catalog-hero::before{content:"";position:absolute;left:-9rem;bottom:-12rem;width:27rem;height:27rem;border:1px solid rgba(81,112,97,.14);border-radius:50%;box-shadow:0 0 0 4rem rgba(81,112,97,.035),0 0 0 8rem rgba(81,112,97,.025)}
.opt-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);align-items:center;gap:clamp(2rem,6vw,5.5rem)}
.opt-hero-grid h1{max-width:720px;margin:.85rem 0 0;color:#273f48;font-size:clamp(3rem,6.5vw,5.7rem);font-weight:950;letter-spacing:-.065em;line-height:.94}
.opt-hero-grid h1 span{color:#547264}
.opt-hero-grid>div>p{max-width:670px;margin:1.35rem 0 0;color:#5a6964;font-size:clamp(1rem,2vw,1.15rem);line-height:1.75}
.opt-hero-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.7rem}
.opt-trust-row{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;margin-top:1.4rem;color:#607168;font-size:.76rem;font-weight:850}
.opt-trust-row span{display:inline-flex;align-items:center;gap:.4rem}.opt-trust-row i{color:#587567}
.opt-hero-preview{position:relative;padding:1.5rem;border:1px solid #d8ccba;border-radius:1.55rem;background:rgba(255,252,246,.88);box-shadow:0 28px 70px rgba(78,60,37,.13);transform:rotate(1.2deg)}
.opt-hero-preview::before{content:"";position:absolute;inset:-9px 15px auto;height:18px;border:1px solid rgba(201,188,169,.8);border-bottom:0;border-radius:1.1rem 1.1rem 0 0;background:rgba(255,250,242,.6);z-index:-1}
.opt-preview-top{display:flex;justify-content:space-between;color:#66766e;font-size:.7rem;font-weight:900}.opt-preview-track{height:7px;margin-top:.6rem;border-radius:99px;background:#e5ddd0;overflow:hidden}.opt-preview-track span{display:block;width:67%;height:100%;border-radius:inherit;background:#678273}.opt-preview-law{margin-top:1.25rem!important;color:#687b70!important;font-size:.67rem!important;font-weight:950;letter-spacing:.1em}.opt-hero-preview>strong{display:block;margin:.45rem 0 1rem;color:#2c443a;font-size:1.1rem;line-height:1.45}.opt-preview-answer{display:flex;align-items:center;gap:.55rem;margin-top:.55rem;padding:.7rem .8rem;border:1px solid #ded4c5;border-radius:.75rem;color:#65736c;font-size:.78rem;font-weight:800}.opt-preview-answer.is-correct{border-color:#91b19d;background:#e8f1e8;color:#315f49}.opt-preview-explain{display:block;margin-top:.75rem;padding:.7rem;border-radius:.7rem;background:#f2ebdf;color:#68736d;font-size:.69rem;line-height:1.5}.opt-preview-explain b{color:#405a4f}
.opt-catalog{padding:clamp(3.5rem,7vw,6.5rem) 0}
.opt-section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.7rem}.opt-section-heading h2{margin-top:.35rem;color:#293f48;font-size:clamp(1.9rem,4vw,3rem);font-weight:950;letter-spacing:-.045em;line-height:1.05}.opt-section-heading>p{max-width:460px;color:#65736c;line-height:1.65}.opt-section-heading>a{display:inline-flex;align-items:center;gap:.45rem;color:#4d6b5d;font-size:.82rem;font-weight:950;white-space:nowrap}
.opt-law-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}
.opt-law-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:155px;padding:1.15rem;border:1px solid var(--opt-line);border-radius:1.3rem;background:rgba(255,250,242,.78);box-shadow:0 10px 28px rgba(74,58,38,.035);transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}
.opt-law-card:hover{transform:translateY(-3px);border-color:#a9b8aa;background:#fffaf2;box-shadow:0 18px 38px rgba(74,58,38,.08)}
.opt-law-icon,.opt-law-heading-icon{display:grid;place-items:center;flex:none;border-radius:1rem;background:#dfe7df;color:#496757}.opt-law-icon{width:3.6rem;height:3.6rem;font-size:1.4rem}.opt-law-copy{display:block;min-width:0}.opt-law-copy>*{display:block}.opt-law-meta{color:#718077;font-size:.65rem;font-weight:950;letter-spacing:.075em;text-transform:uppercase}.opt-law-copy strong{margin-top:.28rem;color:#2d4640;font-size:1.16rem;font-weight:950}.opt-law-copy>span:last-child{margin-top:.35rem;color:#65726c;font-size:.75rem;line-height:1.5}.opt-law-arrow{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;color:#597065;transition:transform .18s,background .18s}.opt-law-card:hover .opt-law-arrow{transform:translateX(3px);background:#e6ebe4}
.opt-how{padding:clamp(3.5rem,7vw,6rem) 0;background:#e9e6dc;border-block:1px solid rgba(158,139,109,.2)}.opt-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.opt-how-grid article{padding:1.5rem;border-left:1px solid #cfc5b6}.opt-how-grid article>span{display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:.7rem;background:#5a7467;color:#fff;font-weight:950}.opt-how-grid h3{margin-top:1rem;color:#2f4940;font-size:1.2rem;font-weight:950}.opt-how-grid p{margin-top:.45rem;color:#647169;font-size:.86rem;line-height:1.65}
.opt-law-hero{padding:2rem 0 clamp(3rem,6vw,5rem);border-bottom:1px solid rgba(160,138,107,.25);background:radial-gradient(circle at 90% 10%,rgba(112,145,126,.18),transparent 28%),#f1eadf}.opt-breadcrumb{display:flex;align-items:center;gap:.55rem;color:#718078;font-size:.72rem;font-weight:800}.opt-breadcrumb a:hover{color:#3e6351}.opt-breadcrumb i{font-size:.55rem;color:#9a9e97}.opt-law-heading{display:flex;align-items:flex-start;gap:1.35rem;max-width:900px;margin-top:2rem}.opt-law-heading-icon{width:4.8rem;height:4.8rem;font-size:1.9rem}.opt-law-heading h1{margin-top:.55rem;color:#293f48;font-size:clamp(2.2rem,5.2vw,4.35rem);font-weight:950;letter-spacing:-.055em;line-height:1.02}.opt-law-heading p{max-width:780px;margin-top:1rem;color:#5f6f68;font-size:1rem;line-height:1.7}.opt-law-actions{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin-top:1.7rem}.opt-official-link{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem;color:#536a60;font-size:.75rem;font-weight:900}.opt-official-link:hover{color:#334f43;text-decoration:underline}
.opt-test-section{padding:clamp(3rem,7vw,6rem) 0}.opt-test-card{max-width:920px;margin:auto;border:1px solid #d7cbb9;border-radius:1.7rem;background:#fffaf2;box-shadow:0 24px 62px rgba(71,56,37,.09);overflow:hidden}.opt-test-intro,.opt-test-result{padding:clamp(2rem,6vw,4.5rem);text-align:center}.opt-test-mark,.opt-result-icon{display:grid;place-items:center;width:4.5rem;height:4.5rem;margin:0 auto 1.15rem;border-radius:1.25rem;background:#e1e9e1;color:#4c6b5b;font-size:1.8rem}.opt-test-intro h2,.opt-test-result h2{margin-top:.45rem;color:#293f48;font-size:clamp(2rem,4vw,3rem);font-weight:950;letter-spacing:-.045em}.opt-test-intro>p:not(.opt-eyebrow),.opt-test-result>p:not(.opt-eyebrow){max-width:620px;margin:.8rem auto 0;color:#647169;line-height:1.7}.opt-test-features{display:flex;justify-content:center;gap:.7rem;flex-wrap:wrap;margin:1.4rem 0}.opt-test-features span{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .7rem;border-radius:.65rem;background:#f0eadd;color:#5a695f;font-size:.72rem;font-weight:850}.opt-start{margin-top:.5rem}
.opt-test-play{padding:clamp(1.25rem,4vw,2.4rem)}.opt-test-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#68776f;font-size:.72rem;font-weight:900}.opt-live-score{display:flex;align-items:center;gap:.35rem}.opt-live-score i:first-child{margin-left:.2rem;color:#397151}.opt-live-score i:nth-of-type(2){margin-left:.45rem;color:#a34f47}.opt-progress{height:8px;margin-top:.7rem;border-radius:99px;background:#e5ddd0;overflow:hidden}.opt-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#638170,#8ca08e);transition:width .3s}.opt-question-tag{margin-top:1.6rem;color:#657e71;font-size:.68rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.opt-test-play h2{max-width:780px;margin-top:.45rem;color:#2b423a;font-size:clamp(1.35rem,3vw,2rem);font-weight:950;line-height:1.35}.opt-answers{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-top:1.35rem}.opt-answer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;width:100%;min-height:68px;padding:.75rem .85rem;border:1px solid #d8cdbd;border-radius:1rem;background:#fffcf6;color:#42554c;text-align:left;transition:transform .15s,border-color .15s,background .15s}.opt-answer:hover:not(:disabled){transform:translateY(-1px);border-color:#8da696;background:#f1f3eb}.opt-answer>span{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:.65rem;background:#eee8dc;color:#5e6e65;font-size:.76rem;font-weight:950}.opt-answer b{font-size:.82rem;line-height:1.45}.opt-answer em{color:#9aa29c;font-size:1.1rem;font-style:normal}.opt-answer.is-correct{border-color:#86aa92;background:#e8f2e8;color:#2e6847}.opt-answer.is-correct>span{background:#cee3d2;color:#2d6846}.opt-answer.is-correct em{color:#397653}.opt-answer.is-wrong{border-color:#c78d85;background:#f9e9e5;color:#8d4039}.opt-answer.is-wrong>span{background:#efd0cb;color:#8d4039}.opt-answer.is-wrong em{color:#a44940}.opt-answer:disabled{cursor:default}.opt-feedback{margin-top:1rem;padding:1rem;border:1px solid #d5ccbd;border-radius:1rem;background:#f1ece2}.opt-feedback.is-correct{border-color:#b8d0bd;background:#eaf2e9}.opt-feedback.is-wrong{border-color:#ddbbb5;background:#faeeea}.opt-feedback-title{display:flex;align-items:center;gap:.55rem}.opt-feedback-title>span{display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:#5f7d6b;color:#fff;font-weight:950}.opt-feedback.is-wrong .opt-feedback-title>span{background:#a45249}.opt-feedback-title strong{color:#354e43}.opt-feedback p{margin-top:.55rem;color:#59685f;font-size:.8rem;line-height:1.65}.opt-feedback p b{color:#3f594d}.opt-next{margin-top:1rem;margin-left:auto}.opt-result-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:620px;margin:1.6rem auto;overflow:hidden;border:1px solid #d9cebd;border-radius:1rem;background:#f2ece1}.opt-result-grid>div{padding:1.2rem .6rem}.opt-result-grid>div+div{border-left:1px solid #d9cebd}.opt-result-grid strong,.opt-result-grid span{display:block}.opt-result-grid strong{color:#354f43;font-size:1.7rem;font-weight:950}.opt-result-grid span{margin-top:.15rem;color:#738078;font-size:.67rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.opt-result-grid .is-success strong{color:#32704d}.opt-result-grid .is-error strong{color:#9b4c44}.opt-result-actions{display:flex;justify-content:center;gap:.7rem;flex-wrap:wrap}.opt-legal-note,.opt-noscript{max-width:920px;margin:1rem auto 0;color:#6c7972;font-size:.72rem;line-height:1.55}.opt-legal-note{display:flex;align-items:flex-start;gap:.45rem}.opt-noscript{padding:.8rem;border:1px solid #d8cdbd;border-radius:.8rem;background:#fff7e8}
.opt-summary{padding:clamp(3.5rem,7vw,6.5rem) 0;background:#e8e5dc;border-block:1px solid rgba(156,137,108,.22)}.opt-summary-layout{display:grid;grid-template-columns:minmax(270px,.7fr) minmax(0,1.3fr);gap:clamp(2rem,6vw,5rem);align-items:start}.opt-summary-intro{position:sticky;top:105px}.opt-summary-intro h2{margin-top:.5rem;color:#2c444c;font-size:clamp(2rem,4vw,3.1rem);font-weight:950;letter-spacing:-.045em;line-height:1.05}.opt-summary-intro p{margin-top:1rem;color:#627068;line-height:1.7}.opt-summary-intro a{display:inline-flex;align-items:center;gap:.45rem;margin-top:1.2rem;color:#8a433b;font-size:.8rem;font-weight:950}.opt-accordion{display:grid;gap:.65rem}.opt-accordion details{border:1px solid #d1c7b8;border-radius:1rem;background:#f9f4eb;overflow:hidden}.opt-accordion summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:1rem;cursor:pointer;list-style:none}.opt-accordion summary::-webkit-details-marker{display:none}.opt-accordion summary>span{display:grid;place-items:center;width:2.15rem;height:2.15rem;border-radius:.65rem;background:#e3e7de;color:#557061;font-size:.69rem;font-weight:950}.opt-accordion summary strong{color:#3b5148;font-size:.88rem}.opt-accordion summary i{color:#6c7a72;transition:transform .2s}.opt-accordion details[open] summary i{transform:rotate(45deg)}.opt-accordion details p{padding:0 1rem 1.15rem 3.95rem;color:#617067;font-size:.82rem;line-height:1.7}
.opt-related{padding:clamp(3.5rem,7vw,6rem) 0}.opt-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.opt-related-grid>a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:1rem;border:1px solid #d8cdbb;border-radius:1rem;background:#fffaf2;transition:transform .18s,border-color .18s}.opt-related-grid>a:hover{transform:translateY(-2px);border-color:#a9b9ab}.opt-related-grid>a>span{display:grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:.8rem;background:#e3e9e1;color:#4e6b5c}.opt-related-grid small,.opt-related-grid strong{display:block}.opt-related-grid small{color:#78847d;font-size:.6rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.opt-related-grid strong{margin-top:.15rem;color:#354e43;font-size:.88rem}.opt-related-grid>a>i{color:#68796f}
.opt-not-found{padding:clamp(6rem,14vw,11rem) 0;text-align:center}.opt-icon-large{display:grid;place-items:center;width:4.5rem;height:4.5rem;margin:0 auto 1rem;border-radius:1.2rem;background:#e2e8df;color:#506f60;font-size:1.65rem}.opt-not-found h1{margin-top:.45rem;color:#293f48;font-size:clamp(2.2rem,5vw,4rem);font-weight:950}.opt-not-found p:not(.opt-eyebrow){margin:1rem auto 1.4rem;color:#65736c}
@media(max-width:880px){.opt-hero-grid{grid-template-columns:1fr}.opt-hero-preview{max-width:620px;transform:none}.opt-law-grid{grid-template-columns:1fr}.opt-summary-layout{grid-template-columns:1fr}.opt-summary-intro{position:static}.opt-related-grid{grid-template-columns:1fr}.opt-answers{grid-template-columns:1fr}}
@media(max-width:680px){.opt-shell{width:min(100% - 1.2rem,1160px)}.opt-catalog-hero{padding-top:3rem}.opt-hero-grid h1{font-size:clamp(2.7rem,15vw,4.2rem)}.opt-section-heading{align-items:flex-start;flex-direction:column;gap:.7rem}.opt-law-card{grid-template-columns:auto minmax(0,1fr);min-height:0}.opt-law-arrow{display:none}.opt-how-grid{grid-template-columns:1fr}.opt-how-grid article{border-left:0;border-top:1px solid #cfc5b6}.opt-law-heading{display:block}.opt-law-heading-icon{width:4rem;height:4rem;margin-bottom:1rem}.opt-law-actions{align-items:stretch;flex-direction:column}.opt-law-actions .opt-button{width:100%}.opt-official-link{justify-content:center}.opt-result-grid{grid-template-columns:1fr}.opt-result-grid>div+div{border-left:0;border-top:1px solid #d9cebd}.opt-related .opt-section-heading>a{white-space:normal}.opt-trust-row{gap:.7rem}.opt-hero-actions{align-items:stretch;flex-direction:column}.opt-button{width:100%}.opt-next{width:100%}.opt-accordion details p{padding-left:1rem}.opt-test-play h2{font-size:1.3rem}}
@media(prefers-reduced-motion:reduce){.opt-site *{scroll-behavior:auto!important;transition:none!important}}