/* Baseline legal page (fd/legal.html, 2026-10-12): About, Terms, Privacy, photo credits. Same tokens as fd.css, light only. */
.lg-head{padding:clamp(28px,5vw,56px) 0 clamp(20px,3vw,32px);border-bottom:var(--base) solid var(--court);max-width:860px}
.lg-head h1{font:800 clamp(34px,5.2vw,58px)/1 var(--head);letter-spacing:-.04em;margin:0}
.lg-lede{margin:16px 0 0;font-size:18px;line-height:1.5;color:var(--court);max-width:36em}
.lg-date{margin:10px 0 0;font-size:14px;color:var(--mute)}
.lg-grid{display:grid;grid-template-columns:1fr;gap:0;margin-top:8px}
@media(min-width:960px){.lg-grid{grid-template-columns:220px minmax(0,1fr);gap:56px}}
.lg-toc{display:flex;flex-wrap:wrap;gap:8px;padding:18px 0 4px}
.lg-toc a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--field,#858c86);border-radius:999px;background:#fff;text-decoration:none;font:500 15px/1.2 var(--body);color:var(--court);touch-action:manipulation;transition:border-color .15s,background-color .15s}
.lg-toc a:hover{border-color:var(--court)}
.lg-toc a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@media(min-width:960px){
  .lg-toc{position:sticky;top:20px;align-self:start;flex-direction:column;gap:0;padding:30px 0 0}
  .lg-toc a{min-height:40px;padding:0 0 0 14px;border:0;border-left:2px solid var(--line);border-radius:0;background:none;color:var(--mute)}
  .lg-toc a:hover,.lg-toc a.on{color:var(--court);border-left-color:var(--court);background:none}
}
.lg-body{min-width:0;max-width:720px}
.lg-sec{padding:34px 0 10px;scroll-margin-top:16px}
.lg-sec+.lg-sec{border-top:1px solid var(--line);margin-top:24px}
.lg-sec h2{font:800 clamp(26px,3vw,34px)/1.05 var(--head);letter-spacing:-.03em;margin:0 0 14px}
.lg-sec h3{font:600 17px/1.3 var(--body);margin:26px 0 6px}
.lg-sec p{margin:0 0 12px;max-width:68ch}
.lg-sec a{color:var(--court);text-decoration:underline;text-underline-offset:2px}
.lg-sec a:hover{color:var(--blue)}
.lg-list{margin:0 0 12px;padding-left:20px;display:flex;flex-direction:column;gap:8px;max-width:68ch}
.lg-facts{margin:14px 0 6px;max-width:68ch;display:grid;gap:0;border-top:1px solid var(--line)}
.lg-facts div{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.lg-facts dt{color:var(--mute);font-size:15px}.lg-facts dd{margin:0}
@media(max-width:480px){.lg-facts div{grid-template-columns:1fr;gap:2px}}
/* credits */
.lg-find{display:grid;gap:6px;margin:20px 0 8px;max-width:420px}
.lg-find label{font:600 15px/1.3 var(--body)}
.lg-find input{min-height:48px;padding:11px 14px;font:400 16px/1.4 var(--body);color:var(--court);background:#fff;border:1px solid #858c86;border-radius:6px}
.lg-find input:focus-visible{outline:2px solid var(--blue);outline-offset:1px;border-color:var(--blue)}
.lg-count{margin:2px 0 0!important;font-size:14px;color:var(--mute)}
.lg-cr{width:100%;border-collapse:collapse;font-size:14px;line-height:1.4;margin-top:6px}
.lg-cr th{text-align:left;font:600 13px/1.3 var(--body);color:var(--mute);padding:8px 10px 8px 0;border-bottom:1px solid var(--court)}
.lg-cr td{padding:9px 10px 9px 0;border-bottom:1px solid var(--line);vertical-align:top}
.lg-cr td:first-child{font-weight:600;white-space:nowrap}
.lg-cr td.by{overflow-wrap:anywhere}
.lg-cr td.lic,.lg-cr td.src{white-space:nowrap}
.lg-cr a{display:inline-block;padding:4px 0;margin:-4px 0}
@media(max-width:640px){
  .lg-cr thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .lg-cr,.lg-cr tbody,.lg-cr tr,.lg-cr td{display:block}
  .lg-cr tr{padding:10px 0;border-bottom:1px solid var(--line)}
  .lg-cr td{border:0;padding:0}
  .lg-cr td:first-child{white-space:normal}
  .lg-cr td.lic,.lg-cr td.src{display:inline;color:var(--mute)}
  .lg-cr td.lic:after{content:" · ";color:var(--mute)}
  .lg-cr td.by:before{content:"Photo by ";color:var(--mute)}
}