/* /products/adviser-reviews/ only (2026-10-27). Loaded by that page alone; reuses .page-hero, .sec, .process,
   .cards, .faq and .final from styles.css and pages.css. Everything new is prefixed .adv- */

/* nav: Products is the parent section of this page */
.links a[aria-current=true]{color:var(--text)}
.links a[aria-current=true]::after{right:0}
.mobile a[aria-current=true]{color:var(--ember-2)}

/* focus stays visible on the light sections */
.paper :focus-visible{outline-color:#a84b0d}

/* breadcrumb */
.adv-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;font:400 13px/1.5 var(--mono);color:var(--muted);margin-bottom:22px}
.adv-crumbs li+li::before{content:"/";margin-right:6px;color:var(--subtle)}
.adv-crumbs a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.adv-crumbs a:hover{color:var(--ember-2)}
.adv-crumbs [aria-current]{color:var(--text)}
.adv-hero .lede{max-width:640px}
.adv-hero h1 em{-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-right:.14em}

/* problem */
.adv-chores{max-width:760px}
.adv-chores-h{font:500 24px/1.3 var(--display);margin-bottom:18px}
.adv-chores ul{list-style:none;display:grid;gap:12px}
.adv-chores li{position:relative;padding-left:32px;color:var(--muted);font-size:18px}
.adv-chores li::before{content:"";position:absolute;left:0;top:14px;width:18px;height:1px;background:var(--ember)}
.adv-chores-f{margin-top:26px;font-size:18px;color:var(--text)}

/* how it works: number, heading, one paragraph */
.adv-steps li>p{color:var(--muted);font-size:17px;padding-top:6px}
.adv-steps h3{font-size:30px}

/* sample mock panels */
.adv-mocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.adv-mock{margin:0;padding:26px;border-radius:20px;background:#fffaf2;border:1px solid #1a171214;min-width:0}
.adv-mock figcaption{margin-bottom:16px}
.adv-sample{display:inline-block;font:400 11.5px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#a84b0d;border:1px dashed #a84b0d80;border-radius:999px;padding:4px 10px}
.adv-mock h3{font-size:26px;margin-top:12px;color:var(--paper-ink)}
.adv-tablewrap{overflow-x:auto}
.adv-mock table{width:100%;border-collapse:collapse;font-size:14px;color:var(--paper-ink)}
.adv-mock th,.adv-mock td{text-align:left;padding:9px 8px;border-bottom:1px solid #1a171214;vertical-align:top}
.adv-mock thead th{font:400 11px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--paper-muted);border-bottom-color:#1a171233}
.adv-mock tbody th{font:400 13px/1.5 var(--mono);white-space:nowrap}
.adv-mock td{white-space:nowrap}
.adv-mock td:last-child{white-space:normal}
.adv-pill{display:inline-block;font-size:12.5px;line-height:1.35;padding:3px 9px;border-radius:999px;background:#efe6d6;color:#3d3830}
.adv-pill-warn{background:#fbe0d2;color:#8f2d0a;font-weight:600}
.adv-pill-ok{background:#d9efe8;color:#0c5a4b}
.adv-dash th:not(:first-child),.adv-dash td{text-align:right}
.adv-dash td{font-variant-numeric:tabular-nums;white-space:nowrap}
.adv-dash td:last-child{color:#8f2d0a;font-weight:600}
.adv-mock-note{margin-top:14px;font-size:13.5px;color:var(--paper-muted)}

.adv-mail{border:1px solid #1a171222;border-radius:14px;background:#fff;overflow:hidden}
.adv-mail-head{margin:0;padding:12px 16px;border-bottom:1px solid #1a171214;display:grid;gap:4px;font-size:14px;color:var(--paper-ink)}
.adv-mail-head div{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:8px}
.adv-mail-head dt{color:var(--paper-muted)}
.adv-mail-head dd{margin:0;font-weight:500}
.adv-mail-body{padding:14px 16px;display:grid;gap:10px;font-size:14.5px;color:var(--paper-ink)}
.adv-mail-state{padding:10px 16px;background:#f5efe4;font:400 12px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--paper-muted)}

.adv-kv{margin:0;display:grid;gap:10px}
.adv-kv div{display:grid;grid-template-columns:minmax(0,8.5em) minmax(0,1fr);gap:12px;font-size:14.5px}
.adv-kv dt{color:var(--paper-muted)}
.adv-kv dd{margin:0;color:var(--paper-ink);font-weight:500}
.adv-signed{margin-top:18px;padding:14px 16px;border-radius:14px;background:#e3f3ee;border:1px solid #0c5a4b33;color:var(--paper-ink);font-size:14.5px}
.adv-signed-h{font-weight:600;color:#0c5a4b;display:flex;gap:8px;align-items:center;margin-bottom:4px}
.adv-tick{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#0c5a4b;color:#fff;font-size:12px;flex:none}

/* safety rules */
.adv-rule-cards .card h3{font-size:26px}

/* compliance, status, call to action */
.adv-narrow{max-width:860px}
.adv-compliance h2,.adv-status h2{margin:14px 0 22px}
.adv-big{font-size:22px;line-height:1.5;color:var(--text);margin-bottom:16px}
.adv-compliance p:not(.label):not(.adv-big),.adv-status p:not(.label):not(.adv-big){color:var(--muted)}

/* pricing (removable with #pricing-block) */
.adv-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.adv-price{padding:28px;border-radius:20px;background:#fffaf2;border:1px solid #1a171214}
.adv-price-k{font:400 12px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#a84b0d}
.adv-price-v{font:500 44px/1.1 var(--display);color:var(--paper-ink);margin:10px 0 10px;letter-spacing:-.02em}
.adv-price-v span{font:400 15px var(--body);color:var(--paper-muted);letter-spacing:0}
.adv-price p:last-child{color:var(--paper-muted);font-size:15.5px}
.adv-example{margin-top:26px;font-size:19px;color:var(--paper-ink)}
.adv-terms{list-style:none;margin-top:18px;display:grid;gap:8px;max-width:820px}
.adv-terms li{position:relative;padding-left:28px;color:var(--paper-muted);font-size:16px}
.adv-terms li::before{content:"✓";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:11px;background:#c4561a1a;color:#a84b0d;font-weight:700}

.adv-cta{text-align:center}
.adv-cta .adv-narrow{margin:0 auto}
.adv-cta p{color:var(--muted);font-size:19px;margin-top:18px}
.adv-cta .cta-row{justify-content:center;margin:30px 0 0}
.adv-cta .btn{white-space:normal;text-align:center;justify-content:center}
.adv-alt{font-size:15px!important}
.adv-alt a{color:var(--ember-2);text-decoration:underline;text-underline-offset:3px}

@media (max-width:1080px){
  .adv-steps li>p{grid-column:2}
  .adv-mocks{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .adv-prices{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .adv-steps li>p{grid-column:auto}
  .adv-steps h3{font-size:26px}
  .adv-mock{padding:20px 16px}
  .adv-mock h3{font-size:23px}
  .adv-mock th,.adv-mock td{padding:8px 5px}
  .adv-dash{font-size:13px}
  .adv-dash thead th{font-size:10px;letter-spacing:.02em;white-space:normal}
  .adv-mock tbody th{white-space:normal}
  .adv-kv div{grid-template-columns:minmax(0,1fr);gap:2px}
  .adv-big{font-size:19px}
  .adv-price-v{font-size:38px}
}