@font-face{font-family:"IBM Plex Sans";font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-700-normal.woff2) format("woff2")}
:root{--bg:#F7F5EF;--surf:#fff;--t:#1B1F1D;--mut:#505651;--ac:#0B6B3A;--ach:#08532C;--line:#D8D6CB;--row:#E8E6DC;--serif:"IBM Plex Sans",system-ui,sans-serif;--sans:"IBM Plex Sans",system-ui,sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--t);font:400 17px/1.6 var(--sans);font-variant-numeric:tabular-nums}
.wrap{max-width:44rem;margin:0 auto;padding:0 16px}.wide{max-width:64rem}
header{border-bottom:2px solid var(--ac)}header .wrap{padding:12px 16px;max-width:64rem}
.brand{font:600 20px/1.2 var(--serif);color:var(--t);text-decoration:none}
nav{display:flex;flex-wrap:wrap;gap:0 12px;margin-top:4px}nav a{color:var(--t);font-weight:600;font-size:16px;text-decoration:none;padding:10px 0}nav a:hover{color:var(--ac);text-decoration:underline}
main{padding:24px 16px 48px}
h1{font:600 30px/1.15 var(--serif);margin:8px 0 16px}h2{font:600 22px/1.25 var(--serif);margin:40px 0 12px}h3{font:600 18px/1.3 var(--sans);margin:24px 0 4px}
p,ul,ol{margin:0 0 16px}a{color:var(--ac)}a:hover{color:var(--ach)}
.lead{font-size:18px}
.note{border-left:3px solid var(--ac);background:var(--surf);padding:12px 16px;font-size:16px;margin:0 0 16px}
.flux{border-left:3px solid #7A4B00;background:#FBF0D6;color:#7A4B00;padding:12px 16px;font-size:16px;margin:0 0 16px}
.src{display:block;color:var(--mut);font-size:14px;margin:-8px 0 16px}
.tag{display:inline-block;font-size:14px;padding:2px 8px;border-radius:3px;background:#E3EEE7;color:var(--ac)}.tag.pend{background:#ECEAE2;color:var(--mut)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;background:var(--ac);color:#fff;padding:10px 24px;border:0;border-radius:4px;font:600 17px var(--sans);cursor:pointer;text-decoration:none;width:100%}.btn:hover{background:var(--ach);color:#fff}
a:focus-visible,.btn:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--t);outline-offset:2px}
label{display:block;font-weight:600;margin:0 0 4px}.hint{color:var(--mut);font-size:14px;margin:4px 0 0;font-weight:400}
input[type=text],input[type=number],select{width:100%;min-height:48px;font:400 17px var(--sans);border:1px solid #8C877D;border-radius:4px;padding:8px 12px;background:#fff;color:var(--t)}
.field{margin:0 0 16px}.opt{display:flex;gap:12px;align-items:flex-start}.opt input{width:24px;height:24px;margin:3px 0 0;flex:0 0 24px}.opt label{font-weight:400;margin:0}
.calc{display:grid;gap:24px}
.result{border-top:2px solid var(--t);padding-top:16px}
.total{font:600 36px/1.1 var(--serif);margin:4px 0 4px}.sub{color:var(--mut);margin:0 0 16px}
table{border-collapse:collapse;width:100%;font-size:15px}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--row);vertical-align:top}thead th{border-bottom:2px solid var(--t)}td.num,th.num{text-align:right;white-space:nowrap}
.list{list-style:none;padding:0;border-top:2px solid var(--t)}.list li{border-bottom:1px solid var(--row)}.list a{display:block;padding:14px 4px;text-decoration:none;color:var(--t)}.list strong{display:block;color:var(--ac);font-size:18px}.list span{display:block;color:var(--mut);font-size:16px}.list a:hover strong{text-decoration:underline}
footer{border-top:1px solid var(--line);padding:24px 0;color:var(--mut);font-size:15px}footer .wrap{padding:0 16px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px}
@media(max-width:639px){table.st,table.st thead,table.st tbody,table.st tr,table.st td,table.st th{display:block}table.st thead{display:none}table.st tr{padding:10px 0;border-bottom:1px solid var(--row)}table.st td{border:0;padding:2px 0;text-align:left;white-space:normal}table.st td:first-child{font-weight:600}}
@media(min-width:600px){body{font-size:18px}h1{font-size:42px}h2{font-size:28px}.lead{font-size:20px}.wrap{padding:0 24px}header .wrap{padding:12px 24px}main{padding:32px 24px 64px}.btn{width:auto}.total{font-size:48px}}
@media(min-width:960px){.calc{grid-template-columns:20rem 1fr;align-items:start}.wrap.wide{max-width:64rem}}
.old{background:#FBF0D6;color:#7A4B00}
@media(max-width:639px){table.st td[data-l]::before{content:attr(data-l) ": ";color:var(--mut);font-weight:400;font-size:15px}table.st td.num{font-size:17px}}

main{padding-top:24px}
@media(min-width:600px){main{padding-top:32px}header .wrap{display:flex;justify-content:space-between;align-items:baseline;gap:24px}header nav{margin-top:0}}
.key{border-left:4px solid var(--ac);padding:4px 0 4px 14px;margin:16px 0;font-size:18px}td.prz{font-size:14px;color:#666}

caption{caption-side:top;text-align:left;width:100%;font-weight:600;padding:0 0 8px;display:block}

.scroll{overflow-x:auto;margin:0 0 16px}

@media(min-width:900px){#t th:nth-child(1){width:38%}#t th:nth-child(2){width:15%}#t th:nth-child(3){width:30%}#t th:nth-child(4){width:17%}#t td.num{padding-right:24px}}

.indic{font-size:14px;color:#555;margin:20px 0 6px}.disc{font-size:14px;line-height:1.5}

/* ===== design v2 shared layer (executor-2, 2026-11-06) ===== */
.wrap{max-width:72rem;padding:0 16px}@media(min-width:600px){.wrap{padding:0 32px}}
header{border-bottom:1px solid var(--line);background:var(--bg)}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;min-height:64px;flex-wrap:nowrap;padding-top:8px;padding-bottom:8px}
.brand{display:block;line-height:0;flex:none}.brand svg{height:24px;width:auto;display:block}@media(min-width:600px){.brand svg{height:30px}}
header nav{display:flex;flex-wrap:nowrap;gap:20px;margin:0;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}header nav::-webkit-scrollbar{display:none}
header nav a{padding:10px 0;font-size:16px;text-decoration:none}header nav a:hover{text-decoration:none;color:var(--ac)}header nav a[aria-current]{box-shadow:inset 0 -2px var(--ac)}
@media(max-width:599px){header .wrap{gap:12px}header nav{gap:14px;font-size:15px}header nav a{font-size:15px}}
main.wrap{max-width:72rem;padding-top:24px}
main.wrap>p,main.wrap>ul,main.wrap>ol,main.wrap>h2,main.wrap>h3,main.wrap>.lead,main.wrap>.note,main.wrap>.warn,main.wrap>.flux,main.wrap>.field,main.wrap>.jump,main.wrap>details,main.wrap>.src,main.wrap>small,main.wrap>.indic,main.wrap>form{max-width:44rem}
.kicker{font:600 14px/1.4 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ac);margin:24px 0 8px}
main.wrap>h1{max-width:20ch;line-height:1.12;letter-spacing:-.01em}@media(min-width:960px){main.wrap>h1{font-size:44px}}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));margin:24px 0 28px;border-top:2px solid var(--t);max-width:56rem}
.fact{padding:12px 16px 12px 0}.fact+.fact{padding-left:16px;border-left:1px solid var(--line)}
.fact b{display:block;font:600 32px/1.1 var(--serif);font-variant-numeric:tabular-nums}@media(min-width:600px){.fact b{font-size:36px}}.fact b.ac{color:var(--ac)}
.fact span{display:block;font-size:15px;color:var(--mut);line-height:1.4;margin-top:4px}
footer{margin-top:48px;border-top:1px solid var(--line);padding-top:24px}footer .wrap{max-width:72rem}footer .disc{max-width:60rem}
.crumb{font-size:14px;color:var(--mut)}

main.wrap{padding-left:16px;padding-right:16px}@media(min-width:600px){main.wrap{padding-left:32px;padding-right:32px}}main.wrap>.hero h1{max-width:20ch}
main.wrap.wide{max-width:72rem}
@media(max-width:599px){.facts{grid-template-columns:1fr 1fr}.fact:nth-child(3){grid-column:1/-1;border-left:0;padding-left:0;border-top:1px solid var(--line)}}

.panel.chart{padding:20px 20px 12px}.panel.chart .psub{font-size:15px;color:var(--mut);margin:0 0 12px}
.strip{list-style:none;margin:0;padding:0;font-variant-numeric:tabular-nums}
.strip a{display:grid;grid-template-columns:9.5rem 1fr 9.5rem;align-items:center;gap:12px;min-height:34px;color:var(--t);text-decoration:none;font-size:15px;border-bottom:1px solid var(--row)}
.strip a:hover .sn{text-decoration:underline;color:var(--ac)}
.sn{text-align:right}.sv{text-align:right;color:var(--mut)}
.trk{position:relative;height:12px}.sg{position:absolute;top:-6px;bottom:-6px;width:1px;background:var(--row)}
.sr{position:absolute;top:2px;height:8px;border-radius:4px;background:var(--t);opacity:.25}
.sd{position:absolute;top:0;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--t)}
.hl .sd,.hl .sr{background:var(--ac)}.hl .sn,.hl .sv{color:var(--ac);font-weight:600}
.sx{display:grid;grid-template-columns:9.5rem 1fr 9.5rem;gap:12px;height:24px;font-size:13px;color:var(--mut)}.sxi{grid-column:2;position:relative}.sxi span{position:absolute;top:4px;transform:translateX(-50%);white-space:nowrap}
@media(max-width:600px){.strip a{grid-template-columns:1fr auto;grid-template-areas:"n v" "t t";row-gap:4px;padding:8px 0}.sn{grid-area:n;text-align:left;font-weight:600}.sv{grid-area:v}.trk{grid-area:t}.sx{display:block;position:relative;height:24px}.sxi{display:block;position:relative}}

.panel{background:var(--surf);border:1px solid var(--line);border-radius:6px}figure.chart{margin:24px 0;max-width:60rem}.panel.chart h2{font:600 20px/1.3 var(--serif);margin:0 0 4px}.sx+.src{margin-top:14px;font-size:14px;color:var(--mut)}

.fcols{display:grid;gap:20px 32px;margin:20px 0;grid-template-columns:1fr 1fr}.fbrand svg{height:26px;width:auto;display:block}.fcols h2{font:600 14px/1.4 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--mut);margin:0 0 8px}.fcols ul{list-style:none;margin:0;padding:0}.fcols li{margin:0 0 6px}.fcols a{color:var(--t);font-size:15px}
.fbrand{grid-column:1/-1}@media(min-width:760px){.fcols{grid-template-columns:2fr 1fr 1fr 1fr}.fbrand{grid-column:auto}}
header .wrap,footer .wrap,main.wrap,main.wrap.wide{max-width:72rem;padding-left:16px;padding-right:16px}@media(min-width:600px){header .wrap,footer .wrap,main.wrap,main.wrap.wide{padding-left:32px;padding-right:32px}}

.split{display:block}.toc{margin:24px 0;padding:14px 16px;border:1px solid var(--line);border-radius:6px;background:var(--surf);font-size:15px}.toc b{display:block;font:600 14px/1.4 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--mut);margin-bottom:6px}.toc ol{margin:0;padding-left:18px}.toc li{margin:0 0 4px}
@media(min-width:960px){.split{display:grid;grid-template-columns:minmax(0,44rem) 18rem;gap:56px;align-items:start}.toc{position:sticky;top:16px;order:2}.col{order:1}.col>*{max-width:44rem}}
@media(max-width:959px){.toc{order:-1}.split{display:flex;flex-direction:column}}
@media(max-width:959px){.toc{display:none}}

@media(min-width:1040px){main.home{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:48px;align-items:start}main.home>*{grid-column:1/-1;max-width:none}
main.home>.kicker{grid-column:1;grid-row:1}main.home>h1{grid-column:1;grid-row:2;max-width:18ch}main.home>.lead{grid-column:1;grid-row:3;max-width:36rem}main.home>.facts{grid-column:1;grid-row:4;max-width:none}
main.home>figure.chart{grid-column:2;grid-row:1/span 4;margin:24px 0 0;max-width:none}
main.home>p,main.home>ul,main.home>ol,main.home>h2,main.home>.note,main.home>.field,main.home>.jump{max-width:44rem}}
@media(min-width:1040px){main.home>h1{font-size:40px}main.home>.facts .fact b{font-size:28px}main.home>.facts .fact span{font-size:14px}}

.pillbox{margin:20px 0}.pillbox h3{font:600 14px/1.4 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--mut);margin:0 0 8px}.pills{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.pills a{display:inline-block;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surf);color:var(--t);text-decoration:none;font-size:15px}.pills a:hover{border-color:var(--ac);color:var(--ac)}
.fact b{white-space:nowrap}@media(max-width:599px){.fact b{font-size:26px}.fact{padding-right:10px}.fact+.fact{padding-left:12px}}
@media(max-width:599px){.facts .fact:nth-child(3){padding-left:0}}
/*PHONE-NAV designer 2026-11-09: menu on its own full-width line on phones, nothing cut off*/@media(max-width:599px){header .wrap{flex-wrap:wrap;gap:0;min-height:0;padding-top:10px;padding-bottom:0}header .brand{flex:1 0 100%}header .brand svg{height:30px;width:auto}header nav{flex:1 0 100%;justify-content:space-between;gap:8px;overflow:visible;white-space:normal;flex-wrap:wrap}header nav a{font-size:15px;padding:10px 0 9px}}
/*designer 2026-11-09: hero rows hug their content; the chart's extra height goes below the facts (was spread as gaps between h1, lead and facts)*/@media(min-width:900px){main.home{grid-template-rows:auto auto auto 1fr}main.home>.facts .fact b{font-size:clamp(20px,1.9vw,28px);white-space:nowrap}main.home>.facts .fact{min-width:0}}
/*FINDER designer 2026-11-09*/.finder{margin:16px 0 8px}.seg{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}.seg-l{font-weight:600;margin-right:4px}
.tg{font:inherit;font-size:15px;line-height:1.2;min-height:40px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surf);color:var(--t);cursor:pointer}.tg span{color:var(--mut);font-size:13px;margin-left:2px}.tg[aria-pressed=true]{background:var(--ac);border-color:var(--ac);color:#fff}.tg[aria-pressed=true] span{color:#DCEBEF}.tg:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.filt{border:1px solid var(--line);border-radius:6px;background:var(--surf);padding:0 14px}.filt summary{cursor:pointer;font-weight:600;padding:10px 0;min-height:24px}.filt[open] summary{border-bottom:1px solid var(--row);margin-bottom:10px}
.tgg{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.tgg b{flex:1 0 100%;font-size:14px;color:var(--mut);font-weight:600}.tg-clear,.linkbtn{font:inherit;background:none;border:0;color:var(--ac);text-decoration:underline;cursor:pointer;padding:4px 0 14px}
.fcount{font-weight:600;margin:12px 0 0}.mlist{list-style:none;margin:8px 0 16px;padding:0;border-top:2px solid var(--t);max-width:52rem}.mlist li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--row)}.mlist li[hidden]{display:none}
.mt{display:flex;flex-direction:column;gap:2px;min-width:0}.mt strong{font-weight:600;line-height:1.3}.mt span{font-size:14px;color:var(--mut);line-height:1.4}.mp{text-align:right;white-space:nowrap}.mp b{display:block;font-variant-numeric:tabular-nums;font-size:18px}.mp small{color:var(--mut);font-size:13px}.more[hidden]{display:none}
@media(min-width:700px){.filt{border:0;background:none;padding:0}.filt summary{display:none}.tgg{flex-wrap:wrap}.tgg b{flex:0 0 9rem;padding-top:10px}}
.mp small{display:block;margin:0;line-height:1.2}@media(min-width:700px){.tgg{position:relative;padding-left:9rem}.tgg b{position:absolute;left:0;top:0}}
/*FOLDS designer 2026-11-09*/.sfold{border-bottom:1px solid var(--line);max-width:52rem}.sfold:first-of-type{border-top:2px solid var(--t)}.sfold summary{cursor:pointer;list-style:none;display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 16px;padding:14px 28px 14px 0;position:relative}.sfold summary::-webkit-details-marker{display:none}.sfold summary::after{content:"+";position:absolute;right:4px;top:12px;font-size:22px;color:var(--ac)}.sfold[open] summary::after{content:"–"}
.sf-n{font-weight:600}.sf-m{color:var(--mut);font-size:15px}.sf-m b{color:var(--t);font-variant-numeric:tabular-nums}.sfold .mlist{border-top:1px solid var(--row);margin:0 0 12px}
#t tr[hidden]{display:none!important}
/*designer 2026-11-09: long inner-page titles in 2–3 lines on desktop, not 5*/main.wrap:not(.home)>h1{max-width:30ch}
.ad-slot{margin:24px 0;padding:8px 0 12px;border-top:1px solid var(--line,#dad5ca);border-bottom:1px solid var(--line,#dad5ca);min-height:280px;max-width:44rem}@media(min-width:960px){.ad-slot{min-height:250px}}.ad-label{font-weight:600;font-size:12px;line-height:1;letter-spacing:.06em;text-transform:uppercase;color:var(--mut,#55504a);margin:0 0 8px}.ad-slot[hidden]{display:none}
/* designer 2026-11-09: home facts — two money figures side by side, the count under them, at every width (3 columns made R$ 3.369,00 collide with 21 at 1280 px) */
.hero .facts,.facts{grid-template-columns:1fr 1fr}.facts .fact:nth-child(3):last-child{grid-column:1/-1;border-left:0;padding-left:0;border-top:1px solid var(--row,#ddd)}
/* designer 2026-11-09: caption above the header row on desktop; full width on stacked phone tables */
caption{display:table-caption;caption-side:top}@media(max-width:639px){table.st caption{display:block;width:auto}}
/* designer 2026-11-09: numbered steps as a stepper (GOV.UK step-by-step pattern, same as Título en España) */
ol.steps{list-style:none;counter-reset:st;padding:0;margin:20px 0;max-width:44rem}
ol.steps>li{counter-increment:st;position:relative;padding:0 0 22px 52px;margin:0}
ol.steps>li::before{content:counter(st);position:absolute;left:0;top:-2px;width:36px;height:36px;border-radius:50%;background:#E3EFE9;color:var(--ac);font:600 17px/36px var(--serif);text-align:center}
ol.steps>li:not(:last-child)::after{content:"";position:absolute;left:17px;top:38px;bottom:2px;width:2px;background:var(--row,#ddd)}
ol.steps>li>strong:first-child{display:block;font:600 18px/1.3 var(--serif);margin-bottom:4px}
.kicker a{color:inherit;text-decoration:none}.kicker a:hover{text-decoration:underline}
/*designer 2026-11-09c: off-scale value marker for strip charts*/.sd.off{border-radius:0;margin-left:-12px;clip-path:polygon(0 0,100% 50%,0 100%)}
/*designer 2026-11-09c: end tick labels stay inside the panel on phones*/@media(max-width:600px){.sxi span.end{transform:translateX(-100%)}.sxi span:first-child{transform:none}}

/*designer 2026-11-09d: own identity — IBM Plex Sans (document/official feel) + Brazil green, instead of the shared Source Serif + homologa green*/h1,h2,h3{font-weight:700;letter-spacing:-.015em}body{font-size:16.5px}
@media(min-width:700px){.strip a,.sx{grid-template-columns:7rem 1fr 11rem}}
/*designer 2026-11-09e*/.tg-more{font:600 16px var(--sans);background:var(--surf);border:1px solid var(--t);border-radius:4px;color:var(--t);padding:10px 16px;cursor:pointer;margin-top:8px}.tg-more:hover{border-color:var(--ac);color:var(--ac)}
.fee-n{display:block;font:400 14px/1.4 var(--sans);color:var(--mut);margin-top:2px}
.miss{padding-left:20px}.miss li{margin:0 0 8px;line-height:1.5}

/*designer 2026-11-09g: fee strip on university pages*/.strip{margin:8px 0 12px;max-width:36rem}.strip figcaption{font-size:14px;color:var(--mut);margin-bottom:28px}.strip .sl{position:relative;height:20px;border-bottom:1px solid var(--line);margin:0 8px}.strip .sl i{position:absolute;bottom:-5px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:#b9b6aa;opacity:.8}.strip .sl i.me{background:var(--ac);opacity:1;width:14px;height:14px;margin-left:-7px;bottom:-7px;z-index:2;box-shadow:0 0 0 2px var(--bg,#f6f4ee)}.strip .sl b{position:absolute;bottom:14px;transform:translateX(-50%);font-size:14px;color:var(--ac);white-space:nowrap}.strip .se{display:flex;justify-content:space-between;font-size:14px;font-variant-numeric:tabular-nums;margin-top:10px}.strip .se span:last-child{text-align:right}.strip .se small{display:block;color:var(--mut);font-size:12px}
/*designer 2026-11-09h: home fee strip on phones — one line per university (labels are short acronyms), so 30 rows take ~1.000 px instead of ~1.700 px*/@media(max-width:600px){ol.strip a{grid-template-columns:4.75rem 1fr 6.5rem;grid-template-areas:"n t v";column-gap:10px;row-gap:0;padding:5px 0;min-height:36px}ol.strip .sv{text-align:right;font-size:14px;line-height:1.25}ol.strip+.sx{display:grid;grid-template-columns:4.75rem 1fr 6.5rem;column-gap:10px}ol.strip+.sx .sxi{grid-column:2}ol.strip+.sx .sxi span:not(:first-child):not(:last-child){display:none}}
@media(max-width:600px){.strip a{grid-template-columns:fit-content(60%) minmax(0,1fr)}.strip .sv{text-align:right}}/* designer 2026-11-09h: name keeps its width, the value wraps (was: long values squeezed "UPL (ex-IPL)" onto 3 lines) */

/* designer 2026-11-10: hero call to action (the hero ended in empty space on desktop) */
.hcta{margin:24px 0 8px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}.hcta2{font-weight:600}
@media(min-width:1040px){main.home{grid-template-rows:auto auto auto auto auto 1fr}main.home>.hcta{grid-column:1;grid-row:5;align-self:start}main.home>figure.chart{grid-row:1/span 6}}

/* designer 2026-11-10: /prazos/ as a day bar instead of four label cards */
.dl{max-width:44rem;padding:20px 22px;border:1px solid var(--line,#ddd);border-radius:6px;background:#fff;margin:24px 0}.dl h2{margin-top:0;font-size:22px}.dlb{list-style:none;margin:16px 0 4px;padding:0}
.dlb li{display:grid;grid-template-columns:10rem 1fr 8.5rem;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--row,#e6e3da)}
.dl-n{font-weight:600}.dl-t{display:flex;height:14px;background:repeating-linear-gradient(90deg,transparent 0 calc(33.33% - 1px),var(--line,#d9d5ca) calc(33.33% - 1px) 33.33%)}
.dl-t i{display:block;height:100%;background:var(--ac)}.dl-t i.ext{background:color-mix(in srgb,var(--ac) 30%,#fff)}
.dl-v{text-align:right}.dl-v b{display:block;font-size:17px}.dl-v small{display:block;font-size:13px;color:var(--mut)}
.dlx{display:grid;grid-template-columns:11rem 1fr 9.5rem;gap:12px;font-size:13px;color:var(--mut)}.dlx span:first-child{grid-column:2;grid-row:1;justify-self:start}.dlx span{grid-column:2;grid-row:1}
.dlx span:nth-child(2){justify-self:start;margin-left:calc(33.33% - 8px)}.dlx span:nth-child(3){justify-self:start;margin-left:calc(66.67% - 12px)}.dlx span:nth-child(4){justify-self:end;transform:translateX(100%);white-space:nowrap;padding-left:4px}
@media(max-width:600px){.dlb li{grid-template-columns:1fr auto;grid-template-areas:"n v" "t t";row-gap:6px}.dl-n{grid-area:n}.dl-v{grid-area:v}.dl-t{grid-area:t}.dlx{grid-template-columns:1fr}.dlx span{grid-column:1}.dlx span:nth-child(4){transform:none}}
.dl .src{margin:12px 0 0;font-size:14px;color:var(--mut)}