:root{
  --tl-paper:#faf8f3;--tl-paper2:#f1ede2;--tl-ink:#14201f;--tl-soft:#46524f;
  --tl-teal:#0f766e;--tl-teal-d:#0a524c;--tl-must:#c8962b;--tl-rule:#14201f;--tl-hair:#cfc9b8;
  --tl-serif:Charter,"Bitstream Charter","Iowan Old Style","Palatino Linotype",Georgia,"Times New Roman",serif;
  --tl-measure:68ch;--tl-warn:#a33a1f;
}
@media (prefers-color-scheme:dark){
  :root{--tl-paper:#121a19;--tl-paper2:#1a2523;--tl-ink:#ece8dc;--tl-soft:#aab5b1;--tl-teal:#4fc3b6;--tl-teal-d:#7fd8cd;--tl-must:#e0b04a;--tl-rule:#ece8dc;--tl-hair:#34423f;--tl-warn:#e58b6e}
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.tl-body{margin:0;background:var(--tl-paper);color:var(--tl-ink);font-family:var(--tl-serif);font-size:19px;line-height:1.65;text-rendering:optimizeLegibility}
.tl-body a{color:var(--tl-teal-d);text-decoration-thickness:1px;text-underline-offset:3px}
.tl-body a:hover{color:var(--tl-ink);text-decoration-thickness:2px}
.tl-body :focus-visible{outline:3px solid var(--tl-must);outline-offset:2px}
.tl-skip{position:absolute;left:-999px;top:0;background:var(--tl-ink);color:var(--tl-paper)!important;padding:.6rem 1rem;z-index:99}
.tl-skip:focus{left:0}
.tl-kicker{font-variant:small-caps;letter-spacing:.14em;text-transform:lowercase;font-size:.9rem;font-weight:700;color:var(--tl-teal);margin:0 0 .5rem;display:block}
.tl-k-home .tl-kicker,.tl-body .tl-kicker{font-family:var(--tl-serif)}

/* masthead */
.tl-masthead{max-width:1120px;margin:0 auto;padding:0 24px}
.tl-topline{display:flex;justify-content:space-between;gap:1rem;font-size:.82rem;font-variant:small-caps;letter-spacing:.1em;color:var(--tl-soft);padding:12px 0 10px;border-bottom:1px solid var(--tl-hair)}
.tl-brandrow{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:22px 0 18px;border-bottom:3px double var(--tl-rule)}
.tl-brand{display:inline-flex;align-items:center;gap:14px;text-decoration:none!important;color:var(--tl-ink)!important}
.tl-wordmark{font-size:2.6rem;font-weight:700;letter-spacing:-.02em;line-height:1;font-style:italic}
.tl-tag{margin:0;max-width:30ch;font-size:.95rem;line-height:1.4;font-style:italic;color:var(--tl-soft);text-align:right}
.tl-nav ul{display:flex;flex-wrap:wrap;justify-content:center;gap:0 2rem;list-style:none;margin:0;padding:0;border-bottom:1px solid var(--tl-rule)}
.tl-nav a{display:block;padding:.7rem 0;text-decoration:none;color:var(--tl-ink);font-variant:small-caps;letter-spacing:.14em;font-size:1rem;font-weight:700;border-bottom:3px solid transparent;margin-bottom:-1px}
.tl-nav a:hover,.tl-nav a[aria-current]{color:var(--tl-teal);border-bottom-color:var(--tl-must)}

.tl-main{max-width:1120px;margin:0 auto;padding:0 24px 72px}

/* home */
.tl-cover{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;padding:56px 0 48px;align-items:center}
.tl-cover-title{font-size:clamp(2.3rem,5vw,3.9rem);line-height:1.04;letter-spacing:-.025em;margin:0 0 1.4rem;font-weight:700}
.tl-lede{font-size:1.15rem}
.tl-lede p{margin:0 0 1rem}
.tl-dropcap>p:first-child::first-letter,p.tl-dropcap::first-letter,.tl-prose>p.short-answer+p::first-letter{float:left;font-size:4.6em;line-height:.8;padding:.08em .1em 0 0;font-weight:700;color:var(--tl-teal)}
.tl-cover-art{background:var(--tl-paper2);border:1px solid var(--tl-rule);padding:20px}
.tl-hero-art{width:100%;height:auto;display:block}
.tl-hero-art path,.tl-hero-art rect,.tl-hero-art circle{stroke:var(--tl-rule)}
.tl-quick{margin-top:2rem;border-top:1px solid var(--tl-rule);padding-top:1.2rem}
.tl-quick-row{display:flex;gap:0}
.tl-quick-row input,.tl-toolform input{flex:1;min-width:0;font:inherit;padding:.75rem 1rem;border:1px solid var(--tl-rule);border-right:0;background:var(--tl-paper);color:var(--tl-ink);border-radius:0}
.tl-quick-row button,.tl-form button{font:inherit;font-variant:small-caps;letter-spacing:.12em;font-weight:700;padding:.75rem 1.4rem;background:var(--tl-teal);color:#fff;border:1px solid var(--tl-teal);border-radius:0;cursor:pointer;transition:background .15s}
.tl-quick-row button:hover,.tl-form button:hover{background:var(--tl-teal-d);border-color:var(--tl-teal-d)}
@media (prefers-color-scheme:dark){.tl-quick-row button,.tl-form button{color:#08201d}}
.tl-quick-note{font-size:.85rem;color:var(--tl-soft);margin:.6rem 0 0;font-style:italic}
.tl-section{padding:28px 0}
.tl-secthead{font-size:1rem;font-variant:small-caps;letter-spacing:.2em;text-align:center;margin:0 0 28px;position:relative;font-weight:700}
.tl-secthead::before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid var(--tl-rule)}
.tl-secthead span{position:relative;background:var(--tl-paper);padding:0 1.2rem}
.tl-lead{max-width:760px;margin:0 auto;text-align:center}
.tl-lead h3{font-size:clamp(1.8rem,3.6vw,2.7rem);line-height:1.1;margin:.2rem 0 1rem;letter-spacing:-.02em}
.tl-lead h3 a,.tl-card h3 a{color:var(--tl-ink);text-decoration:none}
.tl-lead h3 a:hover,.tl-card h3 a:hover{color:var(--tl-teal);text-decoration:underline}
.tl-more{font-variant:small-caps;letter-spacing:.14em;font-weight:700}
.tl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.tl-card{padding:0 22px;border-left:1px solid var(--tl-hair)}
.tl-card:first-child{border-left:0;padding-left:0}
.tl-card h3{font-size:1.25rem;line-height:1.25;margin:0 0 .6rem}
.tl-card p{font-size:.95rem;line-height:1.5;color:var(--tl-soft)}
.tl-card-meta{font-size:.82rem!important;font-variant:small-caps;letter-spacing:.08em}
.tl-divider{display:block;margin:28px auto;max-width:100%;height:auto}
.tl-divider path{stroke:var(--tl-rule)}
.tl-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid var(--tl-rule);border-bottom:1px solid var(--tl-rule);padding:34px 0}
.tl-trio h3{font-size:1.15rem;margin:.6rem 0 .4rem}
.tl-trio p{font-size:.95rem;line-height:1.5;margin:0;color:var(--tl-soft)}
.tl-icon{color:var(--tl-teal);display:block}

/* article */
.tl-article{padding-top:44px}
.tl-arthead,.tl-prose,.tl-artfoot,.tl-toolform,.tl-result{max-width:var(--tl-measure);margin-left:auto;margin-right:auto}
.tl-arthead h1{font-size:clamp(2rem,4.6vw,3.2rem);line-height:1.08;letter-spacing:-.025em;margin:0 0 1.3rem;font-weight:700}
.tl-crumbs{font-size:.85rem;color:var(--tl-soft);margin-bottom:1.2rem;font-variant:small-caps;letter-spacing:.08em}
.tl-crumbs a{color:var(--tl-soft)}
.tl-byline{display:flex;gap:14px;align-items:center;border-top:1px solid var(--tl-rule);border-bottom:1px solid var(--tl-hair);padding:12px 0;margin-bottom:1.6rem}
.tl-byline p{margin:0;font-size:.9rem;line-height:1.45;color:var(--tl-soft)}
.tl-byline .tl-avatar{width:48px;height:48px;flex:none}
.tl-byline-lite{color:var(--tl-soft);font-style:italic;margin:0}
.tl-prose{font-size:1.05rem}
.tl-prose p,.tl-prose ul,.tl-prose ol{margin:0 0 1.25rem}
.tl-prose h2{font-size:1.65rem;line-height:1.2;margin:2.4rem 0 .8rem;letter-spacing:-.015em;padding-top:1.2rem;border-top:1px solid var(--tl-hair)}
.tl-prose h3{font-size:1.2rem;margin:1.8rem 0 .5rem;font-style:italic}
.tl-prose li{margin-bottom:.45rem}
.tl-prose p.short-answer{font-size:1.28rem;line-height:1.5;font-style:italic;border-left:5px solid var(--tl-must);padding:.2rem 0 .2rem 1.2rem;margin:0 0 1.8rem;color:var(--tl-ink)}
.tl-prose blockquote,.tl-pull{font-size:1.4rem;line-height:1.35;font-style:italic;margin:2rem 0 2rem -2rem;padding:.4rem 0 .4rem 1.4rem;border-left:5px solid var(--tl-must);color:var(--tl-teal-d)}
.tl-prose blockquote p{margin:0}
.tl-prose table{width:100%;border-collapse:collapse;margin:1.6rem 0;font-size:.95rem;line-height:1.45}
.tl-prose caption{caption-side:top;text-align:left;font-variant:small-caps;letter-spacing:.1em;color:var(--tl-soft);padding-bottom:.4rem}
.tl-prose th,.tl-prose td{padding:.6rem .7rem;border-bottom:1px solid var(--tl-hair);text-align:left;vertical-align:top}
.tl-prose thead th{border-top:2px solid var(--tl-rule);border-bottom:1px solid var(--tl-rule);font-variant:small-caps;letter-spacing:.08em}
.tl-prose tbody th{font-weight:700}
.tl-prose hr{border:0;border-top:1px solid var(--tl-hair);margin:2rem 0}
.tl-prose h2#sources,.tl-prose h2:last-of-type{}
.tl-artfoot{padding-top:1rem}
.tl-authorbox{display:flex;gap:18px;align-items:flex-start;background:var(--tl-paper2);border:1px solid var(--tl-hair);padding:20px 22px}
.tl-authorbox p{margin:0;font-size:.95rem;line-height:1.55}
.tl-authorbox .tl-avatar{flex:none;width:72px;height:72px}
.tl-next{margin:1.6rem 0 0;border-top:3px double var(--tl-rule);padding-top:1rem}
.tl-next a{font-size:1.3rem;font-weight:700;text-decoration:none}
.tl-authorhead{display:flex;gap:26px;align-items:center;max-width:var(--tl-measure)}
.tl-authorhead h1{margin-bottom:.5rem}
.tl-authorhead .tl-avatar{flex:none;width:120px;height:120px}
.tl-index{list-style:none;padding:0}
.tl-index li{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--tl-hair)}
.tl-index time{color:var(--tl-soft);font-size:.85rem;white-space:nowrap}

/* tool */
.tl-toolform{margin-bottom:2rem}
.tl-toolform label,.tl-form label{display:block;font-variant:small-caps;letter-spacing:.12em;font-weight:700;margin:1.1rem 0 .3rem;font-size:.95rem}
.tl-toolform label{margin-top:0}
.tl-result{border-top:3px double var(--tl-rule);border-bottom:1px solid var(--tl-rule);padding:1.4rem 0;margin-bottom:2.4rem}
.tl-result h2{font-size:2.2rem;margin:0 0 1rem;letter-spacing:-.01em}
.tl-facts{display:grid;grid-template-columns:1fr 1fr;gap:0 2rem;margin:0 0 1.2rem}
.tl-facts>div{border-top:1px solid var(--tl-hair);padding:.6rem 0}
.tl-facts dt{font-variant:small-caps;letter-spacing:.1em;font-size:.85rem;color:var(--tl-soft);font-weight:700}
.tl-facts dd{margin:0;font-size:1.05rem}
.tl-notes{padding-left:1.2rem}
.tl-notes li{margin-bottom:.5rem}
.tl-pull{margin-left:0;font-size:1.1rem}

/* areas */
.tl-states{columns:3 260px;column-gap:40px;max-width:1040px;margin:2.5rem auto 0}
.tl-state{break-inside:avoid;margin-bottom:1.6rem}
.tl-state h2{font-size:1.05rem;font-variant:small-caps;letter-spacing:.14em;border-bottom:2px solid var(--tl-rule);margin:0 0 .4rem;padding-bottom:.25rem}
.tl-state ul{list-style:none;margin:0;padding:0}
.tl-state li a{display:flex;gap:.7rem;text-decoration:none;padding:.18rem 0;font-size:.95rem;line-height:1.35}
.tl-state li strong{color:var(--tl-teal);min-width:2.4rem}
.tl-state li span{color:var(--tl-soft)}
.tl-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.tl-chips a{border:1px solid var(--tl-rule);padding:.15rem .7rem;text-decoration:none;font-weight:700}
.tl-chips a:hover{background:var(--tl-teal);color:#fff}

/* forms/notice */
.tl-form input,.tl-form select,.tl-form textarea{width:100%;font:inherit;padding:.65rem .8rem;border:1px solid var(--tl-rule);background:var(--tl-paper);color:var(--tl-ink);border-radius:0}
.tl-form button{margin-top:1.4rem}
.tl-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.tl-notice{border:1px solid var(--tl-rule);border-left:6px solid var(--tl-teal);padding:1rem 1.2rem;margin:0 0 1.6rem;background:var(--tl-paper2)}
.tl-notice.tl-bad{border-left-color:#a33a1f}
.tl-notice ul{margin:.4rem 0 0;padding-left:1.1rem}

/* footer */
.tl-footer{border-top:3px double var(--tl-rule);background:var(--tl-paper2)}
.tl-footwrap{max-width:1120px;margin:0 auto;padding:40px 24px 20px;display:grid;grid-template-columns:1.2fr 1.4fr 1fr;gap:48px}
.tl-foot-id p{font-size:.92rem;line-height:1.55;color:var(--tl-soft);margin:1rem 0 0}
.tl-brand-foot .tl-wordmark{font-size:1.8rem}
.tl-foot-col h2{font-size:.85rem;font-variant:small-caps;letter-spacing:.18em;margin:0 0 .6rem;color:var(--tl-teal);font-weight:700}
.tl-foot-col ul{list-style:none;margin:0 0 1.2rem;padding:0;font-size:.92rem;line-height:1.4}
.tl-foot-col li{margin-bottom:.45rem}
.tl-legal{max-width:1120px;margin:0 auto;padding:14px 24px 28px;font-size:.82rem;color:var(--tl-soft);border-top:1px solid var(--tl-hair)}

@media (max-width:900px){
  .tl-cover{grid-template-columns:1fr;gap:32px;padding-top:36px}
  .tl-grid{grid-template-columns:1fr 1fr;row-gap:28px}
  .tl-card:nth-child(odd){border-left:0;padding-left:0}
  .tl-trio{grid-template-columns:1fr;gap:24px}
  .tl-footwrap{grid-template-columns:1fr;gap:28px}
}
@media (max-width:600px){
  body.tl-body{font-size:17.5px}
  .tl-masthead,.tl-main{padding-left:16px;padding-right:16px}
  .tl-topline-date{display:none}
  .tl-brandrow{flex-direction:column;align-items:flex-start;gap:.6rem}
  .tl-tag{text-align:left;max-width:none}
  .tl-wordmark{font-size:2.1rem}
  .tl-nav ul{justify-content:flex-start;gap:0 1.1rem}
  .tl-nav a{font-size:.88rem;letter-spacing:.08em}
  .tl-grid{grid-template-columns:1fr}
  .tl-card{border-left:0;padding:0 0 22px;border-bottom:1px solid var(--tl-hair)}
  .tl-prose blockquote,.tl-pull{margin-left:0}
  .tl-facts{grid-template-columns:1fr}
  .tl-authorhead{flex-direction:column;align-items:flex-start}
  .tl-prose table{display:block;overflow-x:auto}
  .tl-quick-row{flex-direction:column}
  .tl-quick-row input{border-right:1px solid var(--tl-rule);border-bottom:0}
  .tl-index li{flex-direction:column;gap:.1rem}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* search slot */
.tl-search form{margin:0}
.tl-search-hero{border:1px solid var(--tl-rule);border-top:4px solid var(--tl-teal);background:var(--tl-paper2);padding:1.3rem 1.4rem}
.tl-search-hero input{font-size:1.25rem;padding:.9rem 1rem}
.tl-search-hero button{font-size:1.05rem}
.tl-compactwrap{max-width:var(--tl-measure);margin:0 auto 2rem}
.tl-search-compact{border-top:1px solid var(--tl-rule);border-bottom:1px solid var(--tl-hair);padding:.7rem 0}
.tl-search-compact input{padding:.5rem .8rem;font-size:.95rem}
.tl-search-compact button{padding:.5rem 1rem;font-size:.9rem}
.tl-quick{margin-top:2rem}
.tl-toolform{max-width:var(--tl-measure);margin:0 auto 2rem}
.tl-search .tl-quick-row input{border-right:0}
@media (max-width:600px){.tl-prose p.short-answer{font-size:1.1rem}}

/* format elements: glossaries, scripts, myths, checklists, steps, cards */
.tl-prose dl.tl-gloss{margin:0 0 1.8rem}
.tl-gloss dt{font-weight:700;font-size:1.08rem;color:var(--tl-teal-d);margin:1.1rem 0 0;padding-top:.8rem;border-top:1px solid var(--tl-hair)}
.tl-gloss dt:first-child{margin-top:0;padding-top:0;border-top:0}
.tl-gloss dd{margin:.25rem 0 0}
.tl-prose pre{background:var(--tl-paper2);border:1px solid var(--tl-hair);border-left:5px solid var(--tl-teal);padding:.9rem 1.1rem;margin:0 0 1.4rem;font:.88rem/1.55 ui-monospace,"Courier New",monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--tl-ink)}
.tl-prose blockquote.tl-say{font-size:1.02rem;line-height:1.6;font-style:normal;margin:0 0 1.4rem;padding:.9rem 1.2rem;background:var(--tl-paper2);border-left:5px solid var(--tl-must);color:var(--tl-ink)}
.tl-prose blockquote.tl-say p+p{margin-top:.7rem}
.tl-prose p.tl-myth{font-style:italic;border-left:4px solid var(--tl-warn);padding:.1rem 0 .1rem 1rem;margin-bottom:.8rem}
.tl-myth strong{font-style:normal;font-variant:small-caps;letter-spacing:.1em;color:var(--tl-warn)}
.tl-prose table.tl-matrix{font-size:.9rem;margin-top:0}
.tl-matrix caption{font-size:1rem}
.tl-prose table.tl-dense{font-size:.9rem}
.tl-dense th,.tl-dense td{padding:.4rem .6rem}
.tl-dense tbody tr:nth-child(even){background:var(--tl-paper2)}
.tl-datatable tbody th{width:28%}
.tl-prose ul.tl-checks{list-style:none;padding:0}
.tl-checks li{position:relative;padding-left:2.1rem;margin-bottom:.8rem}
.tl-checks li::before{content:"";position:absolute;left:0;top:.38em;width:1.05rem;height:1.05rem;border:2px solid var(--tl-teal)}
.tl-checks li::after{content:"";position:absolute;left:.34rem;top:.42em;width:.3rem;height:.62rem;border:solid var(--tl-must);border-width:0 3px 3px 0;transform:rotate(40deg)}
.tl-prose.tl-f-howto ol{list-style:none;padding:0;counter-reset:tlstep}
.tl-f-howto ol>li{counter-increment:tlstep;position:relative;padding-left:3rem;margin-bottom:1.1rem}
.tl-f-howto ol>li::before{content:counter(tlstep);position:absolute;left:0;top:.1rem;width:2.1rem;height:2.1rem;line-height:2.1rem;text-align:center;font-weight:700;background:var(--tl-teal);color:#fff}
@media (prefers-color-scheme:dark){.tl-f-howto ol>li::before{color:#08201d}}
.tl-prose.tl-f-essay>p:first-child::first-letter{float:left;font-size:4.6em;line-height:.8;padding:.08em .1em 0 0;font-weight:700;color:var(--tl-teal)}
.tl-prose.tl-f-brief>p:first-child{font-size:1.2rem;line-height:1.55}
.tl-ways{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:0 0 1.6rem}
.tl-way,.tl-block{border:1px solid var(--tl-hair);background:var(--tl-paper2);padding:1rem 1.2rem}
.tl-way{border-top:4px solid var(--tl-teal)}
.tl-prose .tl-way h2,.tl-prose .tl-block h2{font-size:1rem;font-variant:small-caps;letter-spacing:.14em;margin:0 0 .4rem;padding:0;border-top:0;color:var(--tl-teal-d)}
.tl-way p,.tl-block p{margin:0;font-size:.97rem;line-height:1.55}
.tl-blocks{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.tl-block{border-top:4px solid var(--tl-must)}
.tl-block-key,.tl-block-wide{grid-column:1/-1}
.tl-block-key{border-top-color:var(--tl-teal)}
.tl-prose ol.tl-clauses{list-style:none;padding:0;counter-reset:tlcl}
.tl-clauses>li{counter-increment:tlcl;position:relative;padding:.8rem 0 0 3rem;margin-bottom:.9rem;border-top:1px solid var(--tl-hair)}
.tl-clauses>li::before{content:"\00a7" counter(tlcl);position:absolute;left:0;top:.8rem;font-weight:700;color:var(--tl-teal)}
@media (max-width:600px){.tl-ways,.tl-blocks{grid-template-columns:1fr}.tl-prose pre{font-size:.82rem}}
