:root{--paper:#fff;--bone:#F1EFF4;--wash:#F6ECFE;--ink:#0B0B0C;--ink-2:#4E4F52;--ink-3:#8A8B8F;--rule:#E4E2E7;--rule-2:#C8C6CC;--acc:#990AE3;--acc-ink:#7A08B6;--pad:20px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,system-ui,sans-serif;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wrap{max-width:1100px;margin:0 auto;padding:0 var(--pad)}
.bar{background:var(--ink);color:#fff;position:sticky;top:0;z-index:5}
.bar .wrap{display:flex;justify-content:space-between;align-items:center;min-height:56px;gap:16px}
.mark{font-family:Archivo,sans-serif;font-weight:800;font-size:18px;letter-spacing:-.02em;text-decoration:none}
.mark s{color:var(--acc);text-decoration:none}
.toplink{font-family:Archivo,sans-serif;font-weight:600;font-size:15px;color:#fff;text-decoration:none;border-bottom:1px solid #3E3E43;padding-bottom:3px}
.toplink.on{border-color:var(--acc)}
h1,h2,h3{font-family:Archivo,sans-serif}
/* lista */
.intro{padding:34px 0 8px}
.intro h1{font-weight:800;font-size:clamp(38px,8vw,64px);letter-spacing:-.036em;line-height:1;margin:0 0 12px}
.intro p{color:var(--ink-2);margin:0;font-size:17px}
.tools{position:sticky;top:56px;z-index:4;background:var(--paper);padding:16px 0 10px;border-bottom:1px solid var(--rule)}
.search input{width:100%;font:inherit;font-size:17px;padding:13px 16px;border:1px solid var(--rule-2);border-radius:12px;background:#fff;color:var(--ink);outline:none;-webkit-appearance:none}
.search input:focus{border-color:var(--acc);box-shadow:0 0 0 3px var(--wash)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.chip{font:600 14px Inter,sans-serif;padding:7px 13px;border-radius:999px;border:1px solid var(--rule-2);background:#fff;color:var(--ink-2);cursor:pointer}
.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}
.count{color:var(--ink-3);font-size:14px;margin:16px 0 10px}
.grid{display:grid;grid-template-columns:1fr;gap:22px;padding-bottom:60px}
@media(min-width:620px){.grid{grid-template-columns:1fr 1fr}}
@media(min-width:980px){.grid{grid-template-columns:repeat(3,1fr)}}
.card{text-decoration:none;color:inherit;display:block}
.card .ph{aspect-ratio:4/3;overflow:hidden;border-radius:14px;background:var(--wash)}
.card .ph img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.card:hover .ph img{transform:scale(1.03)}
.card .cb{padding:12px 2px 0}
.card h2{font-weight:700;font-size:21px;line-height:1.18;letter-spacing:-.02em;margin:0 0 6px;text-transform:none;color:var(--ink)}
.meta{margin:0;color:var(--ink-2);font-size:15px}
.meta i{color:var(--rule-2);font-style:normal;padding:0 4px}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0}
.tags span{font-size:12.5px;font-weight:600;color:var(--acc-ink);background:var(--wash);padding:3px 9px;border-radius:999px}
.empty{color:var(--ink-2);padding:30px 0 80px}
/* receita */
.hero{margin:0;background:var(--wash)}
.hero img{width:100%;height:min(62vh,560px);object-fit:cover}
.rh{padding:26px 0 8px}
.rh .tags{margin:0 0 14px}
.rh h1{font-weight:800;font-size:clamp(32px,7vw,54px);letter-spacing:-.034em;line-height:1.04;margin:0 0 14px}
.lede{color:var(--ink-2);font-size:18px;margin:0 0 22px}
.sum{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:14px;overflow:hidden;margin:0 0 18px}
@media(min-width:760px){.sum{grid-template-columns:repeat(4,1fr)}}
.sum div{background:#fff;padding:14px 16px}
.sum dt{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.sum dd{margin:4px 0 0;font-family:Archivo,sans-serif;font-weight:700;font-size:18px;letter-spacing:-.01em}
.print{font:600 15px Inter,sans-serif;padding:10px 16px;border-radius:10px;border:1px solid var(--rule-2);background:#fff;cursor:pointer;color:var(--ink)}
section{padding:26px 0 6px;border-top:1px solid var(--rule);margin-top:22px}
section h2{font-weight:700;font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);margin:0 0 16px}
.sh{display:flex;justify-content:space-between;align-items:baseline}
.clear{font:600 14px Inter,sans-serif;background:none;border:0;color:var(--acc-ink);cursor:pointer;padding:4px 0}
.ing ul{list-style:none;margin:0;padding:0}
.ing li{border-bottom:1px solid var(--rule)}
.ing label{display:flex;gap:14px;align-items:flex-start;padding:13px 0;cursor:pointer;font-size:19px;line-height:1.4}
.ing input{position:absolute;opacity:0;pointer-events:none}
.box{flex:none;width:26px;height:26px;border:2px solid var(--rule-2);border-radius:8px;margin-top:1px;display:grid;place-content:center;transition:background .15s,border-color .15s}
.ing input:checked+.box{background:var(--acc);border-color:var(--acc)}
.ing input:checked+.box::after{content:"";width:6px;height:12px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px)}
.ing input:checked~.txt{color:var(--ink-3);text-decoration:line-through;text-decoration-color:var(--rule-2)}
.ing input:focus-visible+.box{box-shadow:0 0 0 3px var(--wash)}
.steps ol{list-style:none;margin:0;padding:0;counter-reset:s}
.steps li{display:flex;gap:16px;padding:0 0 26px;scroll-margin-top:70px}
.sn{flex:none;width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;font:800 18px Archivo,sans-serif;display:grid;place-content:center}
.st{min-width:0}
.st h3{font-weight:700;font-size:21px;letter-spacing:-.015em;margin:6px 0 6px;line-height:1.2}
.st p{margin:0;font-size:21px;line-height:1.5}
.timer{margin-top:12px;font:600 16px Inter,sans-serif;padding:11px 16px;border-radius:12px;border:1.5px solid var(--acc);background:var(--wash);color:var(--acc-ink);cursor:pointer;font-variant-numeric:tabular-nums}
.timer.run{background:var(--acc);color:#fff}
.timer.done{background:#0B0B0C;border-color:#0B0B0C;color:#fff;animation:pulse 1s infinite}
@keyframes pulse{50%{opacity:.55}}
.why ul{margin:0;padding:0 0 0 20px}
.why li{margin:0 0 10px;font-size:18px}
.tip p{margin:0;font-size:18px;background:var(--wash);border-radius:14px;padding:16px 18px}
.source{color:var(--ink-3);font-size:14px;padding:18px 0 70px;margin:0}
@media print{
  @page{margin:16mm}
  body{font-size:11pt;color:#000}
  .bar,.print,.clear,.timer,.tools{display:none!important}
  .hero img{height:55mm;border-radius:0}
  .wrap{padding:0;max-width:none}
  .rh h1{font-size:24pt}
  .sum{grid-template-columns:repeat(4,1fr);border-color:#999}
  .sum dd{font-size:11pt}
  .ing label,.st p,.st h3,.why li,.tip p{font-size:11pt}
  .box{width:12px;height:12px;border:1px solid #000;border-radius:2px}
  .ing input:checked+.box{background:none}
  .ing input:checked~.txt{text-decoration:none;color:#000}
  .sn{width:22px;height:22px;font-size:10pt;background:none;color:#000;border:1px solid #000}
  .steps li{break-inside:avoid;padding-bottom:10px}
  section{break-inside:avoid-page;padding-top:10px;margin-top:10px}
  .tip p{background:none;padding:0}
  .source{padding:8px 0 0}
}