/* Asar PMS — the public manual. Rides on /asar.css for the palette,
   the header and the footer; everything here is the reading column. */
.hero-h{background:linear-gradient(180deg,var(--tan-bg),#fff);
  border-bottom:1px solid var(--line);padding:44px 0 34px}
.hero-h h1{font-size:clamp(1.7rem,4.4vw,2.5rem);margin:8px 0 12px;max-width:19ch}
.hero-h .lede{color:var(--muted);max-width:60ch;font-size:1.02rem}
.find{margin-top:22px;max-width:620px}
.find input{width:100%;padding:15px 17px;border:1px solid var(--line);border-radius:var(--r);
  font:inherit;font-size:1rem;background:#fff;box-shadow:var(--shadow-sm)}
.find input:focus{outline:2px solid var(--tan);outline-offset:2px}
.hint{margin-top:9px;font-size:.82rem;color:var(--muted-2)}

.doc{padding:34px 20px 60px}
.crumbs{font-size:.83rem;color:var(--muted);margin-bottom:14px}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--navy);text-decoration:underline}
.crumbs span{opacity:.5;margin:0 4px}

.sect{padding:26px 0;border-top:1px solid var(--line-2)}
.sect:first-of-type{border-top:0;padding-top:6px}
.sect-h h2{font-size:1.28rem;margin-bottom:5px}
.sect-h h2 a{text-decoration:none}
.sect-h h2 a:hover{text-decoration:underline;text-decoration-color:var(--tan)}
.sect-h p{color:var(--muted);font-size:.92rem;margin-bottom:15px}

.rows{display:grid;gap:9px}
@media (min-width:760px){.rows{grid-template-columns:1fr 1fr}}
.rows a{display:block;padding:13px 15px;border:1px solid var(--line);border-radius:var(--r-sm);
  text-decoration:none;background:#fff;transition:border-color .15s,transform .15s}
.rows a:hover{border-color:var(--navy);transform:translateY(-1px)}
.rows a b{display:block;font-size:.97rem;font-weight:600;margin-bottom:3px}
.rows a small{display:block;color:var(--muted);font-size:.85rem;line-height:1.55}
.rows.big a{padding:16px 18px}

.art{max-width:74ch}
.art h1{font-size:clamp(1.55rem,3.6vw,2.15rem);margin:7px 0 12px}
.art .lede{color:var(--muted);font-size:1.06rem;margin-bottom:22px;
  padding-bottom:18px;border-bottom:1px solid var(--line-2)}
.art h2{font-size:1.08rem;margin:30px 0 8px}
.art p{margin:13px 0;font-size:1rem;line-height:1.75}
.art ul,.art ol{margin:13px 0;padding-left:23px}
.art li{margin:8px 0;line-height:1.72}
.art strong{font-weight:600}
.art code{background:var(--tan-bg);border-radius:5px;padding:2px 6px;font-size:.88em}
.art blockquote{margin:18px 0;padding:14px 18px;background:var(--bg-2);
  border-left:3px solid var(--tan);border-radius:0 var(--r-sm) var(--r-sm) 0}
.art blockquote p{margin:0}

.pager{display:grid;gap:9px;margin:34px 0 8px}
@media (min-width:700px){.pager{grid-template-columns:1fr 1fr}}
.pager a{display:block;padding:13px 16px;border:1px solid var(--line);border-radius:var(--r-sm);
  text-decoration:none;font-weight:600;font-size:.95rem;background:#fff}
.pager a:hover{border-color:var(--navy)}
.pager a small{display:block;font-weight:400;font-size:.75rem;color:var(--muted);
  letter-spacing:.05em;text-transform:uppercase;margin-bottom:3px}
.pager a.nx{text-align:right}

.also{margin-top:40px;padding-top:26px;border-top:1px solid var(--line-2)}
.also h2{font-size:1.05rem;margin-bottom:13px}

.cta{margin-top:46px;padding:26px;background:var(--navy);color:#fff;border-radius:var(--r)}
.cta h2{font-size:1.15rem;margin-bottom:8px}
.cta p{color:#CBD8DC;max-width:66ch;font-size:.95rem}
.cta b{color:#fff}
.cta .btns{display:flex;gap:10px;margin-top:17px;flex-wrap:wrap}
.cta .btn-ghost{border-color:rgba(255,255,255,.35);color:#fff;background:transparent}
.cta .btn-ghost:hover{background:rgba(255,255,255,.1)}

.res-none{padding:20px;border:1px dashed var(--line);border-radius:var(--r);
  color:var(--muted);background:#fff;grid-column:1/-1}
.res-count{grid-column:1/-1;font-size:.8rem;color:var(--muted);letter-spacing:.05em;
  text-transform:uppercase;font-weight:700;margin-bottom:2px}
.rows a .tag{display:inline-block;padding:1px 8px;border-radius:99px;font-size:.66rem;
  font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:var(--tan-bg);
  color:var(--tan-dk);margin-bottom:5px}
@media print{header,footer,.find,.pager,.cta,.also{display:none}}
