:root{color-scheme:light;--campo:#e9e3d7;--papel:#f7f4ec;--tinta:#1c1a18;--tinta-2:#5c574f;--fio:#8a8478;--argila:#b4522e;--verde:#315c45;--display:'Brand Serif','Fraunces',Georgia,serif;--texto:'Brand Sans','Instrument Sans',system-ui,sans-serif;--mono:'Brand Mono','Martian Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--campo);color:var(--tinta);font-family:var(--texto);font-size:16px;line-height:1.55}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;background:var(--tinta);color:var(--papel);padding:10px;z-index:10}.topo,main,footer{width:min(1180px,calc(100% - 40px));margin-inline:auto}.topo{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--fio)}.marca{display:flex;align-items:center;gap:10px;color:var(--tinta);text-decoration:none;font-family:var(--display);font-size:20px;font-weight:600}.marca-z{display:grid;place-items:center;width:30px;height:30px;background:var(--verde);color:var(--papel);font-family:var(--mono);font-size:14px}.topo nav,.topo nav a{display:flex;gap:24px;color:var(--tinta-2);font:11px var(--mono);text-transform:uppercase;letter-spacing:.06em;text-decoration:none}.abertura{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:end;padding:90px 0 70px;border-bottom:1px solid var(--fio)}.chapeu{margin:0 0 16px;color:var(--argila);font:11px var(--mono);letter-spacing:.08em;text-transform:uppercase}.abertura h1{font:600 clamp(58px,9vw,126px)/.85 var(--display);letter-spacing:-.055em;margin:0}.lede{max-width:650px;margin:28px 0 0;color:var(--tinta-2);font-size:clamp(19px,2vw,25px);line-height:1.4}.regua{align-self:center;font:10px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-2)}.regua i{display:block;height:8px;margin:12px 0;background:linear-gradient(90deg,var(--verde) 0 61%,transparent 61%);border:1px solid var(--tinta)}.regua b{color:var(--verde);font-weight:500}.calculadora{background:var(--papel);border:1px solid var(--tinta);margin:56px 0;padding:0 42px 42px;box-shadow:10px 10px 0 var(--tinta)}.passo{padding:40px 0;border-bottom:1px solid var(--fio)}.passo-cabeca{display:grid;grid-template-columns:54px 1fr;gap:18px;margin-bottom:28px}.passo-cabeca>span{font:12px var(--mono);color:var(--argila);padding-top:7px}.passo h2,.resultado h2,.explicacao h2{font:600 clamp(28px,4vw,44px)/1.05 var(--display);letter-spacing:-.025em;margin:0 0 8px}.passo p{margin:0;color:var(--tinta-2)}.campos,.linha{display:grid;gap:14px}.grade-4{grid-template-columns:repeat(4,1fr)}label{display:grid;gap:7px;font:11px var(--mono);letter-spacing:.06em;text-transform:uppercase}input,select{width:100%;min-height:46px;border:1px solid var(--fio);border-radius:0;background:#fffdf8;color:var(--tinta);padding:10px 12px;font:16px var(--texto)}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid rgba(180,82,46,.32);outline-offset:2px}label small{margin-top:-35px;margin-right:10px;text-align:right;color:var(--tinta-2);pointer-events:none}.linha{grid-template-columns:minmax(180px,1fr) 120px 140px 42px;margin-bottom:12px;align-items:end}.linha.compromisso{grid-template-columns:minmax(180px,1fr) 130px 130px 42px}.remover{height:46px;border:1px solid var(--fio);background:transparent;color:var(--tinta);font-size:20px;cursor:pointer}.adicionar{border:0;border-bottom:1px solid currentColor;background:transparent;color:var(--argila);padding:7px 0;font:11px var(--mono);letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.calcular{display:flex;justify-content:space-between;width:100%;margin-top:36px;border:0;background:var(--tinta);color:var(--papel);padding:19px 22px;font:12px var(--mono);letter-spacing:.07em;text-transform:uppercase;cursor:pointer}.calcular:hover{background:var(--argila)}.erro{background:#f2ded6;border-left:3px solid var(--argila);padding:14px 16px;margin:26px 0 0}.resultado{background:var(--verde);color:var(--papel);margin:80px 0;padding:54px}.resultado .chapeu{color:#d7a48f}.resultado-cabeca{max-width:720px}.placar{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.45);border-bottom:1px solid rgba(255,255,255,.45);margin:38px 0 22px}.placar div{padding:22px;border-right:1px solid rgba(255,255,255,.35)}.placar div:first-child{padding-left:0}.placar div:last-child{border:0}.placar span{display:block;font:10px var(--mono);text-transform:uppercase;letter-spacing:.06em;opacity:.72}.placar strong{display:block;font:600 28px var(--display);margin-top:7px}.placar .destaque strong{color:#f2c4ac}.trilho{height:12px;border:1px solid rgba(255,255,255,.6);position:relative}.trilho i{display:block;height:100%;width:0;background:#e4a07e;transition:width .5s ease}.trilho b{position:absolute;top:-6px;bottom:-6px;left:100%;width:2px;background:var(--papel)}.diagnostico{font:20px var(--display);margin:20px 0 38px}.listas-resultado{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.45)}.listas-resultado>div{padding:28px 28px 10px 0}.listas-resultado>div+div{padding-left:28px;border-left:1px solid rgba(255,255,255,.35)}.listas-resultado h3{font:11px var(--mono);text-transform:uppercase;letter-spacing:.08em}.listas-resultado ol{padding-left:22px}.listas-resultado li{padding:8px 0}.listas-resultado small{display:block;opacity:.7}.vazio,.nota{opacity:.72}.nota{font-size:13px;max-width:760px}.proximo{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:36px;padding-top:26px;border-top:1px solid rgba(255,255,255,.45)}.proximo p{margin:5px 0 0;opacity:.72}.proximo a{white-space:nowrap;background:var(--papel);color:var(--tinta);padding:13px 17px;text-decoration:none;font:11px var(--mono);text-transform:uppercase}.explicacao{background:var(--papel);padding:56px;margin-bottom:80px;border-left:6px solid var(--argila)}.explicacao>p:not(.chapeu){max-width:780px}.formula{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:28px 0}.formula span{border:1px solid var(--fio);padding:9px 12px;font:11px var(--mono);text-transform:uppercase}.formula b{color:var(--argila)}.explicacao a{color:var(--argila)}footer{display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:center;padding:32px 0 50px;border-top:1px solid var(--fio);font-size:13px;color:var(--tinta-2)}footer p{margin:0}footer nav{display:flex;gap:18px}footer nav a{color:inherit}@media(max-width:760px){.topo,main,footer{width:min(100% - 28px,1180px)}.topo nav a:first-child{display:none}.abertura{grid-template-columns:1fr;padding:64px 0 46px}.regua{max-width:360px}.calculadora{padding:0 18px 24px;box-shadow:6px 6px 0 var(--tinta)}.grade-4{grid-template-columns:1fr 1fr}.linha,.linha.compromisso{grid-template-columns:1fr 1fr 42px}.linha label:first-child{grid-column:1/-1}.resultado{margin:64px -14px;padding:38px 22px}.placar{grid-template-columns:1fr 1fr}.placar div{border-bottom:1px solid rgba(255,255,255,.35)}.listas-resultado{grid-template-columns:1fr}.listas-resultado>div+div{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.35)}.proximo{align-items:flex-start;flex-direction:column}.explicacao{padding:34px 24px}.formula{align-items:flex-start;flex-direction:column}.formula b{transform:rotate(90deg);margin-left:24px}footer{grid-template-columns:1fr}footer nav{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.trilho i{transition:none}}