/* The ideas pages: the help page's look, shared so a new article is one HTML file. */
:root{color-scheme:light dark;--ground:#E9EEE6;--ink:#16241E;--ink-2:#3E4D45;--ink-3:#3E4D45;--line:#CFDACB;--accent:#2A5141}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ground:#0E1815;--ink:#E6EEE7;--ink-2:#AFC1B6;--ink-3:#AFC1B6;--line:#2B3E36;--accent:#81CBA8}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--ink);font-family:"Karla","Helvetica Neue",sans-serif;font-size:16px;line-height:1.65;overflow-wrap:break-word}
.wrap{max-width:660px;margin:0 auto;padding:40px 16px 72px}
h1{font-family:"Familjen Grotesk",sans-serif;font-size:32px;line-height:1.2;font-weight:700;letter-spacing:-0.025em;margin:0 0 16px}
h2{font-family:"Familjen Grotesk",sans-serif;font-size:20px;line-height:1.3;font-weight:600;margin:36px 0 6px}
p,li{color:var(--ink-2);max-width:62ch} p{margin:0 0 14px}
ul{padding-left:20px;margin:0 0 14px} li{margin:0 0 6px}
.eyebrow{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);margin:0 0 12px}
a{color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
strong{color:var(--ink)}
.list{list-style:none;padding:0;margin:24px 0 0}
.list li{margin:0;border-top:1px solid var(--line)}
.list li:last-child{border-bottom:1px solid var(--line)}
.list a{display:block;padding:14px 0;text-decoration:none;min-height:44px}
.list .t{display:block;font-family:"Familjen Grotesk",sans-serif;font-size:18px;font-weight:600;line-height:1.3;color:var(--accent)}
.list .d{display:block;color:var(--ink-2);margin-top:4px}
.back{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
.backs{margin-top:24px}
footer{border-top:1px solid var(--line);padding:20px 16px 48px;color:var(--ink-3);font-size:14px}
footer .row{max-width:660px;margin:0 auto;display:flex;flex-wrap:wrap;gap:4px 14px;justify-content:space-between;align-items:center}
footer nav{display:flex;flex-wrap:wrap;column-gap:14px}
footer a{color:var(--ink-2);display:inline-flex;align-items:center;min-height:44px}
@media (min-width:600px){.wrap{padding:48px 22px 80px}h1{font-size:34px}footer{padding-left:22px;padding-right:22px}}