/* "Manuscript" look, after Tufte CSS: off white page, one serif, italic headings, thin rules, no boxes. */
:root{--paper:#FFFFF8;--ink:#111111;--muted:#5F5B52;--rule:#E3DFD2;--accent:#8B1E1E;--accent2:#F6EEE6;--card:#FFFFF8;--serif:"EB Garamond",Georgia,serif;--sans:"EB Garamond",Georgia,serif}
body{font-size:19px;line-height:1.6}
.top{font-variant:small-caps;text-transform:none;letter-spacing:.06em;font-size:14px}
.head{border-bottom:0}
.mark{font-weight:500;font-size:26px;font-style:italic}
.mark small,.eyebrow,.side .k,.rail .k,th,.gen label{font-family:var(--serif);text-transform:none;font-variant:small-caps;letter-spacing:.06em;font-size:15px}
@media(min-width:1061px){.cols{grid-template-columns:170px minmax(0,680px) 250px;justify-content:center}}
.side{border:0}
h1{font-style:italic;font-weight:400;font-size:52px;border:0;padding-bottom:0}
h2{font-style:italic;font-weight:400;font-size:32px;border:0;padding-top:4px}
h3{font-family:var(--serif);font-weight:600;font-size:20px}
.brief{font-size:22px}
a{text-decoration-thickness:1px;text-underline-offset:3px}
.box,.card,.steps li,.gen,.pickline,.cta{background:transparent;border:0;border-left:1px solid var(--ink);padding-left:18px}
.winner{border:0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:transparent;padding:18px 0}
.dir .card.lead{border:0;border-left:3px solid var(--accent);background:transparent}
.badge{background:transparent;color:var(--accent);border:1px solid var(--accent);font-family:var(--serif);font-variant:small-caps;text-transform:none;font-size:14px}
.wcta,.go,.cta a{background:transparent;color:var(--accent);border:1px solid var(--accent);font-family:var(--serif);font-size:18px}
.wcta:hover,.go:hover{background:var(--accent);color:#fff}
.path span{border:0;border-bottom:1px solid var(--ink);background:transparent;font-style:italic}
.path i{background:transparent}
.entry{border-top:1px solid var(--rule)}
.entry h3{font-style:italic;font-size:22px}
.rail .panel{border-top:1px solid var(--ink)}
.rail .big{font-style:italic}
.tool-box .tb-title{font-style:italic}
.tool-box input,.tool-box select,.tool-box textarea,.gen textarea{font-family:var(--serif);background:#fff}
.hero img,.fig img{border:0;filter:sepia(.15)}
.fine{font-size:15px}
@media(max-width:760px){h1{font-size:36px}h2{font-size:25px}}