/* polish-reference: 2026-09-28 usability and finish pass for /details/, /questions/, /information/ and /privacy/.
   Loaded after site.css. Every rule is scoped to those pages through body[data-page]. */

/* Anchor jumps: land just under the sticky header. site.css stacked html scroll-padding (110px) on top of a
   110px section scroll-margin, which left headings 130px+ below the header. */
html:has(body[data-page="details"]),html:has(body[data-page="questions"]),html:has(body[data-page="information"]),html:has(body[data-page="privacy"]){scroll-padding-top:calc(var(--header) + 28px)}
[data-page="details"] .spec-group,[data-page="information"] .prose>section,[data-page="privacy"] .prose>section,[data-page="questions"] .faq-group,[data-page="questions"] .faq{scroll-margin-top:0}

/* Comfortable targets for text links on the reference pages. */
:is([data-page="details"],[data-page="questions"],[data-page="information"],[data-page="privacy"]) main .text-link{min-height:44px}
:is([data-page="details"],[data-page="information"],[data-page="privacy"]) .prose p a,[data-page="details"] .confirm-list p a{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px;color:var(--ink)}

/* ---------- Details ---------- */
[data-page="details"] .detail-summary-copy>p:not(.eyebrow){font-size:12px}
[data-page="details"] .summary-stats{font-size:14px}
[data-page="details"] .summary-action .button{font-size:13px}
[data-page="details"] .summary-action .text-link{font-size:12px}

/* Sidebar: one clear "you are here" state, driven by polish-reference.js (site.js's .active is left inert). */
[data-page="details"] .spec-sidebar nav>a{min-height:48px;padding-block:12px;font-size:10px;transition:border-color .2s}
[data-page="details"] .spec-sidebar nav>a>span{font-size:13px;transition:color .2s}
[data-page="details"] .spec-sidebar nav>a:hover>span{color:var(--ink)}
.reference-nav-ready [data-page="details"] .spec-sidebar nav>a.active:not(.is-current)>span{color:var(--muted);font-weight:400}
[data-page="details"] .spec-sidebar nav>a.is-current{border-bottom-color:var(--gold-ink)}
[data-page="details"] .spec-sidebar nav>a.is-current>span{color:var(--ink);font-weight:600}
[data-page="details"] .spec-sidebar>.spec-download{min-height:44px;margin-top:18px;font-size:12px;gap:12px}

[data-page="details"] .spec-heading p{font-size:14px;line-height:1.7;max-width:62ch}
[data-page="details"] .spec-table>div{grid-template-columns:minmax(132px,30%) minmax(0,1fr);gap:28px;padding:14px 18px;font-size:14px;line-height:1.6;align-items:baseline}
[data-page="details"] .spec-table dt{font-size:13px;color:var(--muted)}
[data-page="details"] .spec-table dd{min-width:0;overflow-wrap:break-word;color:var(--ink)}
[data-page="details"] .spec-note{display:block;margin-top:3px;font-size:12.5px;line-height:1.5;color:var(--muted)}
[data-page="details"] .spec-note:before{content:'';display:inline-block;width:10px;height:1px;margin-right:8px;vertical-align:middle;background:var(--gold-ink)}
[data-page="details"] .spec-link{display:inline-flex;align-items:center;min-height:44px;margin-block:-12px;color:var(--ink);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}
[data-page="details"] .spec-link:hover{color:var(--gold-ink)}

/* Wide screens: two columns of rows, banded in pairs, so values sit next to their labels. */
@media(min-width:1500px){
  [data-page="details"] .spec-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-page="details"] .spec-table>div{grid-template-columns:minmax(120px,38%) minmax(0,1fr);gap:22px;padding:14px 22px}
  [data-page="details"] .spec-table>div:nth-child(odd){background:none}
  [data-page="details"] .spec-table>div:nth-child(4n+1),[data-page="details"] .spec-table>div:nth-child(4n+2){background:var(--soft)}
  [data-page="details"] .spec-table>div:nth-child(even){border-left:1px solid var(--line)}
  [data-page="details"] .spec-table:has(>div:last-child:nth-child(odd)):after{content:'';border-bottom:1px solid var(--line);border-left:1px solid var(--line)}
  [data-page="details"] .spec-table:has(>div:last-child:nth-child(4n+1)):after{background:var(--soft)}
}

/* Worth confirming: a calm checklist of what the listing leaves open, and where each answer comes from. */
[data-page="details"] .spec-confirm{padding:34px 36px 36px;background:var(--soft)}
[data-page="details"] .spec-confirm .spec-heading{padding-bottom:24px}
[data-page="details"] .confirm-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:44px}
[data-page="details"] .confirm-list>li{padding:18px 0 20px;border-top:1px solid var(--line)}
[data-page="details"] .confirm-list strong{display:block;margin-bottom:6px;font:400 20px/1.25 var(--serif);letter-spacing:-.02em;color:var(--ink)}
[data-page="details"] .confirm-list p{font-size:14px;line-height:1.7}
[data-page="details"] .confirm-source{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:4px;font-size:13px;font-weight:600;border-bottom:1px solid var(--line)}
[data-page="details"] .confirm-source .icon{width:16px;height:16px}
[data-page="details"] .confirm-source:hover{color:var(--gold-ink)}
[data-page="details"] .confirm-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 30px;margin-top:26px}

@media(max-width:1000px){
  [data-page="details"] .confirm-list{column-gap:30px}
  [data-page="details"] .spec-confirm{padding:28px}
}

/* Phones and tablets: the section list becomes a sticky, horizontally scrolling bar under the header.
   The layout switches to block flow because a one-column grid row would stop sticky positioning. */
@media(max-width:800px){
  html:has(body[data-page="details"]){scroll-padding-top:calc(var(--header) + 84px)}
  [data-page="details"] .specification-layout{display:block}
  [data-page="details"] .spec-sidebar{position:sticky;top:var(--header);z-index:30;margin:0 calc(var(--edge)*-1) 30px;padding:0;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 12px 18px -20px rgba(20,41,31,.6)}
  [data-page="details"] .spec-sidebar>.eyebrow,[data-page="details"] .spec-sidebar>.spec-download{display:none}
  [data-page="details"] .spec-sidebar nav{display:flex;flex-direction:row;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:8px var(--edge);scroll-padding-inline:var(--edge)}
  [data-page="details"] .spec-sidebar nav::-webkit-scrollbar{display:none}
  [data-page="details"] .spec-sidebar nav>a{flex:0 0 auto;gap:0;min-height:44px;padding:0 14px;border:1px solid var(--line);background:var(--white);font-size:0;color:var(--ink)}
  [data-page="details"] .spec-sidebar nav>a:focus-visible{outline-offset:2px}
  [data-page="details"] .spec-sidebar nav>a>span{font-size:13px;font-weight:500;color:var(--ink);white-space:nowrap}
  [data-page="details"] .spec-sidebar nav>a>.icon{display:none}
  [data-page="details"] .spec-sidebar nav>a.is-current{background:var(--green);border-color:var(--green)}
  [data-page="details"] .spec-sidebar nav>a.is-current>span{color:var(--paper);font-weight:500}
  [data-page="details"] .confirm-list{grid-template-columns:1fr}
  @supports not selector(:has(*)){
    [data-page="details"] .spec-group{scroll-margin-top:40px}
  }
}
@media(max-width:600px){
  [data-page="details"] .summary-stats{font-size:13px}
  [data-page="details"] .spec-heading p{font-size:13.5px}
  [data-page="details"] .spec-table>div{grid-template-columns:minmax(0,40%) minmax(0,1fr);gap:14px;padding:12px;font-size:14px;line-height:1.55}
  [data-page="details"] .spec-table dt{font-size:13px}
  [data-page="details"] .spec-note{font-size:12.5px}
  [data-page="details"] .spec-confirm{margin-inline:calc(var(--edge)*-1);padding:26px var(--edge) 28px}
  [data-page="details"] .confirm-list strong{font-size:19px}
  [data-page="details"] .confirm-actions{flex-direction:column;align-items:flex-start;gap:12px}
}
@media(max-width:374px){
  [data-page="details"] .spec-table>div{grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:12px;padding-inline:10px;font-size:13.5px}
  [data-page="details"] .spec-table dt{font-size:12.5px}
}

/* ---------- Questions ---------- */
[data-page="questions"] .question-sidebar>p:not(.eyebrow){font-size:14px}
[data-page="questions"] .question-sidebar .text-link{font-size:13px}
[data-page="questions"] .faq-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding-bottom:6px}
[data-page="questions"] .faq-topics{display:flex;flex-wrap:wrap;gap:8px}
[data-page="questions"] .faq-topics>a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--line);background:var(--white);font-size:13px;color:var(--ink);transition:border-color .2s}
[data-page="questions"] .faq-topics>a:hover{border-color:var(--gold-ink)}
[data-page="questions"] .faq-toggle-all{min-height:44px;padding:0;border:0;border-bottom:1px solid var(--line);background:none;font-size:13px;font-weight:600;color:var(--ink)}
[data-page="questions"] .faq-toggle-all:hover{color:var(--gold-ink)}
[data-page="questions"] .faq-group{padding-top:36px}
[data-page="questions"] .faq-group-title{margin-bottom:12px;font-size:clamp(24px,1.7vw,30px)}
[data-page="questions"] .questions-all summary{min-height:44px;padding-block:20px;font-size:16px;transition:color .2s}
[data-page="questions"] .questions-all summary:hover{color:var(--gold-ink)}
[data-page="questions"] .questions-all .faq-answer{max-width:760px;padding:0 40px 22px 0}
[data-page="questions"] .questions-all .faq-answer p{font-size:15px;line-height:1.75}
[data-page="questions"] .faq-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:4px;padding:0;border:0;background:none;font-size:12px;font-weight:600;color:var(--gold-ink)}
[data-page="questions"] .faq-link .icon{width:15px;height:15px}
[data-page="questions"] .faq-link:hover{color:var(--ink)}
[data-page="questions"] .faq.is-target>summary{color:var(--gold-ink)}
@media(prefers-reduced-motion:no-preference){
  [data-page="questions"] .faq.is-target{animation:reference-target 1.8s ease-out}
  @keyframes reference-target{from{background:var(--soft)}to{background:transparent}}
}
@media(min-width:801px) and (min-height:760px){
  [data-page="questions"] .questions-layout>aside{position:sticky;top:calc(var(--header) + 28px)}
}
@media(max-width:800px){
  [data-page="questions"] .questions-layout{row-gap:34px}
  [data-page="questions"] .questions-layout>aside{margin-bottom:0}
}
@media(max-width:600px){
  [data-page="questions"] .questions-layout{row-gap:28px}
  [data-page="questions"] .faq-group{padding-top:30px}
  [data-page="questions"] .questions-all summary{font-size:15px;padding-block:18px}
  [data-page="questions"] .questions-all .faq-answer{padding-right:0}
  [data-page="questions"] .questions-all .faq-answer p{font-size:15px}
  [data-page="questions"] .faq-topics>a{padding:0 12px}
}

/* ---------- Listing information and privacy ---------- */
:is([data-page="information"],[data-page="privacy"]) .prose p{font-size:15px;line-height:1.8;max-width:70ch}
[data-page="information"] .snapshot-label{font-size:12px}
[data-page="information"] .information-sidebar .text-link{font-size:13px}
[data-page="information"] .info-facts{margin:22px 0 8px;border-top:1px solid var(--line)}
[data-page="information"] .info-facts>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}
[data-page="information"] .info-facts dt{color:var(--muted)}
[data-page="information"] .info-facts dd{color:var(--ink);text-align:right}
[data-page="information"] .info-agents{list-style:none;margin:20px 0 6px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
[data-page="information"] .info-agents>li{display:flex;flex-direction:column;align-items:flex-start;padding:18px 20px 12px;background:var(--soft)}
[data-page="information"] .info-agents strong{font:400 21px/1.25 var(--serif);letter-spacing:-.02em;color:var(--ink)}
[data-page="information"] .info-agents span{margin:3px 0 4px;font-size:12px;color:var(--muted)}
[data-page="information"] .info-agents a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:var(--ink);overflow-wrap:anywhere}
[data-page="information"] .info-agents a:hover{color:var(--gold-ink)}
@media(min-width:1001px) and (min-height:800px){
  [data-page="information"] .information-sidebar{position:sticky;top:calc(var(--header) + 28px)}
}
@media(min-width:801px) and (min-height:700px){
  [data-page="privacy"] .policy-summary{position:sticky;top:calc(var(--header) + 28px)}
}
@media(max-width:600px){
  :is([data-page="information"],[data-page="privacy"]) .prose p{font-size:15px}
  [data-page="information"] .info-agents{grid-template-columns:1fr}
}

@media print{
  [data-page="questions"] .faq-tools,[data-page="questions"] .faq-link,[data-page="details"] .confirm-actions{display:none!important}
  [data-page="details"] .spec-confirm{background:none;padding:0}
}