.detail-header{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
.detail-header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.detail-brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;font-weight:800;font-size:.91rem;line-height:1.2;letter-spacing:.02em}
.detail-brand img{width:48px;height:48px;object-fit:contain}
.detail-header nav{display:flex;align-items:center;gap:1.5rem}
.detail-header nav a{font-size:.92rem;font-weight:700;text-decoration:none}
.detail-header nav a:hover,.breadcrumb a:hover,.detail-links a:hover{text-decoration:underline;text-underline-offset:4px}
.detail-nav-cta{padding:.76rem 1rem;background:var(--ink);color:#fff}
.breadcrumb{display:flex;align-items:center;gap:.55rem;padding-top:1.6rem;font-size:.86rem;color:var(--muted);flex-wrap:wrap}
.breadcrumb a{text-decoration:none}
.detail-hero{padding:5rem 0 6rem}
.detail-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.7fr);gap:10%;align-items:end}
.detail-hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.047em;line-height:1.08;font-size:clamp(3rem,6vw,5.7rem);max-width:800px;margin:0 0 1.5rem}
.detail-lead{font-size:1.17rem;line-height:1.7;color:var(--muted);max-width:720px;margin-bottom:2rem}
.detail-photo{margin:0 auto 4.5rem}.detail-photo img{width:100%;height:clamp(290px,42vw,520px);object-fit:cover}.detail-photo figcaption{font-size:.85rem;color:var(--muted);padding:.55rem 0}
.detail-actions{display:flex;flex-wrap:wrap;gap:.75rem}
.detail-aside{border-top:3px solid var(--darkgreen);padding:1.4rem 0 0;display:grid;gap:.7rem}
.detail-aside p{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--darkgreen);margin:0}
.detail-aside strong{font-family:Georgia,'Times New Roman',serif;font-size:1.7rem;line-height:1.2;font-weight:400}
.detail-aside span{font-size:.94rem;color:var(--muted)}
.detail-body{background:var(--ink);color:white;padding:5rem 0}
.detail-columns{display:grid;grid-template-columns:1fr .85fr;gap:10%}
.detail-body h2,.detail-more h2{font-size:clamp(2.1rem,3.4vw,3.3rem);margin:0 0 1.5rem}
.detail-body ul{padding-left:1.3rem;margin:0;max-width:600px}
.detail-body li{padding:.35rem 0;color:#e5ece9;font-size:1.05rem;line-height:1.7}
.detail-note{background:#f0f3ee;color:var(--ink);padding:2rem}
.detail-note h2{font-size:2.15rem}
.detail-note p{color:var(--muted);font-size:1.02rem;line-height:1.7}
.detail-note a{display:inline-block;margin-top:.5rem;font-weight:700;text-underline-offset:4px}
.detail-more{padding:4.5rem 0 5rem}
.detail-links{display:flex;flex-wrap:wrap;gap:.7rem}
.detail-links a{padding:.7rem 1rem;border:1px solid #abb9b2;text-decoration:none;font-weight:700;font-size:.93rem}
.detail-footer{background:var(--ink);color:#edf2ed;padding:2rem 0}
.detail-footer .container{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.6rem;font-size:.87rem}
.detail-footer a{color:inherit}
@media(max-width:850px){.detail-header-inner{min-height:75px}.detail-header nav{gap:.75rem}.detail-grid{grid-template-columns:1fr;gap:3rem}.detail-hero{padding:3rem 0 4rem}.detail-columns{grid-template-columns:1fr;gap:3rem}.detail-body{padding:4rem 0}}
@media(max-width:620px){.detail-header-inner{align-items:flex-start;flex-direction:column;padding-top:.7rem;padding-bottom:.7rem;gap:.5rem}.detail-header nav{width:100%;justify-content:space-between;gap:.4rem}.detail-header nav a{font-size:.78rem}.detail-header nav .detail-nav-cta{padding:.5rem}.detail-brand{font-size:.78rem}.detail-brand img{width:38px;height:38px}.detail-hero h1{font-size:clamp(2.6rem,10vw,4rem)}.detail-actions .button{width:100%;justify-content:space-between}.detail-note{padding:1.4rem}.detail-footer .container{display:grid}}
