/* app-skin:begin
   THE APPLICATION IN DESIGN'S FRAME (2026-10-10). Every /app/ view takes the shared bar under the
   chrome, the breadcrumb row, the 1280 page and design's type, in the values the static desk pages measure
   (probed at 1440 and 375 on /buffer/, after the type scale): bar 14.5 over a 12.5 eyebrow, crumbs 14.5,
   h1 Newsreader 400, cards on surface with a 2px rule-top. Nothing here names a view; a view that is
   added later takes the frame. */
.subnavrow{background:var(--footer-ground);border-bottom:1px solid var(--hairline)}
[data-subnav]{max-width:1280px;margin:0 auto;padding:0 32px;display:flex;align-items:center;gap:22px;font-size:14.5px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
[data-subnav]::-webkit-scrollbar{display:none}
[data-subnav] .eb{font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-weight:600;padding-right:6px;flex:none}
[data-subnav] a{flex:none;color:var(--muted-2);height:40px;display:flex;align-items:center;border-bottom:2px solid transparent;font-weight:400}
[data-subnav] a:hover{color:var(--ink);text-decoration:none}
[data-subnav] a[aria-current]{color:var(--ink);border-bottom-color:var(--accent)}
@media (max-width:560px){[data-subnav]{padding:0 16px}}
.asofrow{max-width:1280px;margin:0 auto;padding:28px 32px 0;display:flex;align-items:center;gap:8px;justify-content:flex-start;font:400 14.5px/normal var(--font-body);color:var(--faint);background:none;border:0}
.asofrow nav.crumbs{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.asofrow nav.crumbs a{color:var(--muted-2)}
.asofrow nav.crumbs a:hover{color:var(--accent);text-decoration:none}
.asofrow nav.crumbs .sep{color:var(--faint)}
.asofrow nav.crumbs .cur{color:var(--ink-2)}
.asofrow #bannerText{margin-left:auto;color:var(--faint);text-align:right}
.asofrow #bannerText b{font-weight:400;color:var(--faint)}
@media (max-width:560px){.asofrow{padding:20px 16px 0;flex-wrap:wrap}.asofrow #bannerText{margin-left:0;text-align:left;flex-basis:100%}}
main#view:not(.dcpage){max-width:1280px;margin:0 auto;padding:22px 32px 64px}
@media (max-width:560px){main#view:not(.dcpage){padding:18px 16px 48px}}
.asofrow.stale,.asofrow:not(.live){background:none;color:var(--faint);padding:28px 32px 0;border-radius:0;max-width:1280px}
.asofrow.stale #bannerText,.asofrow:not(.live) #bannerText{background:var(--sample-bg);color:var(--sample-ink);padding:6px 12px;border-radius:4px}
.asofrow.stale #bannerText b,.asofrow:not(.live) #bannerText b{color:inherit;font-weight:600}
@media (max-width:560px){.asofrow.stale,.asofrow:not(.live){padding:20px 16px 0}}
main#view h1{font-family:var(--font-serif);font-size:clamp(34px,3.6vw,46px);line-height:1.08;font-weight:400;letter-spacing:-.015em;margin:0;text-wrap:balance;color:var(--ink)}
main#view .lede{font-size:17px;line-height:1.5;color:var(--muted);margin:0;max-width:56ch;text-wrap:pretty}
main#view h2{font-family:var(--font-serif);font-weight:400;letter-spacing:0}
main#view .eyebrow,main#view .lvl{font-family:var(--font-body)}
@media (max-width:560px){main#view h1{font-size:34px}}
.dgrid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:start;margin-top:22px}
.dleft{display:flex;flex-direction:column;gap:18px;min-width:0}
@media (max-width:900px){.dgrid{grid-template-columns:1fr;gap:28px}}
main#view .cq{display:flex;align-items:center;gap:12px;max-width:520px;margin:0;position:relative}
main#view .cq .mag{position:absolute;left:16px;top:17px;color:var(--faint);pointer-events:none}
main#view .cq input{flex:1;min-width:0;width:auto;height:52px;padding:0 16px 0 44px;border:1px solid var(--hairline-strong);border-radius:4px;background:var(--surface-2);color:var(--ink);font:500 16px/1 var(--font-body);letter-spacing:0;text-transform:uppercase}
main#view .cq input::placeholder{font:400 16px var(--font-body);text-transform:none;letter-spacing:0;color:var(--faint)}
main#view .cq input:focus{outline:none;border-color:var(--accent);box-shadow:none}
main#view .cq .btn{height:52px;padding:0 22px;border-radius:4px;font:600 16px/1 var(--font-body)}
main#view .own .cq input,main#view .cq.pf input{padding-left:16px}
main#view .chips{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px;margin:0;max-width:none;align-items:center}
main#view .chips .lbl{font:400 14.5px var(--font-body);color:var(--faint);margin:0 6px 0 0}
main#view .chips .lbl.hintmore{flex-basis:100%;margin:4px 0 0}
main#view .chips a{height:auto;padding:6px 10px;border:1px solid var(--hairline-strong);border-radius:4px;background:transparent;font:500 14.5px/normal var(--font-body);color:var(--ink-2)}
main#view .chips a:hover{border-color:var(--accent);color:var(--ink)}
.dstate,main#view .card,main#view .doors a,main#view .rp,main#view .callout.card{background:var(--surface);border:1px solid var(--hairline);border-top:2px solid var(--rule-top);border-radius:4px}
.dstate{padding:22px 24px;display:flex;flex-direction:column;gap:14px}
.dstate .eyebrow,main#view .doors .lvl{font-size:12.5px;line-height:1.3;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);font-weight:600}
main#view .dstate .read.slim{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;max-width:none}
main#view .dstate .read.slim .rt{display:block;background:none;border:0;padding:0;border-radius:0;box-shadow:none;position:relative;width:auto}
main#view .dstate .read.slim .rt:hover{box-shadow:none}
main#view .dstate .read.slim .rt .v{display:block;font:400 36px/1 var(--font-serif);letter-spacing:0}
main#view .dstate .read.slim .rt .l{display:block;font:400 14.5px/1.3 var(--font-body);color:var(--muted-2);margin-top:6px}
main#view .dstate .read.slim .rt:hover .l{color:var(--ink)}
main#view .dstate .read.slim .rt .go{display:none}
main#view .dstate .rt.t .v{color:var(--protected)}.dstate .rt.a .v{color:var(--ceiling)}.dstate .rt.c .v{color:var(--unprotected)}.dstate .rt.b .v{color:var(--accent)}.dstate .rt.n .v{color:var(--ink)}
.dstate .note{margin:0;font-size:14.5px;line-height:1.5;color:var(--muted-2)}
.dbrowse{margin-top:32px}
main#view .doors{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:14px;max-width:none;margin:0}
main#view .doors a{display:flex;flex-direction:column;gap:8px;padding:20px 24px;color:var(--ink)}
main#view .doors a:hover{border-color:var(--accent);text-decoration:none}
main#view .doors .lvl{margin:0}
main#view .doors .lvl.deep{color:var(--faint)}
main#view .doors b{font:400 19px/1.3 var(--font-serif);letter-spacing:0;margin:0}
main#view .doors span:not(.lvl){font-size:14.5px;line-height:1.5;color:var(--muted)}
main#view .sec{margin:32px 0 12px}
main#view .sec .eyebrow{border:0;background:none;padding:0;border-radius:0;font:400 22px/1.2 var(--font-serif);letter-spacing:0;text-transform:none;color:var(--ink);gap:0}
main#view .sec .eyebrow::before{display:none}
main#view .sec:not(.hsec)::after{display:none}
main#view .sec .secx{font:500 14.5px/1 var(--font-body);color:var(--accent)}
main#view .check .sec.tight{max-width:none;margin:32px 0 12px}
main#view .check .changed.one{max-width:none}
main#view .rp{padding:20px 24px;display:flex;flex-direction:column;gap:8px}
main#view .rp:hover{border-color:var(--accent);text-decoration:none}
main#view .rp b,main#view .rp h3{font:400 19px/1.3 var(--font-serif);letter-spacing:0}
main#view .check{max-width:none;padding:0}
main#view .rgrid{max-width:none;margin:0;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}
main#view .rp .lvl{font:600 12.5px/1.3 var(--font-body);letter-spacing:.12em;color:var(--accent);margin:0}
main#view .rp.themes .lvl{color:var(--themes-ink)}
main#view .rp .asf{font:400 14.5px/1.3 var(--font-body);color:var(--faint);margin:0}
main#view .rp span{font-size:14.5px;line-height:1.5;color:var(--muted)}
main#view .rp em{font-size:14.5px;color:var(--faint);margin-top:0}
main#view .rp b{margin:0}
.dstate p.note{border:0;padding:0;margin:0}
@media (max-width:560px){main#view .cq{flex-direction:row}main#view .cq .btn{padding:0 16px}}
main#view .intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;margin:22px 0 0;padding:0;border:0;background:none;align-items:start}
main#view .intro.data{padding:0;margin:22px 0 0;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:start}
main#view .intro .txt{display:flex;flex-direction:column;gap:18px}
main#view .intro h1,main#view .intro.data h1{font-size:clamp(34px,3.6vw,46px);font-weight:400;letter-spacing:-.015em}
main#view .intro .head,main#view .intro.data .head{margin:0;font:400 17px/1.5 var(--font-body);color:var(--muted);max-width:56ch;text-wrap:pretty}
main#view .intro .head b,main#view .intro.data .head b{background:none;padding:0;border:0;font:600 17px/1.5 var(--font-body);color:var(--ink)}
main#view .intro .lede{margin:0;max-width:56ch;font-size:17px;line-height:1.5;color:var(--muted)}
main#view .intro .rugwrap,main#view .intro.data .rugwrap{background:var(--surface);border:1px solid var(--hairline);border-top:2px solid var(--rule-top);border-radius:4px;padding:22px 24px 16px}
main#view .rugwrap .eyebrow{font-size:12.5px;letter-spacing:.12em;color:var(--muted-2);font-weight:600;margin-bottom:10px}
@media (max-width:900px){main#view .intro,main#view .intro.data{grid-template-columns:1fr;gap:28px}}
main#view .callout{background:var(--surface);border:1px solid var(--hairline);border-top:2px solid var(--rule-top);border-radius:4px;padding:16px 20px;margin:24px 0 16px;font-size:14.5px;line-height:1.5;color:var(--muted)}
main#view .callout b{color:var(--ink);font-weight:600}
main#view .controls,main#view .filterbox{margin:24px 0 12px;gap:6px 8px}
main#view .search input{height:36px;width:260px;border:1px solid var(--hairline-strong);border-radius:4px;background:var(--surface-2);font:400 14.5px var(--font-body);color:var(--ink)}
main#view details.fl summary,main#view select.sel,main#view .btn{height:36px;border:1px solid var(--hairline-strong);border-radius:4px;background:transparent;font:500 14.5px var(--font-body);color:var(--ink-2)}
main#view .btn.primary{background:var(--ink);color:var(--ground);border-color:var(--ink)}
main#view .btn.sm{height:30px}
main#view .seg{height:36px;border:1px solid var(--hairline);border-radius:4px;overflow:hidden}
main#view .seg button{font:500 14.5px var(--font-body);color:var(--muted-2);background:transparent}
main#view .seg button.on{background:var(--surface-2);color:var(--ink);box-shadow:inset 0 0 0 1px var(--hairline-strong)}
main#view .seg button+button{border-left:1px solid var(--hairline)}
main#view .wins button,main#view .wins a{font:500 14.5px var(--font-body)}
main#view .count{font:400 14.5px var(--font-body);color:var(--muted-2)}
main#view .clear{font:500 14.5px var(--font-body)}
main#view .deskwrap,main#view .tablecard{background:var(--surface);border:1px solid var(--hairline);border-top:2px solid var(--rule-top);border-radius:4px}
main#view .desk-scroll{overflow-x:auto}
main#view table.desk th,main#view .tm th{font:600 12.5px/1.2 var(--font-body);letter-spacing:.12em;color:var(--muted-2);border-bottom:1px solid var(--hairline-strong);background:var(--surface)}
main#view table.desk td,main#view .tm td{border-bottom:1px solid var(--hairline)}
main#view .legend{font-size:14.5px;line-height:1.5;color:var(--muted-2);padding:12px 16px;border-top:1px solid var(--hairline)}
.cnts{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:18px 16px}
.cnt{display:flex;flex-direction:column}
.cnt .v{font:400 36px/1 var(--font-serif);letter-spacing:0;color:var(--ink);font-variant-numeric:tabular-nums}
.cnt .l{font:400 14.5px/1.3 var(--font-body);color:var(--muted-2);margin-top:6px}
.cnt .s{font:400 14.5px/1.3 var(--font-body);color:var(--faint);margin-top:2px}
.cnt.pos .v{color:var(--protected)}.cnt.neg .v{color:var(--unprotected)}.cnt.warn .v{color:var(--ceiling)}.cnt.acc .v{color:var(--accent)}
@media (max-width:560px){.cnts[style*="--n:3"]{grid-template-columns:repeat(2,minmax(0,1fr))}}
main#view .lad{margin-top:32px;grid-template-columns:minmax(0,1fr);gap:14px}
main#view .lad > .card.edit{grid-column:1;grid-row:1}main#view .lad > .card.ans{grid-column:1;grid-row:2}
main#view .lad > .card{background:var(--surface);overflow:hidden}
main#view .card .ch{padding:18px 24px 12px;border-bottom:1px solid var(--hairline)}
main#view .card .ch h2{font:400 22px/1.2 var(--font-serif);margin:0}
main#view .card .cb{padding:18px 24px}
main#view .card .cb .eyebrow{font-size:12.5px;letter-spacing:.12em;color:var(--muted-2);font-weight:600}
main#view table.rungs th{font:600 12.5px/1.2 var(--font-body);letter-spacing:.12em;color:var(--muted-2);border-bottom:1px solid var(--hairline-strong);padding:12px 12px 10px}
main#view table.rungs td{border-bottom:1px solid var(--hairline);padding:0 12px}
main#view table.rungs td.bandcell{width:auto;min-width:220px}
main#view table.rungs td:nth-child(3){max-width:300px;overflow:hidden;text-overflow:ellipsis}
main#view .pick{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:8px 32px;align-items:start}
main#view .pick label{grid-column:1;font-size:14.5px;color:var(--muted-2);margin:0 0 6px}
main#view .pick select{grid-column:1}
main#view .pick .or{grid-column:2;grid-row:1;margin:0;font-size:14.5px;color:var(--muted-2)}
main#view .pick ul{grid-column:2;grid-row:2 / span 2;display:flex;flex-wrap:wrap;gap:6px;max-height:none;border:0;overflow:visible}
main#view .pick li{border:1px solid var(--hairline-strong);border-radius:4px;padding:6px 10px;gap:6px;font-size:14.5px}
main#view .pick li:last-child{border-bottom:1px solid var(--hairline-strong)}
main#view .pick li .tk{font-size:14.5px}
main#view .pick > div:last-child{grid-column:1}
@media (max-width:900px){main#view .pick{grid-template-columns:1fr}main#view .pick .or,main#view .pick ul{grid-column:1;grid-row:auto}}
main#view .cal{background:var(--hairline);border-color:var(--hairline)}
main#view .cal div{font-size:14.5px}
main#view .cal .m{font:600 12.5px/1 var(--font-body);letter-spacing:.12em;color:var(--muted-2)}
main#view .ladnote{padding:14px 24px;border-top:1px solid var(--hairline);font-size:14.5px;line-height:1.5;color:var(--muted-2)}
main#view table.desk.income th[data-col="name"],main#view table.desk.income td[data-col="name"]{max-width:max(400px,calc(100cqw - 784px - var(--sbw, 0px)))}
main#view table.desk.themes th[data-col="name"],main#view table.desk.themes td[data-col="name"]{max-width:max(360px,calc(100cqw - 760px - var(--sbw, 0px)))}
main#view table.desk.main th[data-col="name"],main#view table.desk.main td[data-col="name"]{max-width:max(380px,calc(100cqw - 829px - var(--sbw, 0px)))}
main#view table.desk.lev:not(.cry) th[data-col="name"],main#view table.desk.lev:not(.cry) td[data-col="name"]{max-width:max(200px,calc(100cqw - 997px - var(--sbw, 0px)))}
main#view table.desk.cry th[data-col="name"],main#view table.desk.cry td[data-col="name"]{max-width:max(290px,calc(100cqw - 910px - var(--sbw, 0px)))}
main#view table.desk.alt th[data-col="name"],main#view table.desk.alt td[data-col="name"]{max-width:max(200px,calc(100cqw - 811px - var(--sbw, 0px)))}
main#view .desk-scroll,main#view .miniwrap,main#view .tscroll{background:
  linear-gradient(to right,var(--surface) 30%,transparent) left center/40px 100% no-repeat local,
  linear-gradient(to left,var(--surface) 30%,transparent) right center/40px 100% no-repeat local,
  radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.45),transparent) left center/12px 100% no-repeat scroll,
  radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.45),transparent) right center/12px 100% no-repeat scroll}
.tmxwrap{display:flex;flex-direction:column;gap:0}
.tmx{padding:18px 0;border-top:1px solid var(--hairline)}
.tmx:first-child{border-top:0;padding-top:4px}
.tmxh{display:flex;align-items:baseline;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;margin-bottom:10px}
.tmxh h3{font:400 22px/1.2 var(--font-serif);letter-spacing:0;margin:0}
.tmxh span{font-size:14.5px;color:var(--muted-2)}
.tmxg{display:flex;flex-wrap:wrap;gap:6px}
.mtile{display:flex;flex-direction:column;gap:2px;min-width:86px;padding:7px 10px;border:1px solid var(--hairline-strong);border-left-width:3px;border-radius:4px;background:var(--surface);color:var(--ink)}
.mtile b{font:600 14.5px/1.2 var(--font-body)}
.mtile span{font:400 14.5px/1.2 var(--font-body);color:var(--muted-2);font-variant-numeric:tabular-nums}
.mtile:hover{border-color:var(--accent);text-decoration:none}
.mtile.ahead{border-left-color:var(--protected);background:var(--protected-soft)}
.mtile.behind{border-left-color:var(--unprotected);background:var(--unprotected-soft)}
.mtile.ahead span{color:var(--protected-ink)}.mtile.behind span{color:var(--unprotected-ink)}
.tmxlegend{margin:8px 0 0;padding-top:14px;border-top:1px solid var(--hairline);font-size:14.5px;line-height:1.5;color:var(--muted-2)}
.exnote{margin:32px 0 12px;padding:0;font-size:14.5px;line-height:1.5;color:var(--muted-2)}
.exnote b{color:var(--ink);font-weight:600}
.example .panel.inline,.exbody.demo .card,.exbody.demo .deskwrap{opacity:1}
main#view .own{max-width:none}
.gets{margin:0;padding:0 0 0 20px;display:flex;flex-direction:column;gap:10px;font-size:14.5px;line-height:1.5;color:var(--muted)}
.gets b{color:var(--ink);font-weight:600}
main#view .own .grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr));gap:14px;margin-top:14px}
main#view .own .same{background:var(--surface);border:1px solid var(--hairline);border-top:2px solid var(--rule-top);border-radius:4px;padding:16px 20px;margin:14px 0 0;font-size:14.5px;color:var(--muted)}
main#view .own .same b{color:var(--ink)}
main#view .own .card .cb h2{font:400 22px/1.2 var(--font-serif);margin:0 0 10px}
main#view .tm th{white-space:normal;line-height:1.25;vertical-align:bottom}
main#view .tm th.num,main#view .tm td.num{font-family:var(--font-body)}
main#view .own .grid2{align-items:start}
main#view .doc{max-width:none;margin:0;padding:22px 0 0}
main#view .doc > h1,main#view .doc > .lede{max-width:820px}
main#view .doc .lede{font-size:19px;line-height:1.5;color:var(--muted);margin:18px 0 28px}
main#view .doc h2{font:400 24px/1.25 var(--font-serif);letter-spacing:0;border-top:1px solid var(--hairline);padding-top:22px;margin:32px 0 10px;max-width:72ch}
main#view .doc p,main#view .doc dd,main#view .doc li{font-size:16px;line-height:1.7;color:var(--ink-2);max-width:72ch}
main#view .doc dt{font:400 19px/1.3 var(--font-serif);letter-spacing:0;color:var(--ink);margin:22px 0 6px}
main#view .doc dl{margin:0}
main#view .chero{text-align:left;padding:22px 0 0;display:flex;flex-direction:column;align-items:flex-start;gap:18px;max-width:none}
main#view .chero .eyebrow{display:block;margin:0;font:600 12.5px/1.3 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2)}
main#view .chero > p{margin:0;max-width:56ch;font-size:17px;line-height:1.5;color:var(--muted);text-align:left}
main#view .chero .cq,main#view .chero .chips{margin:0;width:100%}
main#view .chero .cq{max-width:560px}
main#view .read.slim{margin:20px 0 0;gap:14px}
main#view .read.slim .rt{background:var(--surface);border:1px solid var(--hairline);border-top:2px solid var(--rule-top);border-radius:4px;padding:12px 18px;align-items:baseline;gap:4px 12px}
main#view .read.slim .rt .v{font:400 28px/1 var(--font-serif);letter-spacing:0}
main#view .read.slim .rt .l{font:400 14.5px/1.3 var(--font-body);color:var(--muted-2)}
main#view .read.slim .rt:hover{border-color:var(--accent);box-shadow:none}
main#view .read.slim .rt.t .v{color:var(--protected)}main#view .read.slim .rt.a .v{color:var(--ceiling)}main#view .read.slim .rt.c .v{color:var(--unprotected)}main#view .read.slim .rt.b .v{color:var(--accent)}
main#view .panel.inline{max-width:none;margin:24px 0 0;background:var(--surface);border:1px solid var(--hairline);border-top:2px solid var(--rule-top);border-radius:4px}
main#view .panel.inline .kv .v.big,main#view .panel.inline section.answers .kv .v.big{font-family:var(--font-serif);font-weight:400;letter-spacing:0}
main#view .panel.inline h2,main#view .panel.inline .ph h2{font:400 22px/1.2 var(--font-serif);letter-spacing:0}
main#view .panel h3{font:600 12.5px/1.3 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2)}
main#view .example .panel.inline{margin-top:0}
@media print{.subnavrow{display:none!important}.asofrow nav.crumbs{display:none}}
/* app-skin:end */