/* wide.css: wide-screen layout for inner pages (2026-10-02).
   Applies only at 1100px and up; phone and tablet layouts are unchanged.
   Long prose keeps a readable measure; the side space holds an on-this-page
   menu, side-by-side cards and two-column lists.
   Pages: /compliance/ (wide-compliance) · /pricing/ (wide-pricing)
   · /audit-firms/ (wide-audit) · /notes/ (wide-notes). Load AFTER the page's
   own <style>. */

.wide .toc{display:none}

@media (min-width:1100px){

  /* ---- shared ---- */
  .wide main,.wide .wrap{max-width:78rem}
  .wide section{scroll-margin-top:84px}
  .wide .hero-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,31rem);column-gap:4.5rem;align-items:start}
  .wide .hero-split .epk-fig{margin:0}
  .wide .hero-split .epk-fig .epk{max-width:none}

  /* on-this-page menu (sticky) */
  .wide .toc{display:block;position:sticky;top:88px;align-self:start;font-family:var(--mono);font-size:11px;letter-spacing:.06em;line-height:1.5}
  .wide .toc-h{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;display:flex;align-items:center;gap:10px}
  .wide .toc-h::before{content:'';width:18px;height:1px;background:var(--signal-mid)}
  .wide .toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--border)}
  .wide .toc li{margin:0}
  .wide .toc a{display:block;padding:7px 0 7px 14px;margin-left:-1px;border-left:1px solid transparent;color:var(--gray);text-decoration:none;transition:color var(--dur-hover),border-color var(--dur-hover)}
  .wide .toc a:hover{color:var(--bright);border-left-color:var(--signal)}
  .wide .toc a.on{color:var(--signal);border-left-color:var(--signal)}

  /* ---- /compliance/ ---- */
  .wide-compliance main{display:grid;grid-template-columns:13.5rem minmax(0,1fr);column-gap:4.5rem}
  .wide-compliance main>*{grid-column:2;min-width:0}
  .wide-compliance main>.tag,.wide-compliance main>h1,.wide-compliance main>.lede{grid-column:1 / -1}
  .wide-compliance main>h1{max-width:62rem}
  .wide-compliance main>.lede{max-width:58rem}
  .wide-compliance main>.toc{grid-column:1;grid-row:4 / span 60}
  .wide-compliance .aud-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.55fr);gap:1.5rem;align-items:start;margin:8px 0 8px}
  .wide-compliance .aud-pair .audience{margin:0}
  .wide-compliance section p,.wide-compliance section ul,.wide-compliance section>h3{max-width:52rem}
  .wide-compliance section:first-of-type{margin-top:40px}

  /* ---- /pricing/ ---- */
  .wide-pricing main{max-width:76rem}
  .wide-pricing .hero-split{margin-bottom:8px}
  .wide-pricing .hero-split .lede{margin-bottom:0}
  .wide-pricing .pricing-grid{max-width:none;margin-top:56px;gap:28px}
  .wide-pricing p{max-width:54rem}
  .wide-pricing main>ul.features{columns:2;column-gap:3.5rem;max-width:none}
  .wide-pricing main>ul.features li{break-inside:avoid}
  .wide-pricing .faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:3.5rem}
  .wide-pricing .faq>h2{grid-column:1 / -1}
  .wide-pricing .faq-item:last-child{border-bottom:0}
  .wide-pricing .faq-item:nth-last-child(-n+2){border-bottom:1px solid var(--border)}

  /* ---- /audit-firms/ ---- */
  .wide-audit .wrap{max-width:76rem}
  .wide-audit .hero-split{border-bottom:1px solid var(--border);padding-bottom:48px;margin-bottom:64px}
  .wide-audit .hero-split header.page{border-bottom:0;padding-bottom:0;margin-bottom:0}
  .wide-audit .wrap>section{display:grid;grid-template-columns:15rem minmax(0,1fr);column-gap:4.5rem;margin-bottom:72px}
  .wide-audit .wrap>section>*{grid-column:2;min-width:0}
  .wide-audit .wrap>section>h2{grid-column:1;grid-row:1 / span 30;align-self:start;position:sticky;top:88px;font-size:1.35rem;border-bottom:0;padding-bottom:0}
  .wide-audit .wrap>section p{max-width:48rem}
  .wide-audit ul.affordances{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:3rem}
  .wide-audit ul.affordances li{border-bottom:0;border-top:1px solid var(--border)}
  .wide-audit ul.not{columns:2;column-gap:3rem}
  .wide-audit ul.not li{break-inside:avoid}
  .wide-audit .related ul{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:3rem}

  /* ---- /notes/ ---- */
  .wide-notes main{max-width:76rem}
  .wide-notes main>h1{max-width:56rem}
  .wide-notes main>.lede{max-width:52rem}
  .wide-notes .posts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:3.5rem}
  .wide-notes .post,.wide-notes .post:first-child{border-top:1px solid var(--border);padding:26px 0 30px}
}