/* mohawk.txt in the Register, dressed as Flint and Feather is dressed: the tan ground, the ruled sheet, Georgia, ink.
   No gold, no plum, no blue, no glow; the marks are the Nation's own fonts, bare. Built into assets/mohawktxt/ by
   docs/mohawktxt/build-pages.py; edit it here, in docs/mohawktxt/, never there. */
:root{--tan:#E4D7BA;--sheet:#FBFAF6;--ink:#1A1C20;--text:#352E13;--rule:#CBBD9A;--deep:#5E4410;--soft:#F1EADA;--ok:#2E6B3A;--no:#9B1C1C;
 --page:var(--sheet);--cover:var(--soft);--cink:var(--text);--plate:var(--soft);color-scheme:light}
@media (prefers-color-scheme:dark){:root{--tan:#0E1013;--sheet:#171A1F;--ink:#F2EEE4;--text:#CFC8B8;--rule:#3A3D43;--deep:#E4D7BA;--soft:#1E2228;--ok:#7FD39A;--no:#FF9A9A;color-scheme:dark}}
*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--tan);color:var(--text);font:17px/1.6 Georgia,"Times New Roman",serif;text-rendering:optimizeLegibility;font-variant-numeric:oldstyle-nums}
.sheet{background:var(--sheet);border:1px solid var(--rule);margin:10px;min-height:calc(100vh - 20px)}
a{color:var(--deep);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--deep);outline-offset:2px}
::selection{background:var(--ink);color:var(--sheet)}
code,pre,kbd,.rec{font-family:"DejaVu Sans Mono",ui-monospace,Consolas,Menlo,monospace}code{font-size:.86em}
code,pre,.rec,.tl b,table{font-variant-numeric:lining-nums tabular-nums}
h1,h2,h3,.lead{text-wrap:balance;color:var(--ink)}p,li,td{text-wrap:pretty}
.sk{position:absolute;left:-9999px}.sk:focus{left:12px;top:12px;background:var(--ink);color:var(--sheet);padding:10px 14px;z-index:9}
.w{max-width:1080px;margin:0 auto;padding:0 18px}

/* the head of the sheet: the name, and the bar of pages under it */
header.top{background:var(--sheet);border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:5}
header.top .w{display:flex;align-items:center;gap:6px 22px;min-height:58px;flex-wrap:wrap}
.brand{font:normal 24px Georgia,serif;color:var(--ink);text-decoration:none;letter-spacing:-.01em}.brand i{font-style:normal;color:var(--ink)}
.brand sup{font:normal 11px Georgia,serif;color:var(--text);margin-left:6px;vertical-align:super;border:1px solid var(--rule);padding:1px 5px}
nav.m{display:flex;gap:20px;margin-left:auto;flex-wrap:wrap}nav.m a{color:var(--ink);text-decoration:none;padding:12px 0;font-size:16px;border-bottom:2px solid transparent}
nav.m a[aria-current]{border-bottom-color:var(--ink)}nav.m a:hover{border-bottom-color:var(--rule)}
.lg{font-size:13px;color:var(--text);margin:0 0 0 4px}.lg b{font-weight:normal;color:var(--ink);border-bottom:1px solid var(--ink)}

/* titles */
.disp{font:normal 14px Georgia,serif;color:var(--deep);margin:0 0 10px}
h1{font:normal clamp(34px,6vw,60px)/1 Georgia,serif;margin:0 0 14px;letter-spacing:-.02em}
h1.big{font-size:clamp(40px,8.4vw,84px);line-height:.95}
h1 .row{display:block;font-size:.42em;letter-spacing:0;margin-top:.4em}h1 .row i{margin-right:.28em}
.lead{font-size:clamp(17px,2.1vw,20px);color:var(--text);max-width:34em;margin:0}
.hero{padding:40px 0 30px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:center}
h2.s{font:normal 21px Georgia,serif;border-bottom:1px solid var(--rule);padding-bottom:6px;margin:46px 0 16px;color:var(--ink);position:relative}h2.s b{font-weight:normal}
h2.s::first-letter{text-transform:uppercase}
h2.s a.hl{position:absolute;right:0;top:0;color:var(--text);text-decoration:none;opacity:0;font:13px "DejaVu Sans Mono",monospace;padding:0 4px}h2.s:hover a.hl,h2.s a.hl:focus{opacity:1}

/* buttons: square, ink */
.btns{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0}
.btn{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 18px;background:var(--ink);color:var(--sheet);text-decoration:none;font:normal 16px Georgia,serif;border:1px solid var(--ink);border-radius:0;cursor:pointer}
.btn.l{background:var(--sheet);color:var(--ink)}.btn:hover{background:var(--deep);border-color:var(--deep);color:var(--sheet)}.btn.l:hover{background:var(--soft);color:var(--ink);border-color:var(--ink)}
.btn.s{min-height:36px;padding:0 13px;font-size:14px}
.facts{display:flex;flex-wrap:wrap;gap:6px 22px;margin:22px 0 0;padding:12px 0 0;border-top:1px solid var(--rule);font-size:15px;color:var(--text)}
.facts span:before{content:"";display:inline-block;width:7px;height:7px;background:var(--ink);margin-right:8px;vertical-align:1px}

/* the file */
.file{background:var(--soft);border:1px solid var(--rule);font-size:13px;line-height:1.55;position:relative}
.file .bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--rule);padding:8px 12px;font:12px "DejaVu Sans Mono",monospace;color:var(--text)}
.file pre{margin:0;padding:14px 14px 16px;max-height:460px;overflow:auto;white-space:pre;font-size:11.5px;line-height:1.4;counter-reset:l;color:var(--ink)}
.file .ln{display:block;opacity:0;transform:translateY(4px);transition:opacity .45s ease,transform .45s ease}.file.on .ln{opacity:1;transform:none}
.file .c{color:var(--text);opacity:.8}.file .k{color:var(--deep);font-weight:bold}
.file .ln:before{counter-increment:l;content:counter(l);display:inline-block;width:2.6em;margin-right:12px;text-align:right;color:var(--text);opacity:.45;user-select:none}
.file.fields .ln.c,.file.fields .ln.art{display:none}.file .ln.mine{background:var(--tan)}
@media (prefers-color-scheme:dark){.file .ln.mine{background:#2A2E35}}
.tabs{display:flex;gap:0}.tabs button{font:12px "DejaVu Sans Mono",monospace;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--text);padding:6px 10px;cursor:pointer;min-height:32px}
.tabs button[aria-pressed="true"]{color:var(--ink);border-bottom-color:var(--ink)}
.caret{display:inline-block;width:8px;height:1.05em;background:var(--ink);vertical-align:-2px;margin-left:2px;animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}

/* the questions, each with a mark of the Nation's own, bare */
.qs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 44px}
.q{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:start;position:relative}
.q>i.ff{font-size:40px;line-height:1;color:var(--ink);margin-top:2px}
.q h3{font:normal 22px Georgia,serif;margin:0 0 6px}.q p{margin:0}.q .no{display:none}

/* the acknowledgement */
.ack{background:var(--soft);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:24px 26px;margin:10px 0 0}
.ack blockquote{margin:0;font-size:clamp(17.5px,2vw,20px);line-height:1.6;color:var(--ink)}.ack .btns{margin-top:18px}
.ack .meta{font-size:13.5px;color:var(--text);margin:12px 0 0}

/* the dates */
.tl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;position:relative}
.tl:before{content:"";position:absolute;top:0;left:0;height:1.5px;width:0;background:var(--ink);transition:width 1.4s ease}.tl.on:before{width:100%}
.tl li{position:relative;padding:18px 12px 0 0}.tl li:before{content:"";position:absolute;top:-6px;left:0;width:12px;height:12px;background:var(--sheet);border:1.5px solid var(--ink)}
.tl li.gold:before{background:var(--ink)}
.tl b{display:block;font:normal 22px Georgia,serif;color:var(--ink)}.tl span{font-size:14.5px;color:var(--text)}.tl small{display:block;font-size:13px;color:var(--text);margin-top:4px;opacity:.85}

/* tables, tags, code */
table{width:100%;border-collapse:collapse;font-size:15.5px}th{text-align:left;font:normal 14px Georgia;color:var(--text);border-bottom:1px solid var(--ink);padding:7px 12px 7px 0}
td{border-bottom:1px solid var(--rule);padding:10px 12px 10px 0;vertical-align:top}.tw{overflow-x:auto}
.tag{display:inline-block;font:normal 13px Georgia,serif;padding:1px 8px;border:1px solid var(--ink);color:var(--ink)}
.must{background:var(--ink);color:var(--sheet)}.should{background:var(--soft)}.may{border-color:var(--rule);color:var(--text)}
pre.code{background:var(--soft);border:1px solid var(--rule);padding:14px;overflow-x:auto;white-space:pre-wrap;word-break:break-word;font-size:13.5px;position:relative;color:var(--ink)}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
.with-toc{display:grid;grid-template-columns:200px minmax(0,1fr);gap:40px;align-items:start}
.toc{position:sticky;top:84px;font-size:14.5px;border-left:1px solid var(--rule);padding-left:14px}.toc a{display:block;padding:5px 0;color:var(--text);text-decoration:none}
.toc a[aria-current]{color:var(--ink);box-shadow:-15px 0 0 -13px var(--ink)}

/* making and checking */
label{display:block;font:normal 15.5px Georgia,serif;color:var(--ink);margin:14px 0 4px}label small{color:var(--text)}
input,textarea{width:100%;font:16px Georgia,serif;color:var(--ink);background:#fff;border:1px solid var(--rule);padding:11px 12px;border-radius:0}
@media (prefers-color-scheme:dark){input,textarea{background:#0E1013}}
textarea{min-height:120px;font:13px/1.5 "DejaVu Sans Mono",monospace}
.steps{display:flex;gap:0;list-style:none;margin:6px 0 20px;padding:0;counter-reset:s;font-size:15px}
.steps li{flex:1;padding:10px 12px;border-top:1.5px solid var(--rule);counter-increment:s;color:var(--text)}.steps li:before{content:counter(s) " · "}
.steps li.on{border-top-color:var(--ink);color:var(--ink)}
.res{list-style:none;margin:12px 0 0;padding:0}.res li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:8px 0;border-bottom:1px solid var(--rule);font-size:15px}
.res .p{color:var(--ok)}.res .f{color:var(--no)}.res .i{color:var(--deep)}.res .p:before{content:"✓ "}.res .f:before{content:"✕ "}.res .i:before{content:"· "}
.verdict{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:12px 0 0;font:normal 20px Georgia,serif;border:1px solid var(--rule)}
.verdict.ok{border-color:var(--ok);color:var(--ok)}.verdict.no{border-color:var(--no);color:var(--no)}

/* one in 121; the tract */
.tract{display:block;width:100%;height:auto;max-width:900px;margin:6px 0 0}
.waffle{display:grid;grid-template-columns:repeat(22,1fr);gap:4px;max-width:620px}.waffle i{display:block;aspect-ratio:1;background:var(--tan)}.waffle i.on{background:var(--ink)}
@media (prefers-color-scheme:dark){.waffle i{background:#2A2E35}}
.wf{display:grid;grid-template-columns:minmax(0,620px) minmax(0,1fr);gap:28px;align-items:center}.wf b{display:block;font:normal 64px/1 Georgia,serif;color:var(--ink);letter-spacing:-.02em}.wf p{margin:6px 0 0}

/* the logos, shown as the project made them */
.logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.logo{border:1px solid var(--rule);padding:16px;background:var(--sheet)}.logo img{display:block;margin:0 0 12px}.logo b{font-weight:normal!important;color:var(--ink)}
.grounds{display:flex;gap:0;margin:0 0 12px}.grounds span{flex:1;padding:12px 8px;display:flex;justify-content:center;min-width:0}.grounds .g1{background:#FBFAF6}.grounds .g2{background:#EFE9D9}.grounds .g3{background:#1A1C20}
.grounds img{width:100%;max-width:132px;height:auto}
.note{font-size:15px;color:var(--text)}.live{position:absolute;left:-9999px}

/* is it on the Tract? */
.ont{margin:16px 0 0;font-size:16.5px}.ont.s{margin:6px 0 0;font-size:14.5px}.ont a{color:var(--ink)}.ont i.ff{font-size:1.15em;margin-right:.4em;vertical-align:-.12em}
dialog#tract{border:1px solid var(--ink);border-radius:0;background:var(--sheet);color:var(--text);padding:22px 22px 18px;width:min(520px,calc(100vw - 20px));max-height:calc(100vh - 20px);font:inherit}
dialog#tract::backdrop{background:rgba(26,28,32,.55)}
dialog#tract h2{font:normal clamp(26px,5vw,34px)/1.05 Georgia,serif;letter-spacing:-.01em;margin:0 0 10px}dialog#tract p{margin:10px 0 0}
dialog#tract .x{float:right;margin:-8px -8px 0 8px}dialog#tract .x button{font:22px/1 Georgia,serif;background:none;border:1px solid var(--rule);color:var(--ink);width:40px;height:40px;cursor:pointer;border-radius:0}
dialog#tract .ans{margin:14px 0 0}dialog#tract .ans:empty{display:none}dialog#tract .ans b{display:block;font:normal 23px/1.2 Georgia,serif;color:var(--ink)}dialog#tract .ans span{display:block;margin-top:4px}
dialog#tract .ans.yes,dialog#tract .ans.no{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--soft);padding:14px 16px}

/* the foot of the sheet */
footer.ft{margin:60px 0 0;border-top:1px solid var(--rule);padding:24px 0 30px;font-size:14.5px;color:var(--text)}
footer.ft .w{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px;align-items:start}footer.ft img{vertical-align:middle}
footer.ft b{display:block;font:normal 15px Georgia,serif;color:var(--ink);margin:0 0 6px}footer.ft a{display:block;margin:0 0 4px}footer.ft .rec{font-size:12.5px}

@media (max-width:820px){.hero{grid-template-columns:minmax(0,1fr);padding-top:26px;gap:24px}.qs,.two{grid-template-columns:minmax(0,1fr)}
 .tl{grid-template-columns:minmax(0,1fr);border-left:1.5px solid var(--ink);margin-left:6px}.tl:before{display:none}.tl li{padding:0 0 18px 20px}.tl li:before{top:4px;left:-7px}
 nav.m{margin-left:0;gap:4px 16px;width:100%}.lg{width:100%;margin:0 0 8px}header.top{position:static}
 .with-toc{grid-template-columns:minmax(0,1fr)}.toc{position:static;border-left:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 16px}
 .wf{grid-template-columns:minmax(0,1fr)}.waffle{grid-template-columns:repeat(11,1fr)}.ack{padding:20px 18px}footer.ft .w{grid-template-columns:minmax(0,1fr)}.steps{flex-direction:column}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.file .ln{opacity:1;transform:none;transition:none}.caret{animation:none}.tl:before{transition:none;width:100%}}
@media print{body{background:#fff}.sheet{border:0;margin:0}header.top,footer.ft,.btns,.btn,nav{display:none!important}body{color:#000;font-size:11pt}a{color:#000}.file pre{max-height:none}}
/* 6.628.0: the main site's content width on a wide screen, as the Flint and Feather pages have it */
@media screen and (min-width:1218px){.sheet{max-width:1180px;margin-left:auto;margin-right:auto}.w{max-width:none;padding:0 34px}}

/* mohawktxt.org: the map page, and its link beside the question */
.seemap{margin-left:18px;white-space:nowrap}.seemap .ff{margin-right:.4em}.ont{display:flex;flex-wrap:wrap;gap:8px 0}
.mapsec{padding:34px 0 60px}.mapbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin:18px 0 0}.mapbar .ff{margin-right:.1em}
.mapans{margin:14px 0 0;padding:12px 14px;border-left:3px solid var(--rule);background:var(--soft)}.mapans b{display:block;font:normal 21px/1.2 Georgia,serif;color:var(--ink)}.mapans span{display:block;margin-top:3px;font-size:15.5px}.mapans.yes{border-color:var(--ok)}.mapans.no{border-color:var(--no)}
.mapbox{margin:14px 0 0;border:1px solid var(--ink);background:#F4EEDF;overflow:hidden}#mp{width:100%;height:min(76vh,860px);min-height:420px;background:#F4EEDF;font:13px Georgia,serif;cursor:crosshair}#mp .leaflet-tile-pane{filter:grayscale(.35)}#mp .leaflet-bar a{border-radius:0;color:#1A1C20}#mp .leaflet-bar,#mp .leaflet-control-attribution{border-radius:0;box-shadow:none;border:1px solid #1A1C20}#mp .leaflet-control-attribution{border:0;font:11px Georgia,serif}#mp .mp-town{background:none;border:0;box-shadow:none;padding:0;font:13px Georgia,serif;color:#1A1C20;text-shadow:0 0 3px #F4EEDF,0 0 3px #F4EEDF}#mp .mp-town:before{display:none}
.mapkey{display:flex;flex-wrap:wrap;gap:6px 22px;margin:12px 0 0;font-size:15px}.mapkey span{display:flex;align-items:center;gap:8px}.mapkey i{display:block;width:22px;height:12px}.mapkey .k1{background:#F4EEDF;border:1px solid #CBBD9A}.mapkey .k3{height:0;border-top:2.5px solid #1A1C20}.mapkey .k4{width:14px;height:14px;border-radius:50%;background:#624152;border:2px solid #fff;box-shadow:0 0 0 1px #624152}
