/* kubesprout.com — the game's own palette: cream paper, sage fields, moss buttons, barn red accents. */
@font-face{font-family:Lilita;src:url('/assets/fonts/LilitaOne-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:Nunito;src:url('/assets/fonts/NunitoSans.ttf') format('truetype');font-weight:200 1000;font-display:swap}
:root{
 --cream:#faf5df;--paper:#fff9e9;--sand:#efe6c6;--line:#e3d9b6;
 --field:#cbd6b9;--sage:#aebe98;--moss:#526f3f;--moss-deep:#3f5a31;--moss-ink:#2f4525;
 --ink:#2b3627;--ink-soft:#35432f;--muted:#627156;
 --barn:#a63d2f;--wheat:#e0a63a;--pumpkin:#e0742a;--sky:#dfe8cf;
 --shadow:0 18px 40px -22px rgba(43,54,39,.45),0 2px 6px rgba(43,54,39,.08);
 --radius:22px;--nav:72px;
 --display:Lilita,'Trebuchet MS',sans-serif;--body:Nunito,'Segoe UI',system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav) + 12px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
body{margin:0;background:var(--cream);color:var(--ink);font:500 18px/1.6 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--moss);text-decoration-thickness:2px;text-underline-offset:3px}
a:hover{color:var(--moss-deep)}
h1,h2,h3,h4{font-family:var(--display);font-weight:400;line-height:1.08;margin:0 0 .5em;color:var(--ink);letter-spacing:.005em}
h1{font-size:clamp(40px,6.4vw,76px)}
h2{font-size:clamp(32px,4.4vw,52px)}
h3{font-size:clamp(22px,2.4vw,28px)}
p{margin:0 0 1em}
.eyebrow{display:inline-block;font:800 13px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--moss);margin-bottom:14px}
.lede{font-size:clamp(18px,1.6vw,22px);color:var(--ink-soft);max-width:60ch}
.muted{color:var(--muted)}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:16px;top:-60px;background:var(--ink);color:var(--cream);padding:10px 14px;border-radius:10px;z-index:100}
.skip:focus{top:12px}
:focus-visible{outline:3px solid #958041;outline-offset:3px;border-radius:6px}
.trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* Buttons — chunky, with a game-like bottom edge. */
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:12px 24px;background:var(--moss);color:var(--paper);font:800 17px/1 var(--body);border:0;border-bottom:4px solid var(--moss-deep);border-radius:14px;text-decoration:none;cursor:pointer;transition:transform .12s ease,background .12s ease;white-space:nowrap}
.button:hover{background:var(--moss-deep);color:var(--paper);transform:translateY(-1px)}
.button:active{transform:translateY(2px);border-bottom-width:2px}
.button:disabled{opacity:.65;cursor:wait;transform:none}
.button.small{min-height:42px;padding:8px 18px;font-size:15px;border-radius:12px}
.button.secondary{background:transparent;color:var(--moss);border:2px solid var(--sage);border-bottom-width:4px}
.button.secondary:hover{background:rgba(82,111,63,.08);color:var(--moss-deep)}
.button.light{background:var(--paper);color:var(--moss-deep);border-bottom-color:var(--sand)}
.button.light:hover{background:#fff}
.section.ink .button.light{color:var(--moss-deep)}

/* Navigation */
.nav{position:fixed;inset:0 0 auto 0;z-index:50;height:var(--nav);transition:background .25s ease,box-shadow .25s ease}
.nav.solid,.nav.open{background:rgba(250,245,223,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(43,54,39,.08)}
.nav-inner{max-width:1180px;margin:0 auto;height:100%;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;text-decoration:none}
.brand img{height:62px;width:auto;filter:drop-shadow(0 3px 6px rgba(0,0,0,.25))}
.nav-inner{--nav:72px}
.nav:not(.solid):not(.open) .brand,.nav:not(.solid):not(.open) .nav-links a:not(.button){color:var(--paper);text-shadow:0 1px 2px rgba(0,0,0,.25)}
.nav.over-light:not(.solid):not(.open) .brand,.nav.over-light:not(.solid):not(.open) .nav-links a:not(.button){color:var(--ink);text-shadow:none}
.nav-links{display:flex;align-items:center;gap:26px}
.nav-links a:not(.button){font-weight:800;font-size:16px;text-decoration:none;color:var(--ink)}
.nav-links a:not(.button):hover{color:var(--moss)}
.nav-links .nav-play{opacity:.85}
.nav-toggle{display:none;background:none;border:0;padding:10px;cursor:pointer;width:46px;height:46px;flex-direction:column;justify-content:center;gap:5px}
.nav-toggle span:not(.visually-hidden){display:block;width:24px;height:3px;border-radius:2px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
.nav:not(.solid):not(.open) .nav-toggle{color:var(--paper)}
.nav.solid .nav-toggle,.nav.open .nav-toggle,.nav.over-light .nav-toggle{color:var(--ink)}
@media (max-width:820px){
 .brand img{height:50px}
 .nav-toggle{display:flex}
 .nav-links{position:absolute;top:var(--nav);left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:8px 20px 20px;background:rgba(250,245,223,.97);box-shadow:0 20px 30px -20px rgba(43,54,39,.4);display:none}
 .nav.open .nav-links{display:flex}
 .nav-links a:not(.button){padding:14px 4px;border-bottom:1px solid var(--line);color:var(--ink)!important;text-shadow:none!important}
 .nav-links .button{margin-top:14px}
 .nav.open .nav-toggle span:nth-child(1){transform:translateY(8px) rotate(45deg)}
 .nav.open .nav-toggle span:nth-child(2){opacity:0}
 .nav.open .nav-toggle span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
}

/* Sections */
.section{padding:clamp(64px,9vw,120px) 20px}
.section.tight{padding-top:clamp(40px,6vw,72px);padding-bottom:clamp(40px,6vw,72px)}
.wrap{max-width:1180px;margin:0 auto}
.narrow{max-width:760px;margin:0 auto;padding-top:calc(var(--nav) + 40px)}
.center{text-align:center}
.center .lede{margin-inline:auto}
.section.paper{background:var(--paper)}
.section.sand{background:linear-gradient(180deg,var(--cream),var(--sand))}
.section.ink{background:var(--ink);color:var(--cream)}
.section.ink h2,.section.ink h3{color:var(--paper)}
.section.ink .eyebrow{color:var(--wheat)}
.section.ink a{color:#d7e0c4}
.section.ink .lede{color:#dfe4d2}

/* Hero */
.hero{position:relative;min-height:min(100svh,900px);display:grid;align-items:center;padding:calc(var(--nav) + 24px) 20px 64px;background:var(--ink) center/cover no-repeat;overflow:hidden;isolation:isolate}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none}
@media (prefers-reduced-motion:reduce){.hero-video{display:none}}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(43,54,39,.5) 0%,rgba(43,54,39,.22) 40%,rgba(43,54,39,.5) 78%,rgba(43,54,39,.8) 100%);z-index:-1}
.hero-inner{max-width:1180px;margin:0 auto;width:100%;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:32px;align-items:end}
.hero h1{color:var(--paper);text-shadow:0 3px 0 rgba(43,54,39,.35),0 12px 30px rgba(0,0,0,.35);max-width:16ch}
.hero .lede{color:#f3eedb;text-shadow:0 1px 3px rgba(0,0,0,.35);font-weight:600}
.hero .eyebrow{color:var(--paper);background:rgba(43,54,39,.72);padding:8px 12px;border-radius:999px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.hero-form{max-width:560px}
.hero-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px;color:#e6e6d1;font-size:15px;font-weight:700}
.hero-meta span::before{content:"✓";color:var(--wheat);margin-right:6px}
.hero-figure{position:relative;justify-self:end;align-self:end;width:min(100%,420px);margin:0 0 -64px;pointer-events:none}
.hero-figure img{width:100%;filter:drop-shadow(0 24px 24px rgba(0,0,0,.4));animation:bob 5s ease-in-out infinite}
.hero-figure .sticker{position:absolute;width:26%;animation:bob 6s ease-in-out infinite reverse}
.hero-figure .sticker.a{left:-6%;bottom:8%}
.hero-figure .sticker.b{right:-4%;top:6%;animation-duration:7s}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.hero-scroll{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);color:#e6e6d1;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.8}
@media (max-width:820px){
 .hero{min-height:auto;padding-top:calc(var(--nav) + 32px)}
 .hero-inner{grid-template-columns:1fr}
 .hero-figure{justify-self:center;width:min(70%,300px);order:-1}
 .hero-scroll{display:none}
}

/* Signup form */
.signup{width:100%}
.signup-row{display:flex;gap:10px;background:var(--paper);padding:8px;border-radius:18px;box-shadow:var(--shadow);border:1px solid var(--line)}
.signup-row input{flex:1;min-width:0;min-height:52px;padding:0 16px;border:0;border-radius:12px;background:transparent;color:var(--ink);font:600 17px var(--body)}
.signup-row input::placeholder{color:#8e9a83}
.signup-note-label{display:block;margin:16px 0 6px;font-size:15px;font-weight:700}
.signup-note-label span{color:var(--muted);font-weight:600}
.signup textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--paper);font:600 16px/1.5 var(--body);color:var(--ink);resize:vertical}
.signup-status{margin:12px 2px 0;font-size:15px;font-weight:700;min-height:1.4em}
.signup-status.error{color:#ffd7cf}
.signup-status.ok{color:var(--paper)}
.section.paper .signup-status.error,.section.sand .signup-status.error,.section.cream .signup-status.error{color:var(--barn)}
.section.paper .signup-status.ok,.section.sand .signup-status.ok{color:var(--moss)}
.signup.done .signup-row,.signup.done .signup-note-label,.signup.done textarea{display:none}
.signup-done{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px 24px;box-shadow:var(--shadow);color:var(--ink)}
.signup-done h3{margin-bottom:6px}
.signup-done p{margin-bottom:12px}
.signup-done .links{display:flex;flex-wrap:wrap;gap:10px}
@media (max-width:560px){.signup-row{flex-direction:column;padding:10px}.signup-row .button{width:100%}}

/* Icon ribbon */
.ribbon{overflow:hidden;background:var(--paper);border-block:1px solid var(--line);padding:16px 0}
.ribbon-track{display:flex;gap:44px;width:max-content;animation:ribbon 60s linear infinite}
.ribbon:hover .ribbon-track{animation-play-state:paused}
.ribbon-track img{width:44px;height:44px;opacity:.95}
@keyframes ribbon{to{transform:translateX(-50%)}}

/* Pillars */
.pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:40px}
.pillar{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:28px 26px 26px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.pillar img{width:120px;height:120px;object-fit:contain;margin:-6px auto 8px}
.pillar h3{margin-bottom:8px}
.pillar p{margin:0;color:var(--ink-soft)}
@media (max-width:820px){.pillars{grid-template-columns:1fr}}

/* Feature blocks */
.feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(28px,5vw,72px);align-items:center;padding:clamp(48px,7vw,96px) 0}
.feature+.feature{border-top:1px solid var(--line)}
.feature.flip .feature-media{order:-1}
.feature h2{max-width:16ch}
.feature p{max-width:52ch;color:var(--ink-soft)}
.feature ul{margin:0 0 20px;padding-left:0;list-style:none;display:grid;gap:10px}
.feature li{display:flex;align-items:flex-start;gap:12px;font-weight:600;color:var(--ink-soft)}
.feature li img{width:36px;height:36px;flex:none;object-fit:contain}
.feature-media{position:relative}
.frame{border-radius:var(--radius);overflow:hidden;background:var(--field);box-shadow:var(--shadow);border:6px solid var(--paper);outline:1px solid var(--line)}
.frame img{width:100%;aspect-ratio:16/9;object-fit:cover}
.frame.portrait{width:min(100%,320px);margin:0 auto;border-radius:34px}
.frame.portrait img{aspect-ratio:780/1688}
.sticker{position:absolute;width:clamp(96px,14vw,168px);filter:drop-shadow(0 12px 16px rgba(43,54,39,.35));pointer-events:none}
.feature-media .sticker.tl{left:-6%;top:-10%}
.feature-media .sticker.br{right:-6%;bottom:-10%}
.feature-media .sticker.bl{left:-6%;bottom:-8%}
@media (max-width:820px){.feature{grid-template-columns:1fr}.feature.flip .feature-media{order:0}.feature-media{margin-top:8px}.feature-media .sticker{width:96px}}

/* Dark exchange section */
.exchange{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,80px);align-items:center}
.exchange ul{margin:0 0 24px;padding:0;list-style:none;display:grid;gap:12px}
.exchange li{padding-left:28px;position:relative;color:#e7ead9}
.exchange li::before{content:"";position:absolute;left:0;top:.5em;width:14px;height:14px;border-radius:4px;background:var(--wheat);transform:rotate(45deg)}
.exchange .frame{border-color:#3a4834;outline-color:#4a5a44}
.exchange-shots{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.6fr);gap:18px;align-items:end}
@media (max-width:820px){.exchange{grid-template-columns:1fr}.exchange-shots{grid-template-columns:1fr}}

/* Showcase: web, phone portrait, phone landscape */
.showcase{display:flex;justify-content:center;align-items:flex-end;gap:28px;flex-wrap:wrap;margin-top:40px}
.showcase figure{margin:0;text-align:center}
.showcase figure.web{flex:0 1 580px;min-width:0}
.showcase figure.portrait-phone{flex:0 0 172px}
.showcase figure.landscape-phone{flex:0 0 330px}
.showcase figcaption{margin-top:12px;font-size:15px;font-weight:800;color:var(--muted)}
.frame.phone{border-radius:26px;border-width:6px}
.frame.phone.wide img{aspect-ratio:1688/780}
.frame.phone.tall img{aspect-ratio:780/1688}
@media (max-width:820px){.showcase{gap:24px}.showcase figure.web{flex-basis:100%}.showcase figure.portrait-phone{flex:0 0 46%;max-width:200px}.showcase figure.landscape-phone{flex:0 0 100%;max-width:420px}}

/* Rowan */
.rowan{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:40px;align-items:center}
.rowan img{width:min(100%,360px);margin:0 auto;filter:drop-shadow(0 18px 20px rgba(43,54,39,.3))}
.speech{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:28px 30px;box-shadow:var(--shadow);position:relative;border-left:6px solid var(--wheat)}
.speech::before{content:"";position:absolute;left:-22px;top:40px;border:10px solid transparent;border-right-color:var(--wheat)}
.speech p:last-child{margin:0}
@media (max-width:820px){.rowan{grid-template-columns:1fr}.speech::before{display:none}}

/* Guide cards */
.chapters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:36px}
.chapter{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:20px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow);transition:transform .15s ease}
.chapter:hover{transform:translateY(-3px);color:var(--ink)}
.chapter img{width:96px;height:96px;object-fit:contain;margin-bottom:10px}
.chapter h3{font-size:22px;margin-bottom:4px}
.chapter p{margin:0;color:var(--muted);font-size:15px;font-weight:600}
.chapter .go{margin-top:auto;padding-top:12px;font-weight:800;color:var(--moss);font-size:15px}
@media (max-width:1000px){.chapters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.chapters{grid-template-columns:1fr}}

/* FAQ */
.faq{max-width:820px;margin:32px auto 0;display:grid;gap:12px}
.faq details{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:0 22px}
.faq summary{cursor:pointer;list-style:none;padding:18px 0;font:800 18px/1.35 var(--body);display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:400 28px/1 var(--display);color:var(--moss);flex:none}
.faq details[open] summary::after{content:"–"}
.faq details p{color:var(--ink-soft);padding-bottom:18px;margin:0}

/* Join */
.join-card{max-width:760px;margin:0 auto;background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:clamp(28px,5vw,48px);box-shadow:var(--shadow);position:relative}
.join-card .signup-row{box-shadow:none;background:var(--cream)}
.join-card .signup textarea{background:var(--cream)}
.join-card .signup-done{background:var(--cream)}
.join-card .fine{font-size:14px;color:var(--muted);margin:18px 0 0}
.join-figure{position:absolute;right:-28px;top:-72px;width:150px;pointer-events:none;filter:drop-shadow(0 12px 14px rgba(43,54,39,.3))}
@media (max-width:820px){.join-figure{display:none}}

/* Footer */
.footer{background:var(--ink);color:#d9dfcb;padding:56px 20px 40px}
.footer-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px}
.footer .brand{margin-bottom:12px}
.footer .brand img{height:72px}
.footer p{font-size:15px;max-width:44ch}
.footer-wipe{color:#aab59b}
.footer-links{display:grid;gap:8px;align-content:start}
.footer-links a{color:#e3e8d6;text-decoration:none;font-weight:700}
.footer-links a:hover{color:var(--wheat)}
.footer-publisher{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:#aab59b}
.footer-publisher img{width:170px;height:auto;filter:brightness(0) invert(.92)}
@media (max-width:820px){.footer-inner{grid-template-columns:1fr}}

/* Guide pages */
.guide-hero{padding:calc(var(--nav) + 48px) 20px 40px;background:linear-gradient(180deg,var(--sand),var(--cream))}
.guide-hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center}
.guide-hero img{width:min(40vw,200px)}
.guide-layout{max-width:1180px;margin:0 auto;padding:32px 20px 80px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;align-items:start}
.guide-side{position:sticky;top:calc(var(--nav) + 20px);display:grid;gap:4px}
.guide-side a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;text-decoration:none;color:var(--ink-soft);font-weight:700;font-size:15px}
.guide-side a img{width:26px;height:26px;object-fit:contain}
.guide-side a:hover{background:var(--sand)}
.guide-side a[aria-current]{background:var(--paper);color:var(--moss);box-shadow:inset 0 0 0 1px var(--line)}
.guide-side .side-title{font:800 12px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:8px 10px 6px}
.prose{max-width:760px}
.prose h2{font-size:clamp(28px,3vw,36px);margin-top:1.6em}
.prose h3{margin-top:1.4em}
.prose p,.prose li{color:var(--ink-soft)}
.prose ul,.prose ol{padding-left:22px}
.prose li{margin-bottom:6px}
.prose .tip{background:var(--paper);border-left:5px solid var(--wheat);border-radius:12px;padding:14px 18px;margin:20px 0}
.prose .tip p:last-child{margin:0}
.prose .beta-note{font-size:14px;color:var(--muted)}
.guide-next{display:flex;justify-content:space-between;gap:16px;margin-top:48px;padding-top:24px;border-top:1px solid var(--line);flex-wrap:wrap}
.table-wrap{overflow-x:auto;margin:20px -20px;padding:0 20px}
table{border-collapse:collapse;width:100%;min-width:560px;background:var(--paper);border-radius:14px;overflow:hidden;font-size:15px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
th{font-weight:800;background:var(--sand);color:var(--ink-soft);font-size:13px;letter-spacing:.06em;text-transform:uppercase}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
tr:last-child td{border-bottom:0}
.item{display:flex;align-items:center;gap:10px;font-weight:700;white-space:nowrap}
.item img{width:30px;height:30px;object-fit:contain;flex:none}
.item .glyph{width:30px;height:30px;border-radius:8px;background:var(--sand);display:grid;place-items:center;font:800 13px var(--body);color:var(--muted);flex:none}
.seasons{display:inline-flex;gap:4px}
.season{display:inline-block;width:26px;height:22px;border-radius:6px;font:800 10px/22px var(--body);letter-spacing:.02em;text-align:center;color:var(--paper)}
.season.spring{background:#6f9b5a}.season.summer{background:#d9a334}.season.fall{background:#c9642c}.season.winter{background:#6b8fb3}
.season.off{background:var(--line);color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:24px 0}
.card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}
.card img{width:110px;height:110px;object-fit:contain;margin:0 auto 8px}
.card h3{font-size:21px;margin-bottom:4px}
.card p{margin:0;font-size:15px;color:var(--ink-soft)}
.card .meta{display:block;margin-top:8px;font-size:13px;font-weight:800;color:var(--muted);letter-spacing:.04em}
.rarity{display:inline-block;padding:2px 8px;border-radius:999px;font:800 12px/1.5 var(--body)}
.rarity.rare{background:#e4ecf6;color:#3d5f8a}
.rarity.legendary{background:#fbead0;color:#9a5a13}
@media (max-width:900px){.guide-layout{grid-template-columns:1fr;gap:24px}.guide-side{position:static;display:flex;flex-wrap:wrap;gap:6px}.guide-side .side-title{width:100%}.guide-side a{background:var(--paper);border:1px solid var(--line)}.guide-hero .wrap{grid-template-columns:1fr}.guide-hero img{display:none}}