:root{--ink:#17363a;--accent:#dc765a;--cream:#f6f1e9;--pale:#dceae4;--line:#b9cbc5;--font:'Roboto',system-ui,sans-serif;--head:'Freeman',Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:400 16px/1.75 var(--font)}body.griddle-guide{--accent:#b86b31;--pale:#f7dfa8}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.wrap{max-width:1060px;width:calc(100% - 42px);margin:auto}.header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0}.brand{font:400 27px var(--head);letter-spacing:.12em;text-decoration:none}.brand span{color:var(--accent)}.header nav{display:flex;gap:24px;align-items:center;font-size:13px;font-weight:700}.header nav a{text-decoration:none}.header nav a:hover,.footer a:hover{text-decoration:underline;text-underline-offset:5px}.play-link{background:var(--ink);color:white;padding:9px 17px;border-radius:99px}.hero{background:var(--pale);border-radius:30px;padding:65px clamp(24px,5vw,75px);position:relative;overflow:hidden}.hero:after{content:"✳";position:absolute;font-size:300px;line-height:1;right:-80px;bottom:-130px;opacity:.075;pointer-events:none}.crumbs{font-size:12px;font-weight:700;letter-spacing:.02em}.crumbs a{text-decoration:none}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;margin:30px 0 10px;color:#b56146}.hero h1{font:400 clamp(43px,6vw,73px)/1.04 var(--head);letter-spacing:.012em;max-width:770px;margin:0 0 20px}.hero p:last-of-type{max-width:680px;font-size:18px;line-height:1.65;margin:0 0 26px}.button{display:inline-flex;background:var(--ink);color:white;text-decoration:none;padding:13px 23px;border-radius:99px;font-weight:800;font-size:14px}.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:76px;padding:65px 0 90px}.article h2{font:400 34px/1.16 var(--head);margin:44px 0 15px}.article h2:first-child{margin-top:0}.article p{color:#466263}.article ol,.article ul{padding-left:23px}.article li{margin-bottom:13px;padding-left:6px}.article li::marker{font-weight:800;color:var(--accent)}.article strong{color:var(--ink)}.article .tip{padding:24px 26px;background:#e2eee6;border-left:4px solid #d47552;border-radius:0 14px 14px 0;margin-top:25px}.griddle-guide .article .tip{background:#fff3d8}.article .tip p{margin:7px 0}.article .tip strong{font-size:13px;letter-spacing:.1em}.article details{border-top:1px solid var(--line);padding:14px 0}.article details:last-of-type{border-bottom:1px solid var(--line)}.article summary{cursor:pointer;font-weight:800}.article details p{margin-bottom:5px}.side-card{position:sticky;top:25px;background:#e6e7de;border-radius:20px;padding:25px;height:max-content}.side-card h3{font:400 25px var(--head);margin:0 0 10px}.side-card p{font-size:13px;color:#4d6565}.side-card a{font-size:13px;font-weight:800;display:block;margin:12px 0}.footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding:27px 0 40px;font-size:12px;color:#587170}.footer nav{display:flex;gap:18px;flex-wrap:wrap}.footer a{text-decoration:none;font-weight:700}@media(max-width:750px){.header nav{gap:11px;font-size:11px}.header nav a[href="https://games.fabri.cc/"]{display:none}.hero{padding:42px 23px}.hero p:last-of-type{font-size:16px}.main-grid{display:flex;flex-direction:column;gap:30px;padding:44px 0}.side-card{position:static}.article h2{font-size:30px}}
