:root{
--options-bg:#f7f2e8;
--options-card:#fffdf8;
--options-border:#e7dbc0;
--options-forest:#16382b;
--options-forest-soft:#25533f;
--options-gold:#c39a3a;
--options-ink:#221c12;
--options-muted:#665f52;
--options-rail:#efe4cb;
--options-warn:#fff1e8;
--options-warn-border:#d78650;
--options-good:#e9f7ef;
--options-good-border:#4f9b72;
--options-blue:#eaf2fb;
--options-blue-border:#4b84bd;
--options-shadow:0 12px 30px rgba(22,56,43,0.08);
--options-radius:18px;
}

body.options-library-page{
background:var(--options-bg);
color:var(--options-ink);
}

.options-hero{
background:
radial-gradient(circle at 20% 20%, rgba(195,154,58,0.16), transparent 40%),
linear-gradient(135deg, var(--options-forest) 0%, var(--options-forest-soft) 62%, #2b6450 100%);
color:#fff;
padding:3.75rem 1.5rem 3rem;
}

.options-hero__inner{
max-width:1180px;
margin:0 auto;
display:grid;
gap:1.5rem;
}

.options-kicker{
display:inline-flex;
align-items:center;
gap:.5rem;
padding:.45rem .9rem;
border-radius:999px;
border:1px solid rgba(255,255,255,.22);
background:rgba(255,255,255,.07);
font-size:.76rem;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
width:max-content;
}

.options-hero h1{
font-family:"Playfair Display", Georgia, serif;
font-size:clamp(2.3rem, 4.7vw, 4rem);
line-height:1.1;
margin:0;
color:#fff;
}

.options-hero p{
max-width:860px;
font-size:1.04rem;
color:rgba(255,255,255,.82);
margin:0;
}

.options-hero__stats{
display:grid;
grid-template-columns:repeat(4, minmax(0, 1fr));
gap:1rem;
}

.options-hero__stat{
background:rgba(255,255,255,.07);
border:1px solid rgba(255,255,255,.12);
border-radius:16px;
padding:1rem 1.1rem;
}

.options-hero__stat strong{
display:block;
font-size:1.5rem;
font-family:"Playfair Display", Georgia, serif;
color:#fff;
}

.options-hero__stat span{
display:block;
font-size:.78rem;
letter-spacing:.06em;
text-transform:uppercase;
color:rgba(255,255,255,.65);
margin-top:.25rem;
}

.options-subnav{
background:#f0e4cb;
border-bottom:1px solid #dccca8;
padding:.8rem 1.5rem;
}

.options-subnav__inner{
max-width:1180px;
margin:0 auto;
display:flex;
gap:.75rem;
overflow:auto;
scrollbar-width:thin;
}

.options-subnav__link{
white-space:nowrap;
padding:.7rem 1rem;
border-radius:999px;
background:rgba(22,56,43,.06);
color:var(--options-forest);
font-size:.88rem;
font-weight:700;
text-decoration:none;
border:1px solid transparent;
}

.options-subnav__link:hover,
.options-subnav__link.is-active{
background:#fff;
border-color:#d5c39e;
color:var(--options-forest);
}

.options-shell{
max-width:1180px;
margin:0 auto;
padding:2rem 1.5rem 4rem;
display:grid;
grid-template-columns:minmax(0, 1fr) 300px;
gap:1.5rem;
}

.options-main{
display:grid;
gap:1.25rem;
}

.options-rail{
display:grid;
gap:1rem;
align-content:start;
position:sticky;
top:86px;
height:max-content;
}

.options-panel,
.options-section{
background:var(--options-card);
border:1px solid var(--options-border);
border-radius:var(--options-radius);
box-shadow:var(--options-shadow);
}

.options-panel{
padding:1.15rem 1.25rem;
}

.options-section{
padding:1.6rem 1.75rem;
}

.options-section h2,
.options-panel h2{
font-family:"Playfair Display", Georgia, serif;
font-size:1.6rem;
line-height:1.18;
margin:0 0 .6rem;
color:var(--options-forest);
}

.options-section h3{
font-family:"Playfair Display", Georgia, serif;
font-size:1.16rem;
line-height:1.25;
margin:1.2rem 0 .45rem;
color:var(--options-forest);
}

.options-section p,
.options-panel p{
margin:.55rem 0 0;
color:var(--options-muted);
}

.options-lede{
font-size:1rem;
color:var(--options-muted);
max-width:760px;
}

.options-trust{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:.9rem;
margin-top:1rem;
}

.options-trust__item{
padding:1rem;
border-radius:16px;
background:#fff;
border:1px solid var(--options-border);
}

.options-trust__label{
font-size:.72rem;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--options-gold);
margin-bottom:.3rem;
}

.options-trust__value{
font-size:.93rem;
line-height:1.55;
color:var(--options-ink);
}

.options-grid{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:1rem;
margin-top:1rem;
}

.options-grid--three{
grid-template-columns:repeat(3, minmax(0, 1fr));
}

.options-card{
padding:1.15rem 1.1rem;
border-radius:16px;
background:#fff;
border:1px solid var(--options-border);
display:grid;
gap:.55rem;
}

.options-card h3,
.options-card h4{
margin:0;
font-family:"Playfair Display", Georgia, serif;
font-size:1.18rem;
line-height:1.2;
color:var(--options-forest);
}

.options-card p{
margin:0;
font-size:.93rem;
color:var(--options-muted);
}

.options-card__meta{
font-size:.72rem;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--options-gold);
}

.options-card__links,
.options-linklist{
display:grid;
gap:.45rem;
margin-top:.2rem;
}

.options-linklist a,
.options-card__links a,
.options-inline-link{
color:var(--options-forest);
font-weight:700;
text-decoration:none;
}

.options-linklist a:hover,
.options-card__links a:hover,
.options-inline-link:hover{
color:#7c5d18;
}

.options-note,
.options-check,
.options-warning,
.options-info{
padding:1rem 1.1rem;
border-radius:16px;
border:1px solid;
margin-top:1rem;
}

.options-note{
background:#fff8ea;
border-color:#e4cd95;
}

.options-check{
background:var(--options-good);
border-color:var(--options-good-border);
}

.options-warning{
background:var(--options-warn);
border-color:var(--options-warn-border);
}

.options-info{
background:var(--options-blue);
border-color:var(--options-blue-border);
}

.options-note strong,
.options-check strong,
.options-warning strong,
.options-info strong{
display:block;
margin-bottom:.25rem;
color:var(--options-forest);
}

.options-table{
width:100%;
border-collapse:collapse;
margin-top:1rem;
font-size:.92rem;
}

.options-table th,
.options-table td{
padding:.8rem .75rem;
border-bottom:1px solid var(--options-border);
text-align:left;
vertical-align:top;
}

.options-table th{
font-size:.76rem;
letter-spacing:.06em;
text-transform:uppercase;
color:var(--options-gold);
}

.options-table td{
color:var(--options-ink);
}

.options-table td span{
display:block;
color:var(--options-muted);
font-size:.84rem;
line-height:1.45;
}

.options-list,
.options-checklist{
display:grid;
gap:.65rem;
margin-top:1rem;
padding-left:0;
list-style:none;
}

.options-list li,
.options-checklist li{
padding-left:1.3rem;
position:relative;
color:var(--options-ink);
}

.options-list li::before,
.options-checklist li::before{
content:"";
position:absolute;
left:0;
top:.56rem;
width:.55rem;
height:.55rem;
border-radius:999px;
background:var(--options-gold);
}

.options-mini-grid{
display:grid;
grid-template-columns:repeat(4, minmax(0, 1fr));
gap:.8rem;
margin-top:1rem;
}

.options-mini-card{
padding:1rem;
border-radius:16px;
background:#fff;
border:1px solid var(--options-border);
}

.options-mini-card strong{
display:block;
font-size:.76rem;
letter-spacing:.06em;
text-transform:uppercase;
color:var(--options-gold);
margin-bottom:.35rem;
}

.options-mini-card span{
display:block;
font-size:.95rem;
line-height:1.5;
color:var(--options-ink);
}

.options-source-list{
display:grid;
gap:.45rem;
margin-top:.85rem;
font-size:.9rem;
}

.options-source-list a{
color:var(--options-forest);
text-decoration:none;
font-weight:700;
}

.options-source-list a:hover{
color:#7c5d18;
}

.options-rail .options-panel h3{
font-family:"Playfair Display", Georgia, serif;
font-size:1.05rem;
margin:0 0 .55rem;
color:var(--options-forest);
}

.options-rail .options-linklist{
margin-top:0;
}

.options-badge-row{
display:flex;
flex-wrap:wrap;
gap:.55rem;
margin-top:1rem;
}

.options-badge{
display:inline-flex;
align-items:center;
padding:.45rem .8rem;
border-radius:999px;
background:#fff;
border:1px solid var(--options-border);
font-size:.8rem;
font-weight:700;
color:var(--options-forest);
}

.options-tool-grid{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:1rem;
margin-top:1rem;
}

.options-tool{
padding:1.15rem;
border-radius:18px;
background:linear-gradient(135deg, #17372a 0%, #255240 100%);
color:#fff;
border:1px solid rgba(255,255,255,.08);
}

.options-tool h3{
margin:0 0 .35rem;
color:#fff;
font-family:"Playfair Display", Georgia, serif;
}

.options-tool p{
margin:0 0 .9rem;
color:rgba(255,255,255,.74);
}

.options-form{
display:grid;
gap:.8rem;
}

.options-form__grid{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:.8rem;
}

.options-form label{
display:grid;
gap:.35rem;
font-size:.8rem;
letter-spacing:.04em;
text-transform:uppercase;
font-weight:700;
color:rgba(255,255,255,.78);
}

.options-form input,
.options-form select{
width:100%;
padding:.85rem .9rem;
border-radius:12px;
border:1px solid rgba(255,255,255,.14);
background:rgba(255,255,255,.08);
color:#fff;
font-size:.95rem;
}

.options-form select option{
background:#17372a;
color:#fff;
}

.options-tool__results{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:.7rem;
margin-top:1rem;
}

.options-tool__result{
padding:.85rem .9rem;
border-radius:14px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.08);
}

.options-tool__result strong{
display:block;
font-size:.72rem;
letter-spacing:.06em;
text-transform:uppercase;
color:rgba(255,255,255,.65);
margin-bottom:.2rem;
}

.options-tool__result span{
display:block;
font-size:1.06rem;
font-weight:700;
color:#fff;
}

.options-selector-output{
display:grid;
gap:.9rem;
margin-top:1rem;
}

.options-selector-card{
padding:1rem 1.05rem;
border-radius:16px;
background:#fff;
color:var(--options-ink);
border:1px solid var(--options-border);
}

.options-selector-card h3{
margin:0 0 .35rem;
font-size:1.1rem;
font-family:"Playfair Display", Georgia, serif;
color:var(--options-forest);
}

.options-selector-card p{
margin:0;
font-size:.93rem;
color:var(--options-muted);
}

.options-selector-card .options-badge-row{
margin:.7rem 0;
}

.options-selector-card .options-badge{
background:#f5ecda;
}

.options-divider{
height:1px;
background:linear-gradient(90deg, transparent, #d9c69c, transparent);
margin:1.2rem 0 .2rem;
}

@media (max-width: 1020px){
.options-shell{
grid-template-columns:1fr;
}

.options-rail{
position:static;
}

.options-hero__stats,
.options-trust,
.options-grid--three,
.options-mini-grid,
.options-tool-grid{
grid-template-columns:repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 700px){
.options-shell,
.options-hero,
.options-subnav{
padding-left:1rem;
padding-right:1rem;
}

.options-section,
.options-panel{
padding:1.15rem;
}

.options-hero__stats,
.options-trust,
.options-grid,
.options-grid--three,
.options-mini-grid,
.options-tool-grid,
.options-form__grid,
.options-tool__results{
grid-template-columns:1fr;
}

.options-table{
display:block;
overflow:auto;
white-space:nowrap;
}
}