/* Generated from cleared writing only. */
:root { --navy:#0d1b33; --ink:#14213d; --orange:#e06b2d; --cream:#fffaf3; --line:#d9d2c5; }
* { box-sizing:border-box; } body { margin:0; color:var(--ink); background:var(--cream); font:18px/1.6 Georgia, serif; }
a { color:#a54216; } .shell { width:min(1040px, calc(100% - 32px)); margin:auto; } header { padding:42px 0 26px; border-bottom:4px solid var(--orange); } .eyebrow { color:var(--orange); font:700 13px/1.2 system-ui,sans-serif; letter-spacing:.11em; text-transform:uppercase; } h1,h2,h3,.meta,.topics,input,button,summary,label { font-family:system-ui,-apple-system,sans-serif; } h1 { color:var(--navy); font-size:clamp(2.1rem,7vw,4.8rem); line-height:1.02; margin:.2em 0; } h2 { line-height:1.1; } .lede { max-width:62ch; } .tools { display:flex; flex-wrap:wrap; gap:10px; padding:26px 0; align-items:start; } input,button { min-height:44px; border:1px solid var(--line); border-radius:6px; padding:8px 12px; font-size:16px; } input { flex:1 1 260px; } button { background:white; color:var(--ink); cursor:pointer; } .topic-filter { position:relative; flex:1 1 260px; max-width:390px; } .topic-filter summary { min-height:44px; padding:10px 12px; border:1px solid var(--line); border-radius:6px; background:white; cursor:pointer; list-style:none; } .topic-filter summary::-webkit-details-marker { display:none; } .topic-filter summary::after { content:'⌄'; float:right; color:var(--orange); } .topic-filter[open] summary { border-bottom-left-radius:0; border-bottom-right-radius:0; } .topic-menu { border:1px solid var(--line); border-top:0; border-radius:0 0 6px 6px; background:white; padding:12px; box-shadow:0 12px 24px #14213d18; } .topic-menu input { width:100%; min-height:38px; } .topic-options { display:grid; gap:4px; border:0; margin:10px 0; padding:0; max-height:220px; overflow:auto; } .topic-options label { display:flex; align-items:center; gap:8px; padding:5px 2px; font-size:14px; } .topic-options input { flex:0 0 auto; min-height:auto; } .topic-actions { display:flex; justify-content:space-between; align-items:center; gap:8px; font-size:13px; } .topic-actions button { min-height:34px; padding:4px 9px; } .grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:18px; padding-bottom:44px; } .card { display:block; padding:22px; background:white; border-top:4px solid var(--orange); box-shadow:0 3px 18px #14213d12; text-decoration:none; color:inherit; } .card h2 { margin:.25em 0; } .topics { display:flex; flex-wrap:wrap; gap:6px; } .topic { border:1px solid var(--orange); border-radius:999px; padding:2px 8px; color:#9b3b15; font-size:13px; } article { width:min(760px,100%); padding:42px 0 64px; } article img { max-width:100%; height:auto; } article table { width:100%; border-collapse:collapse; overflow:auto; display:block; } article pre { overflow:auto; background:#fff; border:1px solid var(--line); border-left:4px solid var(--orange); border-radius:6px; padding:16px; font:14px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; } article code { font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:.92em; } article td,article th { border:1px solid var(--line); padding:8px; } .related { border-top:1px solid var(--line); margin-top:48px; padding-top:18px; } footer { border-top:1px solid var(--line); padding:24px 0; font:14px system-ui,sans-serif; } @media (max-width:420px) { .shell { width:min(100% - 24px,1040px); } body { font-size:17px; } .topic-filter { max-width:none; } }