@font-face{font-family:"et-book";src:url("/fonts/et-book-roman-old-style-figures/et-book-roman-old-style-figures.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}
@font-face{font-family:"et-book";src:url("/fonts/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.woff") format("woff");font-weight:normal;font-style:italic;font-display:swap}
@font-face{font-family:"et-book";src:url("/fonts/et-book-bold-line-figures/et-book-bold-line-figures.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}
:root{--paper:#fffff8;--ink:#111;--soft:#5f5b53;--faint:#8c877c;--rule:#d8d3c4;--hair:#bdb7a8;--red:#a1262a;--measure:36rem}
@media (prefers-color-scheme:dark){:root{--paper:#151513;--ink:#ebe8de;--soft:#aaa597;--faint:#7c786e;--rule:#3a3832;--hair:#5a564d;--red:#e2816d}}
*{box-sizing:border-box}
html{font-size:15px;-webkit-text-size-adjust:100%}
body{margin:0 auto;max-width:1240px;padding:2rem 4.5% 4rem 8%;background:var(--paper);color:var(--ink);font-family:et-book,Palatino,"Palatino Linotype","Book Antiqua",Georgia,serif;font-size:1.4rem;line-height:1.5;font-variant-numeric:oldstyle-nums;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none;background:linear-gradient(var(--hair),var(--hair)) 0 92%/100% 1px no-repeat}
a:hover,a:focus-visible{background-image:linear-gradient(var(--ink),var(--ink))}
:focus-visible{outline:1px dotted var(--soft);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.muted{color:var(--soft)}
h2{font-weight:normal;font-style:italic;font-size:1.55rem;margin:2.8rem 0 .6rem;line-height:1.2}
h3{font-weight:normal;font-size:1.15rem;margin:1.2rem 0 .3rem}
.n-lang,.st-lang,.sc{font-variant:small-caps;font-variant-caps:all-small-caps;letter-spacing:.07em;color:var(--soft)}
.rubric{color:var(--red)}
/* masthead + search */
.masthead{display:flex;align-items:baseline;gap:2.2rem;margin-bottom:2.4rem;flex-wrap:wrap}
.brand{font-size:1.5rem;letter-spacing:.09em;font-variant-caps:all-small-caps;background:none}
#search{position:relative;flex:0 1 22rem}
#q{width:100%;font:inherit;font-size:1.25rem;border:0;border-bottom:1px solid var(--hair);background:transparent;color:inherit;padding:.15rem 0;border-radius:0;-webkit-appearance:none;appearance:none}
#q:focus{outline:none;border-bottom-color:var(--ink)}
#q::placeholder{color:var(--soft);font-style:italic}
#q::-webkit-search-cancel-button{display:none}
#suggest{list-style:none;margin:0;padding:.3rem 0;position:absolute;left:0;right:0;top:100%;background:var(--paper);z-index:20;border-bottom:1px solid var(--hair)}
#suggest li{padding:.12rem 0;cursor:pointer;font-size:1.2rem}
#suggest li.on,#suggest li:hover{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
#suggest li.fz{font-style:italic;color:var(--soft);cursor:default;font-size:1rem}
/* stage */
.rw{position:relative}
.rw-sticky{background:var(--paper);padding-bottom:.6rem}

.stage{min-height:13.5rem}
.st-top{margin:0;height:1.6rem;font-size:1.05rem;color:var(--soft)}
.st-st,.st-per{font-size:.95rem;color:var(--soft)}
.st-st:not(:empty)::before{content:"· "}
.st-per:not(:empty)::before{content:"· "}
.hw{font-weight:normal;font-size:clamp(3.6rem,8.5vw,6.4rem);line-height:1.05;margin:0;letter-spacing:-.005em;white-space:nowrap}
.hw-form{position:relative;display:inline-block}
.hw-form .ch{display:inline-block;white-space:pre}
.hw-form .ghost{position:absolute;pointer-events:none}
.hw-form.rec{font-style:italic}
.hw-form.rubric{color:var(--red)}
.st-gloss{margin:.15rem 0 0;font-size:1.5rem;color:var(--soft);min-height:2.2rem;max-width:var(--measure)}
.answer{max-width:var(--measure);margin:.6rem 0 1.4rem;font-size:1.25rem}
.hint{margin:.4rem 0 0;font-size:1rem;color:var(--soft);font-style:italic;transition:opacity .4s}
.hint.gone{opacity:0}
kbd{font-family:inherit;font-style:normal}
/* bloom */
.bloom{height:0;overflow:visible;position:relative}
.bloom .bl-cap{margin:.2rem 0 0;font-size:.95rem;font-style:italic;color:var(--soft);opacity:0;transition:opacity .4s}
.bloom ul{list-style:none;margin:.1rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.2rem 1.1rem}
.bloom li{font-size:1.3rem;font-style:italic;opacity:0;transform:translateX(calc(var(--j) * -1.6rem)) translateY(-.6rem);transition:opacity .45s ease-out,transform .55s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--j) * 55ms)}
.bloom.open .bl-cap{opacity:1}
.bloom.open li{opacity:1;transform:none}
.rw.at-root .stage{min-height:17rem}
/* time-depth hairline */
.axis{position:relative;height:3.4rem;margin:.4rem 0 .6rem}
.ax-line{position:absolute;left:0;right:0;top:1.6rem;border-top:1px solid var(--hair)}
.ax-tick{position:absolute;top:1.6rem;height:.35rem;border-left:1px solid var(--hair)}
.ax-tick span{position:absolute;top:.45rem;left:0;transform:translateX(-50%);font-size:.85rem;color:var(--soft);white-space:nowrap}
.ax-tick small{font-size:.7rem;letter-spacing:.05em}
.ax-range{position:absolute;top:calc(1.6rem - 1px);height:3px;background:var(--rule);transition:background .3s}
.ax-range.on{background:var(--hair)}
.ax-node{position:absolute;top:1.6rem;width:7px;height:7px;margin:-3px 0 0 -3.5px;border-radius:50%;background:var(--ink);transition:transform .3s}
.ax-node.rec{background:var(--paper);border:1px dotted var(--ink)}
.ax-node.root{background:var(--red);border-color:var(--red)}
.ax-node.on{transform:scale(1.7)}
.ax-label{position:absolute;top:0;font-size:.85rem;color:var(--ink);white-space:nowrap;transform:translateX(-.3rem);transition:left .45s cubic-bezier(.4,0,.2,1)}
.ax-label.flip{transform:translateX(calc(-100% + .3rem))}
/* chain (desktop: oldest at the left) */
.chain{list-style:none;margin:0;padding:0}
.chain.desk{display:flex;align-items:flex-start}
.chain.desk .node{flex:1 1 0;min-width:0;position:relative;padding:1.1rem .5rem 0 0;font-size:1rem;line-height:1.3;cursor:pointer;transition:opacity .35s}
.chain.desk .link{flex:0 0 1.4rem;margin-top:calc(.55rem);border-top:1px solid var(--soft)}
.chain.desk .link.dot{border-top-style:dotted;border-top-width:2px;border-top-color:var(--soft)}
.chain.desk .link.unc{position:relative}
.chain.desk .link.unc::after{content:"?";position:absolute;top:-1.15rem;left:50%;transform:translateX(-50%);font-size:.85rem;color:var(--soft)}
.node .n-dot{position:absolute;left:0;top:.55rem;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:var(--ink)}
.node.reconstructed .n-dot{background:var(--paper);border:1.5px dotted var(--ink)}
.node.root .n-dot{background:var(--red);border:0}
.node.root.reconstructed .n-dot{background:var(--paper);border:1.5px dotted var(--red)}
.node .n-lang{display:block;font-size:.85rem;line-height:1.2}
.node .n-per{display:block;font-size:.8rem;color:var(--soft);line-height:1.2;margin-bottom:.2rem}
.node .n-form{display:block;font-style:italic;font-size:1.25rem;line-height:1.2;overflow-wrap:anywhere}
.node.root .n-form{color:var(--red)}
.node.here .n-form{font-style:normal}
.node .n-tr{display:block;font-size:.9rem;color:var(--soft);font-style:italic}
.node .n-gloss{display:block;font-size:1.05rem;margin-top:.15rem}
.node .n-lit{display:block;font-size:.9rem;color:var(--soft);font-style:italic}
.node .n-st{display:block;font-size:.85rem;color:var(--soft);margin-top:.25rem;font-variant-caps:all-small-caps;letter-spacing:.06em}
.node.uncertain .n-st,.node.disputed .n-st{color:var(--ink)}
.node .n-via{display:none}
.rw.rewinding .chain.desk .node{opacity:.55}
.rw.rewinding .chain.desk .node.on{opacity:1}
.rw.rewinding .chain.desk .node.root{opacity:1}
.legend{font-size:.85rem;color:var(--soft);margin:.9rem 0 0}
.lg{display:inline-block;width:1.3rem;vertical-align:middle;margin:0 .25rem 0 .7rem;border-top:1px solid var(--soft)}
.lg:first-child{margin-left:0}
.lg.dot{border-top:2px dotted var(--soft)}
.lg.unc{border:0;width:auto;font-size:.9rem}
.lg.root{width:9px;height:9px;border:0;border-radius:50%;background:var(--red)}
.rw-run{pointer-events:none}
.mobchain{display:none}
/* compound */
.compound{max-width:52rem;margin:1.6rem 0}
.cp-head{margin:0 0 .4rem}
.cp-cols{display:flex;gap:3rem}
.cp-col{border-left:1px solid var(--rule);padding-left:1rem}
.cp-n{margin:.1rem 0;font-size:1.05rem}
.cp-n.root i{color:var(--red)}
/* story with sidenotes */
.story,.storyline,.other,.today,.sources,.fa,.rootlink{max-width:var(--measure)}
.story p,.other p{margin:0 0 1rem}
.storyline p{font-size:1.45rem;margin:1.6rem 0 0}
.fa{font-size:1.1rem;margin:1.2rem 0 0}
.contested-s{text-decoration:underline dotted var(--soft);text-decoration-thickness:1px;text-underline-offset:4px}
.sn-ref{cursor:pointer;font-size:.8rem;vertical-align:super;line-height:0;margin-left:.1rem;color:var(--soft)}
.sn-toggle{display:none}
.sidenote{float:right;clear:right;margin-right:calc(-1 * (100vw - var(--measure)) * .32);width:16rem;margin-top:.3rem;margin-bottom:1rem;font-size:1rem;line-height:1.35;color:var(--soft);position:relative}
.sidenote::before{content:attr(data-n)}
.sn-kind{display:block;font-variant-caps:all-small-caps;letter-spacing:.07em;color:var(--ink)}
@media (min-width:1240px){.sidenote{margin-right:-20rem}}
/* family */
.family{max-width:60rem}
.sec-lede{color:var(--soft);font-size:1.1rem;margin:0 0 .6rem;max-width:var(--measure)}
.fam-group h3 i{font-size:1.25rem}
.fam-group ul{list-style:none;margin:0 0 .4rem;padding:0;columns:2 18rem;column-gap:3rem}
.fam-group li{font-size:1.2rem;line-height:1.55;break-inside:avoid}
.path{font-size:.95rem;color:var(--soft);font-style:italic}
.more{font-size:1.05rem;color:var(--soft)}
.pay{color:var(--ink)}
.rootlink{font-size:1.15rem;margin-top:1.4rem}
.today p,.sources p{font-size:1.1rem}
.today .pos{font-style:italic;color:var(--soft)}
.sources p{color:var(--soft)}
/* wear */
.wear-grid{display:flex;gap:2.5rem;align-items:flex-start;flex-wrap:wrap}
.wear-mock{flex:0 0 19rem}
.shirt{width:100%;height:auto;display:block}
.wear-side{flex:1 1 18rem;max-width:26rem;font-size:1.15rem}
.wear-side p{margin:0 0 .8rem}
.wear-side button{font:inherit;font-size:1.05rem;background:none;border:0;padding:0;color:var(--soft);cursor:pointer;text-decoration:underline;text-decoration-color:var(--hair);text-underline-offset:4px}
.wear-side button[aria-pressed=true]{color:var(--ink);text-decoration-color:var(--ink)}
.wear-order button[disabled]{cursor:not-allowed;color:var(--soft);text-decoration:none;border-bottom:1px dotted var(--hair)}
.price{color:var(--ink);margin-left:.6rem}
.wear-note{color:var(--soft);font-size:1.05rem;font-style:italic}
/* support colophon */
.colophon{margin:4rem 0 3rem;padding-top:2.2rem;border-top:1px solid var(--hair);max-width:var(--measure)}
.col-print{margin:0 0 1.6rem;text-align:center}
.col-word{font-size:4.2rem;line-height:1;margin:0 0 1.1rem;letter-spacing:.01em}
.col-line{list-style:none;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 0;color:var(--soft)}
.col-line li{display:flex;flex-direction:column;align-items:center;padding:0 .7rem;font-size:1.05rem;line-height:1.2}
.col-line li+li{border-left:1px solid var(--hair)}
.col-line li span{font-variant-caps:all-small-caps;letter-spacing:.07em;font-size:.8rem}
.col-line li.col-root i{color:var(--ink);font-weight:700}
.col-print figcaption{margin-top:1rem;font-size:.75rem;color:var(--soft);letter-spacing:.04em}
.col-say{text-align:center;font-style:italic;font-size:1.2rem;margin:0 0 1.2rem}
.col-links{display:grid;grid-template-columns:1fr 1fr;margin:0;text-align:center}
.col-links a{font-variant-caps:all-small-caps;letter-spacing:.09em;font-size:1.3rem;color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:var(--soft);padding:.4rem 0}
.col-links a:hover,.col-links a:focus-visible{text-decoration-color:var(--ink)}
.col-links a+a{border-left:1px solid var(--hair)}
@media (max-width:760px){.col-word{font-size:3rem}.col-links a{font-size:1.15rem}}
/* home */
.lede{font-size:1.6rem;max-width:var(--measure);margin-top:0}
.samples a{margin-right:1rem;font-style:italic;font-size:1.35rem;line-height:1.9}
.pair-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(22rem,1fr));gap:2.2rem 3rem;margin-top:1rem}
.foot{margin-top:5rem;max-width:var(--measure);font-size:1rem;color:var(--soft)}
.loading{font-style:italic}
.nearlist{list-style:none;padding:0;columns:2}
.rootlist{list-style:none;padding:0;columns:2 18rem;column-gap:3rem;font-size:1.2rem}
/* ---------- small screens: the chain runs downward, oldest first ---------- */
@media (max-width:760px){
  body{padding:1.2rem 5.5% 3rem}
  .masthead{gap:.6rem 1.4rem;margin-bottom:1.4rem}
  #search{flex:1 1 100%}
  .stage{min-height:11rem}
  .hw{font-size:clamp(2.8rem,13vw,4rem)}
  .st-gloss{font-size:1.25rem}
  .chain.desk,.legend{display:none}
  .mobchain{display:block}
  .mobchain h2{margin-top:1.4rem}
  .chain.mob .node{position:relative;padding:0 0 1rem 1.6rem;cursor:pointer;font-size:1rem}
  .chain.mob .link{display:none}
  .chain.mob .node::before{content:"";position:absolute;left:4px;top:1.1rem;bottom:-.2rem;border-left:1px solid var(--soft)}
  .chain.mob .node.here::before{display:none}
  .chain.mob .node .n-dot{top:.75rem}
  .chain.mob .node.on .n-form{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
  .sidenote{display:none}
  .sn-toggle:checked+.sidenote{display:block;float:none;margin:.5rem 0 .8rem 1rem;width:auto}
  .cp-cols{flex-direction:column;gap:1rem}
  .wear-mock{flex-basis:100%}
  .axis{margin-top:.2rem}
  .ax-tick:nth-child(even) span{display:none}
  .pair-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.bloom{height:auto}.bloom li,.bloom .bl-cap{opacity:1;transform:none}}
/* pairs feed */
.pair h3{font-style:normal;font-size:1.5rem;margin:0 0 .3rem}
.pair h3 a{text-decoration:none}
.pair .amp{font-style:italic;color:var(--soft)}
.pr-root{margin:0 0 .3rem;font-size:1.05rem}
.pr-rows{list-style:none;margin:0;padding:0 0 0 .9rem;border-left:1px solid var(--soft)}
.pr-row{font-size:1rem;line-height:1.5;color:var(--soft);margin:.15rem 0}
.pr-row .pr-word{color:var(--ink);font-size:1.1rem}
.pr-note{font-size:.9rem;color:var(--soft);margin:.4rem 0 0}
/* paywall + unlock */
.paywall{margin:1.6rem 0 0;padding-top:1rem;border-top:1px solid var(--hair);max-width:var(--measure)}
.pay-why{font-size:1.25rem;margin:0 0 .15rem;color:var(--ink)}
.pay-quiet{margin:0 0 .7rem;color:var(--soft)}
.pay-lead{font-size:1.25rem;margin:0 0 .3rem;color:var(--ink)}
.pay-links{margin:0;display:flex;gap:2.4rem;flex-wrap:wrap}
.pay-links a,.unlock-form button{font-variant-caps:all-small-caps;letter-spacing:.09em;font-size:1.15rem;color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:var(--soft)}
.hw-sm{font-size:2.6rem;font-weight:400;margin:0 0 .4rem}
.unlock{max-width:var(--measure)}
.unlock-form{margin:1.4rem 0 .6rem;display:flex;gap:1rem;align-items:baseline;flex-wrap:wrap}
.unlock-form label{font-variant-caps:all-small-caps;letter-spacing:.07em;color:var(--soft)}
.unlock-form input{font:inherit;font-size:1.3rem;letter-spacing:.06em;background:none;color:var(--ink);border:0;border-bottom:1px solid var(--soft);padding:.1rem 0;width:12rem;text-transform:uppercase}
.unlock-form input:focus{outline:none;border-bottom-color:var(--ink)}
.unlock-form button{background:none;border:0;padding:0;cursor:pointer;font-family:inherit}
.unlock-msg{min-height:1.4em;font-style:italic}

/* ---------- pass 2 ---------- */
@font-face{font-family:"Noto Sans Runic";src:url(/fonts/NotoSansRunic-Regular.ttf) format("truetype");unicode-range:U+16A0-16FF;font-display:swap}
.runic{font-family:"Noto Sans Runic",sans-serif;font-style:normal;font-size:1.15rem;color:var(--ink)}
.stage{min-height:0}
.st-gloss{min-height:1.9rem}
.hint{margin:0}
.under{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap;margin-top:.9rem}
.under .legend{margin:0}
/* nodes: no connector stubs; the dot style carries the status */
.chain.desk .node{padding-right:.9rem}
.node.uncertain .n-dot,.node.disputed .n-dot{background:var(--paper);border:1.5px solid var(--ink)}
.node.gap .n-dot{background:var(--paper);border:1.5px dashed var(--red)}
.lg{border-top:0;width:9px;height:9px;border-radius:50%;margin:0 .3rem 0 .9rem}
.lg.att{background:var(--soft)}
.lg.rec{border:1.5px dotted var(--soft);background:none}
.lg.unc{width:auto;height:auto;border-radius:0;background:none}
.node .n-rt{display:block;font-size:.85rem;color:var(--soft);margin-top:.25rem;line-height:1.25}
.smk{font-size:.7rem;line-height:0;margin-left:.12rem;font-style:normal;vertical-align:super}
.smk a{color:var(--soft);text-decoration:none}
.smk a:hover{color:var(--ink)}
.chain.desk .sidenote{display:none;float:none;position:absolute;z-index:3;left:0;top:100%;width:15rem;margin:.2rem 0 0;padding:.4rem 0;background:var(--paper);font-style:normal}
.chain.desk .sn-toggle:checked+.sidenote{display:block}
.chain.desk .sn-ref{font-size:.75rem}
.srcs{list-style:none;padding:0;margin:.7rem 0 0;font-size:.82rem;line-height:1.45;color:var(--soft);columns:2 22rem;column-gap:2.5rem}
.srcs li{break-inside:avoid}
.srcs sup{font-size:.7rem;margin-right:.15rem}
.srcs a{color:var(--soft)}
.srcs .eq{color:var(--soft)}
.src-note{font-style:normal}
.story{margin-top:2.2rem}
@media (max-width:760px){
  .srcs{display:none}
  .chain.mob .sidenote{display:none}
  .chain.mob .sn-toggle:checked+.sidenote{display:block;float:none;margin:.3rem 0 .5rem;width:auto;font-size:.95rem}
}
/* pairs on one shared time scale */
.pair-grid{position:relative}
.pt-scale{grid-column:1/-1;position:relative;height:1.2rem;font-size:.75rem;color:var(--soft);border-bottom:1px solid var(--rule);margin-bottom:-.6rem}
.pt-scale span{position:absolute;transform:translateX(-50%);white-space:nowrap}
.pt{position:relative;height:2.6rem;margin:.5rem 0 .3rem}
.pt-fork{position:absolute;left:var(--x);top:.55rem;height:1.4rem;border-left:1px solid var(--soft)}
.pt-fork::before{content:"";position:absolute;left:-4.5px;top:.45rem;width:9px;height:9px;border-radius:50%;background:var(--ink)}
.pt-row{position:relative;height:1.3rem}
.pt-line{position:absolute;top:.62rem;border-top:1px solid var(--soft)}
.pt-dot{position:absolute;top:.62rem;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:var(--soft)}
.pt-dot.rec{background:var(--paper);border:1px dotted var(--soft)}
.pt-dot.here{background:var(--ink);width:7px;height:7px;margin:-3.5px 0 0 -3.5px}
.pt-word{position:absolute;left:calc(100% + .4rem);top:-.05rem;font-size:.95rem;white-space:nowrap}
.pt{margin-right:5.5rem}
.pr-forms{font-size:.85rem;color:var(--soft);line-height:1.45;margin:.2rem 0 0}
.pr-forms b{font-weight:400;color:var(--ink)}

.pt-ticks{position:absolute;left:0;right:0;top:2.7rem;height:.9rem;font-size:.65rem;color:var(--faint)}
.pt-ticks span{position:absolute;transform:translateX(-50%);white-space:nowrap;border-left:1px solid var(--rule);padding-left:2px;transform:none}
.pt{height:3.6rem}
/* pass 2: three-link support row, SEO intro, myth and root pages, 404 */
.col-links.col-3{grid-template-columns:1fr;justify-items:center;row-gap:.15rem}
.col-links.col-3 a{font-size:1.2rem;padding:.25rem 0;white-space:nowrap}
.col-links.col-3 a+a{border-left:0}
.crumb .sep{color:var(--hair);margin:0 .4em}
.seo-intro{color:var(--soft);font-size:1.05rem;margin:.2rem 0 .4rem;max-width:40rem}
.myth .kicker{font-variant-caps:all-small-caps;letter-spacing:.09em;color:var(--soft);margin:0}
.myth h2,.rootpage h2{font-weight:400;font-style:italic;font-size:1.4rem;margin:2rem 0 .4rem}
.myth-q{margin:0;padding-left:1rem;border-left:1px solid var(--hair);max-width:40rem}
.rootpage ul.members{columns:3 11rem;padding:0;list-style:none}
.rootpage ul.members li{break-inside:avoid;padding:.1rem 0}
.crumb{font-size:1rem;color:var(--soft);margin:2rem 0 0}
.crumb a{color:var(--soft)}
.col-links a{background:none}
.nf-search input{font:inherit;font-size:1.3rem;border:0;border-bottom:1px solid var(--hair);background:transparent;color:var(--ink);padding:.2rem 0;width:min(22rem,100%)}
.nf-search input:focus{outline:none;border-bottom-color:var(--ink)}
.nf-h{font-weight:400;font-style:italic;font-size:1.4rem;margin:2rem 0 .4rem}