:root{
    --ground:#FBF8F2;
    --card:#FFFFFF;
    --ink:#2C2721;
    --faint:color-mix(in oklab, var(--ink) 56%, var(--ground));
    --hairline:color-mix(in oklab, var(--ink) 14%, var(--ground));
    --madder:#B5432F;
    --leaf:#4C7A46;
    --gold:#C29140;
    --moss:#5E7A52;
    --display:"Fraunces", Georgia, serif;
    --body:"Hanken Grotesk", "Segoe UI", sans-serif;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  body{background:var(--ground); color:var(--ink); font-family:var(--body); font-size:16.5px; line-height:1.6; -webkit-font-smoothing:antialiased;}
  a{color:inherit;}
  a, button, summary{touch-action:manipulation;}
  :focus-visible{outline:2px solid var(--madder); outline-offset:2px;}
  .skip{position:absolute; left:-9999px; top:0; background:var(--ink); color:var(--ground); padding:8px 14px; z-index:20; font-size:14px;}
  .skip:focus{left:8px; top:8px;}
  .shell{max-width:1180px; margin:0 auto; padding:0 28px;}

  .masthead{border-bottom:1px solid var(--hairline);}
  .masthead .shell{display:flex; align-items:center; justify-content:space-between; height:64px;}
  .wordmark{display:flex; align-items:center; gap:10px; text-decoration:none;}
  .wordmark strong{font-family:var(--display); font-weight:600; font-size:19px;}
  .nav{display:flex; gap:26px; font-size:14.5px; font-weight:500;}
  .nav a{text-decoration:none; white-space:nowrap;}
  .nav a:hover{text-decoration:underline; text-underline-offset:4px;}
  .nav a[aria-current]{text-decoration:underline; text-underline-offset:4px; text-decoration-thickness:1.5px;}

  .folio{display:flex; justify-content:space-between; gap:16px; padding:14px 0 0;
    font-size:11px; font-weight:600; letter-spacing:.13em; color:var(--faint); text-transform:uppercase;}

  .spread{display:grid; grid-template-columns:minmax(360px,500px) 1fr; gap:56px; padding:34px 0 20px; align-items:start;}
  .plate-col{position:sticky; top:22px;}
  .plate{background:var(--card); border:1px solid var(--hairline); border-radius:6px; padding:18px 18px 12px;}
  .plate svg{display:block; width:100%; height:auto;}
  .plate-ids{display:flex; justify-content:space-between; gap:10px; font-size:11px; font-weight:600;
    letter-spacing:.1em; color:var(--faint); padding:10px 4px 2px; text-transform:uppercase;}
  .plate-note{font-size:11.5px; color:var(--faint); padding:6px 4px 2px;}
  .legend{margin-top:2px;}
  .legend summary{list-style:none; cursor:pointer; display:flex; justify-content:space-between; gap:16px;
    align-items:baseline; padding:8px 4px; font-size:12.5px; font-weight:600; color:var(--faint);
    border-top:1px solid var(--hairline);}
  .legend summary::-webkit-details-marker{display:none;}
  .legend summary .m{transition:transform .15s ease;}
  .legend[open] summary .m{transform:rotate(45deg);}
  .legend ul{list-style:none; display:grid; gap:7px; padding:4px 4px 10px; margin:0;}
  .legend li{display:flex; align-items:center; gap:10px; font-size:13px;
    color:color-mix(in oklab, var(--ink) 78%, var(--ground)); line-height:1.45;}
  .legend li svg{flex:0 0 34px;}
  .legend .method{font-size:12.5px; padding:0 4px 8px; color:var(--faint);}
  .legend .method a{font-weight:600; text-decoration:underline; text-underline-offset:3px;}

  .eyebrow{font-size:11px; font-weight:600; letter-spacing:.14em; color:var(--faint); text-transform:uppercase; margin-bottom:14px;}
  .verdict{font-family:var(--display); font-weight:560; font-size:clamp(34px,4.2vw,50px); line-height:1.06;
    letter-spacing:-.01em; text-wrap:balance; margin-bottom:14px;}
  .dek{font-size:19px; line-height:1.55; max-width:30em; color:color-mix(in oklab, var(--ink) 84%, var(--ground)); margin-bottom:16px;}
  .tally{font-size:14px; font-weight:500; color:var(--faint); font-variant-numeric:tabular-nums; margin-bottom:6px;}
  .see-link{font-size:14px; font-weight:600; text-decoration:underline; text-underline-offset:4px; transition:color .15s ease;}
  .see-link:hover{color:var(--madder);}
  .chip{display:inline-block; font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
    color:var(--moss); border:1.5px solid var(--moss); background:color-mix(in oklab, var(--moss) 8%, var(--ground));
    border-radius:99px; padding:8px 14px; margin:16px 0 34px;}

  section{margin-bottom:38px;}
  section h2{font-family:var(--display); font-weight:500; font-size:24px; letter-spacing:-.005em; text-wrap:balance; margin-bottom:14px;}
  .shows ul{list-style:none; display:grid; gap:14px; max-width:36em;}
  .shows li{display:flex; gap:14px; align-items:baseline;}
  .shows li svg{flex:0 0 34px; position:relative; top:4px;}

  .dayrail{border:1px solid var(--hairline); border-radius:6px; padding:14px 16px 8px; max-width:560px;
    background:var(--card); overflow-x:auto;}
  .dayrail svg{display:block; width:100%; min-width:430px; height:auto;}
  .protocol p.note{max-width:34em; margin-top:12px; font-size:15px; color:var(--faint);}

  .strip{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px; max-width:860px;}
  .strip figure{background:var(--card); border:1px solid var(--hairline); border-radius:6px; padding:10px 10px 12px;}
  .strip svg{display:block; width:100%; height:auto;}
  .strip figcaption{padding:6px 6px 0; line-height:1.4;}
  .strip figcaption b{display:block; font-size:14px; font-weight:700;}
  .strip figcaption span{font-size:13px; color:var(--faint);}

  .honesty{display:grid; grid-template-columns:minmax(0,300px) 1fr; gap:28px; align-items:center;
    border:1px solid var(--hairline); border-radius:6px; background:var(--card); padding:20px; max-width:860px;}
  .honesty svg{display:block; width:100%; height:auto;}
  .honesty p{font-size:15.5px; line-height:1.55; max-width:26em;}
  .honesty p b{font-weight:700;}

  .studies{max-width:40em;}
  .studies ul{list-style:none; display:block; margin:0;}
  .studies li{display:flex; gap:14px; align-items:baseline; border-top:1px solid var(--hairline);
    padding:9px 2px; font-size:14px; line-height:1.5;}
  .studies li:last-child{border-bottom:1px solid var(--hairline);}
  .studies .yr{font-weight:700; flex:0 0 42px; font-variant-numeric:tabular-nums;}
  .studies .what{flex:1; color:color-mix(in oklab, var(--ink) 82%, var(--ground));}
  .studies .src{font-weight:600; font-size:13px; text-decoration:underline; text-underline-offset:3px;
    transition:color .15s ease; flex:0 0 auto;}
  .studies .src:hover{color:var(--madder);}
  .studies .more{margin-top:12px; font-size:14px; color:var(--faint);}
  .faq{max-width:37em;}
  .faq details{border-top:1px solid var(--hairline);}
  .faq details:last-child{border-bottom:1px solid var(--hairline);}
  .faq summary{list-style:none; cursor:pointer; display:flex; justify-content:space-between; gap:16px;
    align-items:baseline; padding:13px 2px; font-weight:600; font-size:15.5px;}
  .faq summary::-webkit-details-marker{display:none;}
  .faq summary .m{color:var(--faint); transition:transform .15s ease; flex:0 0 auto;}
  .faq details[open] summary .m{transform:rotate(45deg);}
  .faq details p{padding:0 2px 16px; font-size:15px; color:color-mix(in oklab, var(--ink) 82%, var(--ground)); max-width:33em;}

  footer{border-top:1px solid var(--hairline); margin-top:26px;}
  footer .shell{padding:22px 28px 18px; display:flex; justify-content:space-between; gap:24px; flex-wrap:wrap;
    font-size:11.5px; letter-spacing:.04em; color:var(--faint); line-height:1.7; text-transform:uppercase; font-weight:600;}
  footer .legal{display:block; padding:0 28px 28px; text-transform:none; letter-spacing:normal; font-weight:400;}
  .legal-line{font-size:12.5px; line-height:1.6; color:var(--faint); max-width:52em; margin-bottom:10px;}
  .legal-links{display:flex; gap:18px; flex-wrap:wrap;}
  .legal-links a{font-size:12px; font-weight:500; color:var(--faint); text-decoration:underline;
    text-underline-offset:3px; transition:color .15s ease;}
  .legal-links a:hover{color:var(--ink);}

  .mark{fill:none; stroke-linecap:round;}
  .bob{animation:bob 5.5s ease-in-out infinite;}
  .bob2{animation:bob 6.5s ease-in-out infinite; animation-delay:1.2s;}
  @keyframes bob{0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)}}
  .bob, .bob2{transform-box:fill-box; transform-origin:center;}

  @media (max-width:940px){
    .spread{grid-template-columns:1fr; gap:34px;}
    .plate-col{position:static;}
    .nav{gap:16px; font-size:13.5px;}
    .strip{grid-template-columns:1fr; max-width:420px;}
    .honesty{grid-template-columns:1fr;}
    .masthead .shell{height:auto; flex-wrap:wrap; padding-top:12px; padding-bottom:12px; row-gap:6px;}
    .wordmark strong{font-size:17px; white-space:nowrap;}
    .folio{flex-wrap:wrap; row-gap:4px;}
  }
  @media (prefers-reduced-motion: reduce){
    .mark{transition:none !important;}
    .bob, .bob2{animation:none;}
  }

  /* ---- from siq_ghost_single.html ---- */

  :root{
    --ground:#FBF8F2;
    --card:#FFFFFF;
    --ink:#2C2721;
    --faint:color-mix(in oklab, var(--ink) 56%, var(--ground));
    --hairline:color-mix(in oklab, var(--ink) 14%, var(--ground));
    --madder:#B5432F;
    --moss:#5E7A52;
    --display:"Fraunces", Georgia, serif;
    --body:"Hanken Grotesk", "Segoe UI", sans-serif;
  }

  *{box-sizing:border-box; margin:0; padding:0;}

  body{background:var(--ground); color:var(--ink); font-family:var(--body); font-size:16.5px; line-height:1.6; -webkit-font-smoothing:antialiased;}

  a{color:inherit;}

  a, button, summary{touch-action:manipulation;}

  :focus-visible{outline:2px solid var(--madder); outline-offset:2px;}

  .skip{position:absolute; left:-9999px; top:0; background:var(--ink); color:var(--ground); padding:8px 14px; z-index:20; font-size:14px;}

  .skip:focus{left:8px; top:8px;}

  .shell{max-width:1180px; margin:0 auto; padding:0 28px;}


  .masthead{border-bottom:1px solid var(--hairline);}

  .masthead .shell{display:flex; align-items:center; justify-content:space-between; height:64px;}

  .wordmark{display:flex; align-items:center; gap:10px; text-decoration:none;}

  .wordmark strong{font-family:var(--display); font-weight:600; font-size:19px;}

  .nav{display:flex; gap:26px; font-size:14.5px; font-weight:500;}

  .nav a{text-decoration:none; white-space:nowrap;}

  .nav a:hover{text-decoration:underline; text-underline-offset:4px;}

  .nav a[aria-current]{text-decoration:underline; text-underline-offset:4px; text-decoration-thickness:1.5px;}


  .folio{display:flex; justify-content:space-between; gap:16px; padding:14px 0 0;
    font-size:11px; font-weight:600; letter-spacing:.13em; color:var(--faint); text-transform:uppercase;}


  .spread{display:grid; grid-template-columns:minmax(360px,500px) 1fr; gap:56px; padding:34px 0 20px; align-items:start;}

  .plate-col{position:sticky; top:22px;}

  .plate{background:var(--card); border:1px solid var(--hairline); border-radius:6px; padding:18px 18px 12px;}

  .plate svg{display:block; width:100%; height:auto;}

  .plate-ids{display:flex; justify-content:space-between; gap:10px; font-size:11px; font-weight:600;
    letter-spacing:.1em; color:var(--faint); padding:10px 4px 2px; text-transform:uppercase;}

  .plate-note{font-size:11.5px; color:var(--faint); padding:6px 4px 2px;}

  .legend{margin-top:2px;}

  .legend summary{list-style:none; cursor:pointer; display:flex; justify-content:space-between; gap:16px;
    align-items:baseline; padding:8px 4px; font-size:12.5px; font-weight:600; color:var(--faint);
    border-top:1px solid var(--hairline);}

  .legend summary::-webkit-details-marker{display:none;}

  .legend summary .m{transition:transform .15s ease;}

  .legend[open] summary .m{transform:rotate(45deg);}

  .legend ul{list-style:none; display:grid; gap:7px; padding:4px 4px 10px; margin:0;}

  .legend li{display:flex; align-items:center; gap:10px; font-size:13px;
    color:color-mix(in oklab, var(--ink) 78%, var(--ground)); line-height:1.45;}

  .legend li svg{flex:0 0 34px;}

  .legend .method{font-size:12.5px; padding:0 4px 8px; color:var(--faint);}

  .legend .method a{font-weight:600; text-decoration:underline; text-underline-offset:3px;}


  .eyebrow{font-size:11px; font-weight:600; letter-spacing:.14em; color:var(--faint); text-transform:uppercase; margin-bottom:14px;}

  .verdict{font-family:var(--display); font-weight:560; font-size:clamp(34px,4.2vw,50px); line-height:1.06;
    letter-spacing:-.01em; text-wrap:balance; margin-bottom:14px;}

  .dek{font-size:19px; line-height:1.55; max-width:30em; color:color-mix(in oklab, var(--ink) 84%, var(--ground)); margin-bottom:16px;}

  .tally{font-size:14px; font-weight:500; color:var(--faint); font-variant-numeric:tabular-nums; margin-bottom:6px;}

  .see-link{font-size:14px; font-weight:600; text-decoration:underline; text-underline-offset:4px; transition:color .15s ease;}

  .see-link:hover{color:var(--madder);}

  .chip{display:inline-block; font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
    color:var(--moss); border:1.5px solid var(--moss); background:color-mix(in oklab, var(--moss) 8%, var(--ground));
    border-radius:99px; padding:8px 14px; margin:16px 0 34px;}


  section{margin-bottom:38px;}

  section h2{font-family:var(--display); font-weight:500; font-size:24px; letter-spacing:-.005em; text-wrap:balance; margin-bottom:14px;}


  .claims{list-style:none; display:grid; gap:12px; max-width:40em;}

  .claims li{display:flex; gap:16px; align-items:center; border:1px solid var(--hairline);
    border-radius:6px; background:var(--card); padding:12px 16px;}

  .claims svg{flex:0 0 72px;}

  .claims .txt b{display:block; font-size:15px; font-weight:700;}

  .claims .txt span{font-size:13.5px; color:var(--faint);}

  .claims-more{max-width:40em; margin-top:12px;}

  .claims-more summary{list-style:none; cursor:pointer; font-weight:600; font-size:14.5px; padding:10px 2px;
    display:flex; justify-content:space-between; align-items:baseline; gap:16px;
    border-top:1px solid var(--hairline); border-bottom:1px solid var(--hairline);}

  .claims-more summary::-webkit-details-marker{display:none;}

  .claims-more summary .m{color:var(--faint); transition:transform .15s ease;}

  .claims-more[open] summary .m{transform:rotate(45deg);}

  .claims-more .claims{margin-top:12px;}


  .dayrail{border:1px solid var(--hairline); border-radius:6px; padding:14px 16px 8px; max-width:560px;
    background:var(--card); overflow-x:auto;}

  .dayrail svg{display:block; width:100%; min-width:430px; height:auto;}

  .protocol p.note{max-width:34em; margin-top:12px; font-size:15px; color:var(--faint);}


  .pairgrid{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:14px; max-width:640px;}

  .pairgrid figure{background:var(--card); border:1px solid var(--hairline); border-radius:6px; padding:10px 10px 12px;}

  .pairgrid svg{display:block; width:100%; height:auto;}

  .pairgrid figcaption{padding:6px 6px 0; line-height:1.4;}

  .pairgrid figcaption b{display:block; font-size:14px; font-weight:700;}

  .pairgrid figcaption span{font-size:13px; color:var(--faint);}


  .studies{max-width:40em;}

  .studies ul{list-style:none; display:block; margin:0;}

  .studies li{display:flex; gap:14px; align-items:baseline; border-top:1px solid var(--hairline);
    padding:9px 2px; font-size:14px; line-height:1.5;}

  .studies li:last-child{border-bottom:1px solid var(--hairline);}

  .studies .yr{font-weight:700; flex:0 0 42px; font-variant-numeric:tabular-nums;}

  .studies .what{flex:1; color:color-mix(in oklab, var(--ink) 82%, var(--ground));}

  .studies .src{font-weight:600; font-size:13px; text-decoration:underline; text-underline-offset:3px;
    transition:color .15s ease; flex:0 0 auto;}

  .studies .src:hover{color:var(--madder);}

  .studies .more{margin-top:12px; font-size:14px; color:var(--faint);}

  .faq{max-width:37em;}

  .faq details{border-top:1px solid var(--hairline);}

  .faq details:last-child{border-bottom:1px solid var(--hairline);}

  .faq summary{list-style:none; cursor:pointer; display:flex; justify-content:space-between; gap:16px;
    align-items:baseline; padding:13px 2px; font-weight:600; font-size:15.5px;}

  .faq summary::-webkit-details-marker{display:none;}

  .faq summary .m{color:var(--faint); transition:transform .15s ease; flex:0 0 auto;}

  .faq details[open] summary .m{transform:rotate(45deg);}

  .faq details p{padding:0 2px 16px; font-size:15px; color:color-mix(in oklab, var(--ink) 82%, var(--ground)); max-width:33em;}


  footer{border-top:1px solid var(--hairline); margin-top:26px;}

  footer .shell{padding:22px 28px 18px; display:flex; justify-content:space-between; gap:24px; flex-wrap:wrap;
    font-size:11.5px; letter-spacing:.04em; color:var(--faint); line-height:1.7; text-transform:uppercase; font-weight:600;}

  footer .legal{display:block; padding:0 28px 28px; text-transform:none; letter-spacing:normal; font-weight:400;}

  .legal-line{font-size:12.5px; line-height:1.6; color:var(--faint); max-width:52em; margin-bottom:10px;}

  .legal-links{display:flex; gap:18px; flex-wrap:wrap;}

  .legal-links a{font-size:12px; font-weight:500; color:var(--faint); text-decoration:underline;
    text-underline-offset:3px; transition:color .15s ease;}

  .legal-links a:hover{color:var(--ink);}


  .mark{fill:none; stroke-linecap:round;}

  .bob{animation:bob 5.5s ease-in-out infinite;}
 50%{transform:translateY(-6px)}
  /* ---- from siq_ghost_home.html ---- */

  a, button, summary, select{touch-action:manipulation;}


  /* hero */
  .hero{display:grid; grid-template-columns:1fr 1.05fr; gap:52px; align-items:center; padding:46px 0 56px;}

  .hero h1{font-family:var(--display); font-weight:560; font-size:clamp(36px,4.4vw,56px); line-height:1.05;
    letter-spacing:-.012em; text-wrap:balance; margin-bottom:18px;}

  .cta-row{display:flex; align-items:center; gap:22px; margin-bottom:14px; flex-wrap:wrap;}

  .btn{display:inline-block; background:var(--ink); color:var(--ground); font-family:var(--body);
    font-weight:600; font-size:15px; letter-spacing:.01em; padding:13px 22px; border:none;
    border-radius:4px; cursor:pointer; text-decoration:none; transition:background .15s ease;}

  .btn:hover{background:var(--madder);}

  .microline{font-size:12px; font-weight:600; letter-spacing:.1em; color:var(--faint);
    text-transform:uppercase; font-variant-numeric:tabular-nums;}


  /* bands */
  .band{border-top:1px solid var(--hairline); padding:52px 0;}

  .band h2{font-family:var(--display); font-weight:500; font-size:clamp(25px,2.8vw,32px);
    letter-spacing:-.006em; text-wrap:balance; margin-bottom:10px;}

  .band .sub{max-width:36em; color:color-mix(in oklab, var(--ink) 80%, var(--ground)); margin-bottom:28px;}


  .strip{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px; max-width:980px;}

  .strip figure{background:var(--card); border:1px solid var(--hairline); border-radius:6px; padding:10px 10px 12px;}

  .strip svg{display:block; width:100%; height:auto;}

  .strip figcaption{padding:6px 6px 0; line-height:1.4;}

  .strip figcaption b{display:block; font-size:14px; font-weight:700;}

  .strip figcaption span{font-size:13px; color:var(--faint);}

  .pairgrid a{color:inherit;}


  /* stack entry */
  .stack-grid{display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center;}

  .mockform{border:1px solid var(--hairline); background:var(--card); border-radius:6px; padding:22px; max-width:520px;}

  .mockform .field-label{font-size:10.5px; font-weight:700; letter-spacing:.14em; color:var(--faint);
    text-transform:uppercase; margin-bottom:8px;}

  .chips{display:flex; flex-wrap:wrap; gap:8px; border:1px solid var(--hairline); background:var(--ground);
    border-radius:4px; padding:10px; margin-bottom:18px;}

  .chips .chip{font-size:12px; font-weight:600; letter-spacing:.03em; border:1px solid var(--hairline);
    border-radius:99px; padding:5px 11px; display:inline-flex; gap:8px; align-items:center; background:var(--card);}

  .chips .chip b{font-weight:400; color:var(--faint);}

  .chips .ghost-hint{font-size:13.5px; color:var(--faint); align-self:center; padding-left:2px;}

  .mockform select{font-family:var(--body); font-size:14.5px; color:var(--ink); background:var(--ground);
    border:1px solid var(--hairline); padding:10px 12px; width:100%; margin-bottom:20px; border-radius:4px;}

  .preview-cap{font-size:11px; font-weight:600; letter-spacing:.1em; color:var(--faint);
    text-transform:uppercase; padding:8px 4px 2px;}


  /* method */
  .method-row{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:24px; max-width:860px;}

  .method-row .col{display:flex; flex-direction:column; gap:10px;}

  .method-row svg{display:block;}

  .method-row p{font-size:14.5px; color:color-mix(in oklab, var(--ink) 80%, var(--ground)); max-width:16em;}

  .method-note{font-size:12px; font-weight:600; letter-spacing:.1em; color:var(--faint);
    text-transform:uppercase; margin-top:24px;}

  @media (max-width:940px){
    .hero, .stack-grid{grid-template-columns:1fr; gap:32px;}
    .strip, .pairgrid, .method-row{grid-template-columns:1fr; max-width:420px;}
  }
  /* ---- from siq_ghost_stack.html ---- */


  .recap{display:flex; flex-wrap:wrap; gap:8px; align-items:center; padding:16px 0 0;}

  .recap .chip-ro{font-size:12px; font-weight:600; letter-spacing:.03em; border:1px solid var(--hairline);
    border-radius:99px; padding:5px 11px; background:var(--card);}

  .recap .edit{margin-left:6px;}

  h1.verdict{font-family:var(--display); font-weight:560; font-size:clamp(34px,4.2vw,50px); line-height:1.06;
    letter-spacing:-.01em; text-wrap:balance; margin-bottom:14px;}
  /* ---------------------------------------------------------------
     Rules the generator needs that the mockups had no element for.
     Deliberately small: the sections below the fold borrow the FAQ's
     disclosure styling rather than inventing a second one.
     --------------------------------------------------------------- */

  .deeper{max-width:37em; margin-top:34px;}
  .deeper > h2{margin-bottom:4px;}
  .deeper details ul{list-style:none; padding:0 2px 16px; margin:0; display:grid; gap:8px;}
  .deeper details li{font-size:15px; line-height:1.5;
    color:color-mix(in oklab, var(--ink) 82%, var(--ground));}
  .deeper details > div{padding:0 2px 14px;}
  .deeper details h3{font-family:var(--display); font-size:16px; font-weight:600;
    margin:10px 0 4px;}
  .deeper details h3 a{text-decoration:underline; text-underline-offset:3px;}
  .deeper details p{padding:0 2px 14px;}
  .deeper .note{font-size:13.5px; color:var(--faint); padding-top:2px;}

  .claimlist{list-style:none; padding:0; margin:0; display:grid; gap:6px;}
  .claimlist li{display:flex; justify-content:space-between; gap:14px; align-items:baseline;
    border-bottom:1px solid var(--hairline); padding-bottom:5px; font-size:14.5px;}
  .claimlist .yr{font-size:11px; font-weight:700; letter-spacing:.09em;
    text-transform:uppercase; color:var(--faint); flex:0 0 auto;
    font-variant-numeric:tabular-nums;}
  .claimlist .what{flex:1 1 auto; min-width:0;}

  /* anchor jumps from the see-links land with breathing room */
  #studies, #deeper{scroll-margin-top:18px;}

/* the A-to-Z index, a stopgap page with no mockup: give the reading
   rhythm the spread's top padding */
main#main > h1.eyebrow{padding-top:34px;}
main#main > section{margin-bottom:38px; max-width:760px;}


/* /method/ , a prose page with no mockup. .reading-col carries no rule of
   its own because on a single page the spread's grid column bounds it, and
   this page has no spread. Hold the measure at the same 37em the FAQ and
   the deeper section already use, so the three agree. */
.method-page{max-width:37em;}
.method-page h2{margin-top:30px; margin-bottom:6px;}
.method-page > p{margin-bottom:12px;}
.method-page .faq{margin-top:14px;}


/* /never-tested/ and /doesnt-work/, prose sections on pages with no mockup.
   Same problem the method page had: main#main > section caps at 760px and
   nothing sets a paragraph margin, so four paragraphs render as one block
   at 46em. Reuse the method page's answer rather than inventing a second
   one, so the FAQ, the method page and these three agree on the measure. */
main#main > section.flagship-note{max-width:37em;}  /* beats main#main > section, which is an id */
.flagship-note > p{margin-bottom:12px;}
.flagship-note > p:last-child{margin-bottom:0;}


/* ---------------------------------------------------------------------
   The mobile breakpoint, re-asserted. Found Aug 31 by measuring page
   widths, not by reading CSS.

   site.css is the mockups' stylesheets concatenated in order, and each
   mockup carries its own copy of the base rules. The FIRST copy's
   @media (max-width:940px) block sits at line 129; the SECOND copy
   re-declares .spread, .plate-col, .nav and .wordmark strong
   unconditionally at lines 181-198, AFTER it. Same specificity, later
   wins, so those four mobile rules had been dead since the day the
   second mockup was folded in.

   Measured consequence: every supplement page and every pair page, 1,649
   of the 1,654 on the site, rendered the desktop two-column .spread on a
   phone. The reading column was pushed off the right edge and the page
   scrolled sideways by 256px at 390px wide, 234px at 412px. Home, the
   index and the two flagships escaped only because they use page_raw and
   never touch .spread. This is also the real cause of what the method
   page hit on Aug 30 (SESSION_20260830 section 12, bug 3): the fix there
   was to abandon .spread, which cured that page and left the other 1,649.

   Nothing here is a new design decision. These are the mockup author's
   own mobile rules, restated where the cascade can reach them. Two
   additions, both to stop a sideways scroll below 340px: the nav may
   wrap, and the folio's two labels may sit on separate lines.
   --------------------------------------------------------------------- */
@media (max-width:940px){
  .spread{grid-template-columns:1fr; gap:34px;}
  .plate-col{position:static;}
  .nav{gap:16px; font-size:13.5px; flex-wrap:wrap; row-gap:6px;}
  .masthead .shell{height:auto; padding-top:12px; padding-bottom:12px; row-gap:6px;}
  .wordmark strong{font-size:17px; white-space:nowrap;}
  .strip{grid-template-columns:1fr; max-width:420px;}
  .honesty{grid-template-columns:1fr;}
  .folio{flex-wrap:wrap; row-gap:4px;}
}


/* The five legal pages. They reuse .method-page wholesale, so the only new
   rule is the dateline every legal page carries at the foot. */
.method-page p.updated{font-size:13px; color:var(--faint); margin-top:26px;
  padding-top:14px; border-top:1px solid var(--hairline);}


/* .deeper carries the measure but never set a paragraph rhythm, because on a
   scored page its paragraphs live inside <details> and got their padding
   from .deeper details p. The untested page puts prose directly in it. */
.deeper > p{margin-bottom:12px;}
.deeper > p:last-child{margin-bottom:0;}