/* ============================================================
   Shefali Bhalla — WP layer (white paper reading page + open-finding placeholder)
   Loads AFTER site.css and v4.css. Extends the Finding page composition.
   ============================================================ */

/* ---- masthead: two-level title hierarchy ---- */
.fmast .fseries{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
                color:var(--bone-2);margin:0 0 1.1rem;}
.fmast .fseries .no{color:var(--accent);}
.fmast .fsub{font-size:19px;line-height:1.55;color:var(--bone-2);font-style:italic;max-width:640px;margin:1.2rem 0 0;}

/* ---- §01 lead paragraph — one step above body, not a headline ---- */
.wps p.flede{font-size:18px;line-height:1.8;letter-spacing:0;}

/* ---- numbered paper sections ---- */
.wps{padding-top:2.6rem;margin-top:2.6rem;border-top:.5px solid var(--line);}
.wps:first-of-type{padding-top:0;margin-top:0;border-top:none;}
.wph{display:flex;align-items:baseline;gap:1rem;margin:0 0 1.5rem;}
.wph .no{font-family:var(--mono);font-size:12px;color:var(--accent);letter-spacing:.06em;flex:none;}
.wph .t{font-family:var(--grot);font-weight:500;font-size:clamp(21px,2.5vw,26px);letter-spacing:-.015em;
        line-height:1.2;color:var(--bone);margin:0;}
.wph .ld{flex:1;border-bottom:1px dotted var(--line-2);position:relative;top:-6px;min-width:24px;}
.wph3{font-family:var(--grot);font-weight:500;font-size:18px;line-height:1.3;letter-spacing:-.01em;
      color:var(--bone);margin:2.1rem 0 .9rem;}
.fbody p strong{color:var(--bone);font-weight:500;}
.fbody p.fnote{font-size:14px;line-height:1.7;color:var(--bone-3);font-style:italic;}
.fbody p.fsrc{font-family:var(--mono);font-size:13.5px;line-height:1.7;color:var(--bone-2);margin:1.6rem 0;}
.fbody p.fsrc .k{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--bone-3);margin-right:.8em;}

/* ---- argument callouts ---- */
.wpcall{border-left:2px solid var(--accent);padding:.35rem 0 .35rem 1.4rem;margin:2.1rem 0;max-width:620px;}
.wpcall .q{font-family:var(--grot);font-weight:500;font-size:20px;line-height:1.45;color:var(--bone);}

/* ---- evidence areas (numbered register list) ---- */
.wpol{margin:1.8rem 0;max-width:660px;}
.wpol .it{padding:1.1rem 0;border-top:.5px solid var(--line);display:grid;
          grid-template-columns:34px minmax(0,1fr);column-gap:1rem;}
.wpol .it:last-child{border-bottom:.5px solid var(--line);}
.wpol .num{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.06em;padding-top:.2rem;}
.wpol .t{font-family:var(--grot);font-weight:500;font-size:16.5px;line-height:1.35;color:var(--bone);margin:0 0 .4rem;}
.wpol .d{font-size:14.5px;line-height:1.7;color:var(--body);margin:0 0 .55rem;}
.wpol .here{font-size:13.5px;line-height:1.65;color:var(--bone-2);margin:0;padding-left:.9rem;
            border-left:1px dotted var(--line-2);}
.wpol .here .k{font-family:var(--mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.14em;
               color:var(--bone-3);margin-right:.6em;}

/* ---- the two testable questions ---- */
.wpq{margin:1.9rem 0;max-width:640px;display:flex;flex-direction:column;gap:.9rem;}
.wpq .q{display:flex;gap:.8rem;align-items:flex-start;font-family:var(--grot);font-weight:500;
        font-size:17.5px;line-height:1.5;color:var(--bone);letter-spacing:-.005em;}
.wpq .q .ring{margin-top:.55em;}

/* ---- four response areas (quad reuse, panel cells) ---- */
.wpquad{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:680px;margin:1.8rem 0;}
.wpquad .cellq{border:.5px solid var(--line-2);background:var(--panel);padding:20px 22px;min-width:0;}
.wpquad .qk{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;
            color:var(--accent);margin-bottom:.8rem;display:flex;gap:.55em;}
.wpquad .qk .ix{color:var(--bone-3);letter-spacing:.06em;}
.wpquad .qt{font-family:var(--grot);font-weight:500;font-size:16px;line-height:1.3;color:var(--bone);margin:0 0 .5rem;}
.wpquad .qd{font-size:13.5px;line-height:1.65;color:var(--bone-2);margin:0;}

/* ---- closing question ---- */
.wpask{border-left:2px solid var(--accent);padding:.3rem 0 .3rem 1.4rem;margin:2.2rem 0 .4rem;max-width:620px;
       font-family:var(--grot);font-weight:500;font-size:22px;line-height:1.4;color:var(--bone);font-style:italic;}

/* ---- author box ---- */
.wpauthor{position:relative;border:.5px solid var(--line-2);background:var(--panel);
          padding:24px 26px;margin:3rem 0 0;max-width:680px;}
.wpauthor .top{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap;
               padding-bottom:.9rem;border-bottom:.5px solid var(--line);margin-bottom:1rem;}
.wpauthor .nm{font-family:var(--grot);font-weight:500;font-size:19px;letter-spacing:-.01em;color:var(--bone);}
.wpauthor .cr{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--accent);white-space:nowrap;}
.wpauthor .bio{font-size:14.5px;line-height:1.7;color:var(--bone-2);margin:0 0 1.2rem;}
.wpauthor .lnk{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--mono);font-size:12px;
               letter-spacing:.05em;color:var(--bone);border:.5px solid var(--line-2);border-radius:4px;
               padding:.7rem 1.4rem;transition:border-color .25s,background .25s;}
.wpauthor .lnk:hover{border-color:var(--accent-dim);background:var(--accent-faint);}

/* ---- author's note & disclosures ---- */
.wpnote{margin-top:2.6rem;padding-top:2.2rem;border-top:.5px solid var(--line);max-width:680px;}
.wpnote .h{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;
           color:var(--bone-3);margin:0 0 1.2rem;}
.wpnote p{font-size:14px;line-height:1.75;color:var(--bone-2);margin:0 0 1rem;}
.wpnote p:last-child{margin-bottom:0;}
.wpnote p .em{color:var(--bone);}

/* ---- works cited ---- */
.wpcite{margin-top:2.4rem;padding-top:2rem;border-top:.5px solid var(--line);max-width:680px;}
.wpcite .h{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;
           color:var(--bone-3);margin:0 0 .4rem;}
.wpcite .c{padding:1rem 0;border-top:.5px solid var(--line);font-size:13.5px;line-height:1.7;color:var(--bone-2);}
.wpcite .c:first-of-type{border-top:none;}
.wpcite .src{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.14em;
             color:var(--bone-3);display:block;margin-bottom:.35rem;}
.wpcite .c a{word-break:break-all;}

/* ---- next open finding ---- */
.wpnext{margin-top:3rem;max-width:680px;}
.wpnext .h{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;
           color:var(--bone-3);margin:0 0 .9rem;}
.wpnext a{display:block;border:.5px solid var(--line-2);padding:20px 24px;transition:border-color .25s;}
.wpnext a:hover{border-color:var(--accent-dim);}
.wpnext .meta{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--bone-3);
              display:flex;align-items:center;margin-bottom:.6rem;}
.wpnext .t{font-family:var(--grot);font-weight:500;font-size:19px;line-height:1.3;letter-spacing:-.012em;
           color:var(--bone);margin:0 0 .45rem;transition:color .25s;}
.wpnext a:hover .t{color:var(--accent);}
.wpnext .d{font-size:13.5px;line-height:1.65;color:var(--bone-2);margin:0;}
.wpnext .arr{font-family:var(--mono);font-size:12px;color:var(--accent);opacity:.45;transition:opacity .25s;margin-left:.5em;}
.wpnext a:hover .arr{opacity:1;}

/* ---- dossier source list (consistent link treatment) ---- */
.dfield .srcl{display:block;}
.dfield .srcl + .srcl{margin-top:.55rem;}

/* ---- contents (sticky aside, under dossier) ---- */
.ftoc{margin-top:1.4rem;border:.5px solid var(--line-2);background:var(--panel);padding:18px 24px 20px;}
.ftoc .h{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;
         color:var(--bone-3);padding-bottom:.8rem;border-bottom:.5px solid var(--line);margin-bottom:.4rem;}
.ftoc a{display:flex;gap:.8rem;align-items:baseline;padding:.5rem 0;font-family:var(--mono);
        font-size:11.5px;line-height:1.5;color:var(--bone-2);transition:color .2s;}
.ftoc a .no{color:var(--bone-3);font-size:10px;letter-spacing:.06em;flex:none;transition:color .2s;}
.ftoc a:hover{color:var(--bone);}
.ftoc a.active{color:var(--accent);}
.ftoc a.active .no{color:var(--accent);}

/* ---- open-finding placeholder page ---- */
.fstate{display:inline-flex;align-items:center;font-family:var(--mono);font-size:11px;letter-spacing:.12em;
        text-transform:uppercase;color:var(--bone-2);border:.5px solid var(--line-2);border-radius:3px;
        background:var(--panel-2);padding:.5rem .9rem;margin:0 0 1.9rem;}
.fbody p.fopen-note{font-size:13.5px;line-height:1.7;color:var(--bone-3);font-style:italic;}

@media(min-width:981px){
  .faside{max-height:calc(100svh - var(--nav-h) - 44px);overflow-y:auto;scrollbar-width:thin;
          scrollbar-color:rgba(236,231,220,.16) transparent;padding-right:2px;}
}
@media(max-width:980px){
  .ftoc{max-width:520px;}
}
@media(max-width:820px){
  .wpquad{grid-template-columns:1fr;}
  .wpauthor .top{flex-direction:column;gap:.4rem;}
}