.brotato{--green:#245442;--ink:#203a31;--pale:#edf1dd;--cream:#f7f3e6;--gold:#e8bb55;--line:#cbd3bb;background:var(--cream)}.brotato .bt-hero{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;padding:48px 0}.bt-hero h1{font-size:clamp(2.5rem,5vw,4.8rem);line-height:1.05;max-width:12ch;margin:16px 0}.bt-hero .lead{font-size:22px;max-width:36ch}.bt-hero figure{box-shadow:7px 7px 0 #cbd3bb}.bt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.task-card{display:block;border:1px solid var(--line);border-top:5px solid var(--green);padding:24px;background:#fffdf6;border-radius:9px;color:var(--ink);text-decoration:none}.task-card h3{font-size:22px;margin:0 0 12px}.task-card p{font-size:15px}.task-card span{font-weight:800;color:var(--green)}.brotato .toc{max-width:100%;padding:12px;background:var(--pale);border:1px solid var(--line);border-radius:9px;display:flex;flex-wrap:wrap;gap:8px}.brotato .prose>.related{max-width:100%}.brotato .related h2{width:100%}.brotato .desktop-nav{gap:20px}.brotato .byline{font-size:14px;color:#536657}.brotato .article-head{padding-top:36px}@media(max-width:900px){.brotato .bt-hero{grid-template-columns:1fr;gap:12px;padding-top:28px}.bt-hero h1{max-width:15ch}}@media(max-width:600px){.bt-grid{grid-template-columns:1fr}.task-card{padding:20px}.bt-hero .lead{font-size:19px}}
.brotato .brand{min-width:0}.brotato .brand small{max-width:170px;white-space:normal;font-size:9px;letter-spacing:.05em;line-height:1.4}.brotato .mobile-nav{flex-shrink:0}