.skip-link { position:absolute; left:16px; top:-80px; padding:12px; background:#101310; color:#fff; z-index:100; }
.skip-link:focus { top:16px; }
.content-nav { display:flex; flex-wrap:wrap; gap:10px 20px; margin:20px 0; }
.content-nav a { font-weight:700; }
.content-breadcrumbs { color:#687066; font-size:.85rem; overflow-wrap:anywhere; }
.article-byline { font-size:.9rem; }
.contents, .related { padding:20px; background:#f5f6f2; border:1px solid #dde2d7; border-radius:12px; margin:24px 0; }
.contents ol, .related ul { padding-left:22px; }
.related h2 { margin-top:0; }
.guide-illustration { margin:28px 0; }
.guide-illustration img { width:100%; max-height:240px; object-fit:contain; border-radius:12px; background:#f5f6f2; }
.guide-illustration figcaption { color:#687066; font-size:.8rem; }
.guide-directory section { border-top:1px solid #dde2d7; padding-bottom:18px; }
h2[id] { scroll-margin-top:20px; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible { outline:3px solid #527400; outline-offset:4px; }
.valuation-page main { width:min(1100px, calc(100% - 32px)); }
.valuation-page h1 { font-size:clamp(1.8rem, 4.5vw, 2.8rem); }
.standalone-valuation { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:28px; margin:24px 0 40px; padding:28px; background:#101310; border-radius:16px; color:white; }
.standalone-valuation > div { min-width:0; }
.valuation-form { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px; }
.valuation-form label { display:grid; gap:6px; font-size:.9rem; }
.valuation-form input, .valuation-form select { width:100%; min-width:0; height:46px; padding:0 12px; background:#232824; color:#fff; border:1px solid #657067; border-radius:8px; font:inherit; }
.valuation-price { position:relative; }
.valuation-price input { padding-right:36px; }
.valuation-price b { position:absolute; right:12px; top:10px; color:#d2d8d0; }
.primary-link, .sell-cta { display:flex; justify-content:space-between; align-items:center; gap:12px; min-height:48px; padding:12px 20px; border:0; border-radius:24px; background:#baff18; color:#101310; font:inherit; font-weight:800; cursor:pointer; text-decoration:none; }
.valuation-form .primary-link { grid-column:1/-1; margin-top:8px; }
.primary-link:disabled { opacity:.65; cursor:wait; }
.valuation-card { padding:24px; display:grid; gap:24px; background:#fff; color:#111511; border-radius:12px; overflow-wrap:anywhere; }
.valuation-card span, .valuation-card small { display:block; color:#4b534b; }
.valuation-card strong { display:block; font-size:1.15rem; }
.valuation-card > div:first-child > span { color:#527400; font-size:.8rem; font-weight:800; }
.value-range strong { font-size:clamp(1.2rem,3vw,1.8rem); }
.valuation-method { border-top:1px solid #dde2d7; padding-top:16px; }
.valuation-note, .standalone-valuation noscript p { color:#d2d8d0; font-size:.85rem; }
.standalone-valuation noscript a { color:#baff18; }
.valuation-card.error { outline:2px solid #c84343; }
.valuation-card.loading { opacity:.7; }
.valuation-page .sell-cta { justify-content:center; }
@media(max-width:760px) { .standalone-valuation { grid-template-columns:1fr; padding:20px; } }
@media(max-width:480px) { .valuation-page main { padding:22px 16px; } .standalone-valuation { padding:16px; } .valuation-form { grid-template-columns:1fr; } .content-nav { gap:12px; font-size:.92rem; } .contents, .related { padding:16px; } }
