@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Nunito+Sans:wght@400;600;700;800;900&display=swap');

/* FF Evidence page - canonical: Backend _workshop wp-content/uploads/et-apps/ffevidence/app.css
   Scoped to #ffevid. No Bootstrap-reserved class names. Server: wp-content/uploads/et-apps/ffevidence/ */
#ffevid p, #ffevid li, #ffevid a, #ffevid span, #ffevid small, #ffevid b, #ffevid ul, #ffevid ol, #ffevid h1, #ffevid h2, #ffevid h3, #ffevid h4, #ffevid blockquote, #ffevid figcaption{color:inherit;font-size:inherit;line-height:inherit}
#ffevid ul{list-style:none}

  #ffevid{
    --teal:#00b09b;
    --teal-dark:#00897b;
    --teal-tint:#e8f8f4;
    --lime:#9fc131;
    --navy:#1b2a5c;
    --gold:#ffc107;
    --coral:#fc5546;
    --purple:#7c4dff;
    --ink:#283442;
    --muted:#62707c;
    --bg:#ffffff;
    --bg-soft:#f5f9f8;
    --line:#e8edf0;
    --serif:"Fraunces",Georgia,serif;
    --sans:"Nunito Sans",system-ui,sans-serif;
    --radius:16px;
  }
  #ffevid, #ffevid *{box-sizing:border-box;margin:0;padding:0}
  #ffevid{font-family:var(--sans);color:var(--ink);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased}
  #ffevid a{text-decoration:none;color:inherit}
  #ffevid img{display:block;max-width:100%}
  #ffevid .wrap{max-width:1020px;margin:0 auto;padding:0 26px}

  /* Header */

  /* Hero (full-bleed photo with white box, homepage pattern) */
  #ffevid .hero{position:relative;width:100%;min-height:380px;display:flex;align-items:center;justify-content:center;padding:44px 24px;overflow:hidden}
  #ffevid .hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:0}
  #ffevid .hero-shade{position:absolute;inset:0;background:rgba(18,28,38,.22);z-index:1}
  #ffevid .hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:linear-gradient(90deg,var(--teal),var(--lime));z-index:3}
  #ffevid .hero-box{position:relative;z-index:2;background:rgba(255,255,255,.94);border-radius:24px;max-width:840px;margin:0 auto;padding:34px 46px;box-shadow:0 18px 48px rgba(0,0,0,.14);text-align:center}
  #ffevid .hero-kick{font-size:14px;font-weight:800;color:var(--teal-dark);margin-bottom:10px}
  #ffevid .hero-box h1{font-family:var(--serif);font-weight:600;font-size:clamp(29px,4vw,42px);line-height:1.12;color:var(--navy);letter-spacing:-.01em;margin-bottom:13px}
  #ffevid .hero-box h1 em{font-style:normal;background:linear-gradient(100deg,rgba(159,193,49,0) 0%,rgba(159,193,49,.55) 8%,rgba(159,193,49,.55) 92%,rgba(159,193,49,0) 100%) 0 78%/100% 34% no-repeat;padding:0 3px}
  #ffevid .hero-box p{font-weight:700;font-size:clamp(15px,1.7vw,17px);color:#3a5a52;max-width:58ch;margin:0 auto;line-height:1.5}
  #ffevid .hero-meta{margin-top:14px;font-size:12.5px;font-weight:700;color:var(--muted)}
@media(max-width:760px){#ffevid .hero{min-height:320px;padding:32px 16px}#ffevid .hero-box{padding:26px 22px}}

  /* Real schools band */
  #ffevid .cases{background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:40px;padding:48px 0 40px}
  #ffevid .cases .lead-in{max-width:720px;margin:0 auto 34px;text-align:center}
  #ffevid .cases .lead-in h2{font-family:var(--serif);font-weight:600;font-size:clamp(25px,3vw,34px);color:var(--navy)}
  #ffevid .cases .lead-in p{color:var(--muted);font-weight:700;margin-top:8px}
  #ffevid .case{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,6fr);gap:38px;align-items:center;margin-bottom:44px}
  #ffevid .case:last-child{margin-bottom:0}
  #ffevid .case.flip .case-photo{order:2}
  #ffevid .case-photo{position:relative;border-radius:18px;overflow:hidden;box-shadow:0 18px 40px rgba(27,42,92,.14)}
  #ffevid .case-photo img{width:100%;height:340px;object-fit:cover}
  #ffevid .case-photo figcaption{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(18,28,38,.72));color:#fff;font-size:12.5px;font-weight:700;padding:26px 16px 12px}
  #ffevid .case-txt h3{font-family:var(--serif);font-weight:600;font-size:clamp(21px,2.4vw,26px);color:var(--navy);line-height:1.2;margin-bottom:10px}
  #ffevid .case-txt p{font-size:15px;font-weight:600;color:#46535f;line-height:1.62;margin-bottom:12px}
  #ffevid .case-txt p b{color:var(--navy)}
  #ffevid .case-q{font-family:var(--serif);font-style:italic;font-weight:500;font-size:16.5px;color:var(--navy);line-height:1.5;border-left:4px solid var(--gold);padding:4px 0 4px 16px;margin:14px 0 8px}
  #ffevid .case-who{font-size:13px;font-weight:800;color:var(--teal-dark);margin-bottom:14px}
  #ffevid .case-link{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:14.5px;color:var(--teal-dark)}
  #ffevid .case-link:hover{text-decoration:underline}
@media(max-width:860px){#ffevid .case{grid-template-columns:1fr;gap:20px}#ffevid .case.flip .case-photo{order:0}#ffevid .case-photo img{height:250px}}

  /* Photos inside sections */
  #ffevid .accphoto{float:right;width:min(330px,46%);margin:16px 0 12px 22px;border-radius:14px;overflow:hidden;box-shadow:0 10px 26px rgba(27,42,92,.14)}
  #ffevid .accphoto img{width:100%;height:210px;object-fit:cover}
  #ffevid .accphoto figcaption{background:var(--navy);color:#fff;font-size:11.5px;font-weight:700;padding:8px 12px;line-height:1.4}
@media(max-width:640px){#ffevid .accphoto{float:none;width:100%;margin:14px 0}}

  /* Full-width photo + pull quote */
  #ffevid .band{margin-top:44px}
  #ffevid .band img{width:100%;height:320px;object-fit:cover;object-position:center 35%}
  #ffevid .bandcap{text-align:center;font-size:12.5px;font-weight:700;color:var(--muted);padding:10px 20px 0}
  #ffevid .bigquote{max-width:780px;margin:30px auto 6px;text-align:center;padding:0 24px}
  #ffevid .bigquote .q{font-family:var(--serif);font-weight:500;font-style:italic;font-size:clamp(21px,2.6vw,29px);color:var(--navy);line-height:1.32}
  #ffevid .bigquote .who{margin-top:14px;font-weight:800;color:var(--teal-dark);font-size:14px}

  /* Stat band */
  #ffevid .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:40px 0 8px}
@media(max-width:900px){#ffevid .stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){#ffevid .stats{grid-template-columns:1fr}}
  #ffevid .stat{border-radius:var(--radius);padding:22px 20px 20px;position:relative;overflow:hidden}
  #ffevid .stat::after{content:"";position:absolute;right:-30px;bottom:-30px;width:110px;height:110px;border-radius:50%;opacity:.13}
  #ffevid .stat .num{font-weight:900;font-size:clamp(30px,3vw,38px);line-height:1;letter-spacing:-.01em}
  #ffevid .stat .lbl{font-weight:800;font-size:13.5px;margin-top:9px;color:var(--ink);line-height:1.4}
  #ffevid .stat .src{font-weight:700;font-size:11.5px;margin-top:8px;color:var(--muted)}
  #ffevid .stat.t1{background:var(--teal-tint)}.stat.t1 .num{color:var(--teal-dark)}.stat.t1::after{background:var(--teal)}
  #ffevid .stat.t2{background:#fdf3da}.stat.t2 .num{color:#c98a16}.stat.t2::after{background:#e0a324}
  #ffevid .stat.t3{background:#edeefb}.stat.t3 .num{color:var(--navy)}.stat.t3::after{background:var(--navy)}
  #ffevid .stat.t4{background:#fce8e1}.stat.t4 .num{color:#dd5e39}.stat.t4::after{background:#dd5e39}

  /* Section headings */
  #ffevid .sechead{text-align:center;padding:46px 0 6px}
  #ffevid .sechead h2{font-family:var(--serif);font-weight:600;font-size:clamp(25px,3vw,34px);color:var(--navy)}
  #ffevid .sechead p{color:var(--muted);font-weight:700;margin:8px auto 0;max-width:62ch}

  /* TLDR */
  #ffevid .tldr{background:#fff;border:1px solid #cdeee5;border-left:6px solid var(--teal);border-radius:var(--radius);padding:26px 30px;margin:30px 0 8px;box-shadow:0 10px 26px rgba(27,42,92,.05)}
  #ffevid .tldr h3{font-family:var(--serif);font-weight:600;font-size:21px;color:var(--navy);margin-bottom:10px}
  #ffevid .tldr p{font-size:16px;font-weight:600;color:var(--ink);line-height:1.65}
  #ffevid .tldr p + p{margin-top:12px}

  /* Legend */
  #ffevid .legend{background:#f4f1ff;border:1px solid #e7e0ff;border-radius:var(--radius);padding:20px 26px;margin:22px 0 8px}
  #ffevid .legend h3{font-family:var(--serif);font-weight:600;font-size:19px;color:var(--navy);margin-bottom:8px}
  #ffevid .legend p{font-size:14px;font-weight:600;color:#52496e;line-height:1.6}
  #ffevid .legend .flags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}

  /* Flag pills */
  #ffevid .flag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.03em;border-radius:999px;padding:3px 10px;white-space:nowrap;vertical-align:1px}
  #ffevid .flag.older{background:#eef1f4;color:#5a6a77}
  #ffevid .flag.uncertain{background:#fdf3da;color:#a37413}
  #ffevid .flag.single{background:#ece5ff;color:#5b3fb0}

  /* Accordions */
  #ffevid .accwrap{padding:10px 0 20px}
  #ffevid details.acc{background:#fff;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:14px;overflow:hidden;transition:box-shadow .18s}
  #ffevid details.acc:hover{box-shadow:0 10px 26px rgba(27,42,92,.07)}
  #ffevid details.acc[open]{box-shadow:0 14px 32px rgba(27,42,92,.09);border-color:#dfe6ea}
  #ffevid details.acc summary{list-style:none;display:flex;align-items:center;gap:18px;padding:20px 24px;cursor:pointer;user-select:none}
  #ffevid details.acc summary::-webkit-details-marker{display:none}
  #ffevid .acc .mark{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;color:#fff;flex:none}
  #ffevid .acc .mark svg{width:27px;height:27px;stroke-width:2;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
  #ffevid .acc .shead{flex:1;min-width:0}
  #ffevid .acc .kick{font-size:12.5px;font-weight:700;color:var(--muted)}
  #ffevid .acc h3{font-family:var(--serif);font-weight:600;font-size:21px;color:var(--navy);line-height:1.15;margin-top:2px}
  #ffevid .evpill{font-size:11px;font-weight:800;border-radius:999px;padding:5px 12px;white-space:nowrap;flex:none}
  #ffevid .evpill.strong{background:var(--teal-tint);color:var(--teal-dark)}
  #ffevid .evpill.adjacent{background:#fdf3da;color:#a37413}
  #ffevid .evpill.mixed{background:#fce8e1;color:#c0512f}
  #ffevid .acc .chev{flex:none;width:30px;height:30px;border-radius:50%;background:var(--bg-soft);display:grid;place-items:center;color:var(--navy);font-weight:900;font-size:15px;transition:transform .2s}
  #ffevid details.acc[open] .chev{transform:rotate(45deg)}
  #ffevid .accbody{padding:4px 26px 24px;border-top:1px solid var(--line)}
  #ffevid .note{font-size:13.5px;font-weight:600;color:var(--muted);font-style:italic;margin:16px 0 2px;line-height:1.6}
@media(max-width:640px){#ffevid details.acc summary{padding:16px 16px;gap:12px}#ffevid .evpill{display:none}#ffevid .accbody{padding:4px 16px 18px}}

  /* Findings */
  #ffevid .find{padding:18px 0 4px;border-bottom:1px solid #f1f4f6}
  #ffevid .find:last-child{border-bottom:none}
  #ffevid .find .claim{font-weight:800;font-size:15.5px;color:var(--ink);line-height:1.5}
  #ffevid .find .claim .n{color:var(--teal-dark);font-weight:900;margin-right:6px}
  #ffevid .find blockquote{font-family:var(--serif);font-style:italic;font-weight:500;font-size:15.5px;color:#3d4a58;line-height:1.6;border-left:4px solid var(--lime);background:var(--bg-soft);border-radius:0 12px 12px 0;padding:13px 18px;margin:11px 0 9px;overflow:hidden}
  #ffevid .find .cite{font-size:12.5px;font-weight:700;color:var(--muted);margin-bottom:9px}
  #ffevid .find .cite a{color:var(--teal-dark)}
  #ffevid .find .cite a:hover{text-decoration:underline}
  #ffevid .find p.body{font-size:14.5px;font-weight:600;color:#46535f;line-height:1.6;margin:9px 0}
  #ffevid sup.ref{font-size:11px;font-weight:800}
  #ffevid sup.ref a{color:var(--teal-dark)}
  #ffevid sup.ref a:hover{text-decoration:underline}

  /* Featured direct-evidence card */
  #ffevid .direct{background:var(--teal-tint);border:1px solid #cdeee5;border-radius:20px;padding:32px 34px;margin:26px 0 8px}
  #ffevid .direct h3{font-family:var(--serif);font-weight:600;font-size:clamp(22px,2.6vw,28px);color:var(--navy);margin-bottom:4px}
  #ffevid .direct .sub{font-weight:800;font-size:13px;color:var(--teal-dark);margin-bottom:12px}
  #ffevid .direct p.lead{font-weight:600;color:#33504a;font-size:15px;line-height:1.65;max-width:76ch;margin-bottom:20px}
  #ffevid .dstats{display:flex;flex-wrap:wrap;gap:14px 40px;padding:18px 22px;background:#fff;border-radius:14px;margin-bottom:20px}
  #ffevid .dstat .n{font-weight:900;font-size:34px;color:var(--navy);line-height:1}
  #ffevid .dstat .l{font-weight:700;font-size:13px;color:#33504a;margin-top:5px;max-width:24ch;line-height:1.4}
  #ffevid .direct .dq{font-family:var(--serif);font-style:italic;font-weight:500;font-size:16.5px;color:var(--navy);line-height:1.5;border-left:4px solid var(--teal);padding:2px 0 2px 16px;margin:14px 0 4px}
  #ffevid .direct .dwho{font-size:12.5px;font-weight:700;color:var(--muted);margin:2px 0 12px;padding-left:20px}
  #ffevid .direct p.body{font-size:14.5px;font-weight:600;color:#33504a;line-height:1.65;margin:10px 0}
  #ffevid .direct .fine{margin-top:16px;font-size:13px;font-weight:700;color:var(--teal-dark)}
@media(max-width:760px){#ffevid .direct{padding:24px 20px}#ffevid .dstats{gap:14px 24px}}

  /* Conflicts + open questions */
  #ffevid .confl{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:6px 26px;margin:24px 0}
  #ffevid .confl .item{padding:17px 0;border-bottom:1px solid #f1f4f6}
  #ffevid .confl .item:last-child{border-bottom:none}
  #ffevid .confl .item h4{font-size:15px;font-weight:800;color:var(--navy);margin-bottom:5px}
  #ffevid .confl .item p{font-size:14px;font-weight:600;color:#46535f;line-height:1.6}

  /* Sources */
  #ffevid .sources{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);margin:10px 0 30px;overflow:hidden}
  #ffevid .sources summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:20px 26px;cursor:pointer;user-select:none;font-weight:800;color:var(--navy);font-size:17px;font-family:var(--serif)}
  #ffevid .sources summary::-webkit-details-marker{display:none}
  #ffevid .sources ol{padding:6px 26px 24px 48px}
  #ffevid .sources li{font-size:13px;font-weight:600;color:#46535f;line-height:1.55;padding:6px 0;border-bottom:1px solid #eceff1}
  #ffevid .sources li:last-child{border-bottom:none}
  #ffevid .sources li a{color:var(--teal-dark);word-break:break-word}
  #ffevid .sources li a:hover{text-decoration:underline}
  #ffevid .sources li:target{background:#fdf3da;border-radius:8px;padding-left:8px}

  /* CTA + footer */
  #ffevid .cta{background:var(--teal-tint);text-align:center;padding:50px 0;margin-top:38px}
  #ffevid .cta h3{font-family:var(--serif);font-weight:600;font-size:30px;color:var(--navy);margin-bottom:8px}
  #ffevid .cta p{color:#3a5a52;max-width:56ch;margin:0 auto 22px;font-weight:700}
  #ffevid .cta a.evbtn{display:inline-block;background:var(--teal);color:#fff;font-weight:900;padding:14px 30px;border-radius:10px;margin:0 6px}
  #ffevid .cta a.evbtn:hover{background:var(--teal-dark)}
  #ffevid .cta a.evbtn.evbtn-ghost{background:#fff;color:var(--teal-dark);border:2px solid var(--teal)}
  #ffevid .cta a.evbtn.evbtn-ghost:hover{background:var(--teal);color:#fff}