.style-guide{--sg-evergreen:#24543a;--sg-deep:#27472f;--sg-leaf:#4f704d;--sg-young:#809b68;--sg-cream:#fbf5e8;--sg-paper:#fffdf7;--sg-parchment:#f2e5c9;--sg-soil:#5c4331;--sg-tomato:#a64235;--sg-carrot:#c9763c;--sg-water:#3f747c;--sg-ink:#243128;--sg-muted:#5e665f;--sg-line:#d9ccb1;color:var(--sg-ink);background:var(--sg-cream);font-family:Manrope Variable,system-ui,sans-serif;font-size:18px;line-height:1.65}.style-guide *,.style-guide :before,.style-guide :after{box-sizing:border-box}.style-guide h1,.style-guide h2,.style-guide h3,.style-guide h4,.style-guide blockquote{font-family:Fraunces Variable,Georgia,serif}.style-guide h1,.style-guide h2,.style-guide h3,.style-guide h4,.style-guide p{margin-top:0}.style-guide h1{letter-spacing:-.035em;max-width:720px;margin:20px 0 24px;font-size:clamp(3rem,6vw,4.75rem);line-height:1.02}.style-guide h2{letter-spacing:-.025em;margin:10px 0 18px;font-size:clamp(2.25rem,4.4vw,3.375rem);line-height:1.1}.style-guide h3{font-size:1.7rem;line-height:1.25}.style-guide a{color:inherit}.style-guide button{border-radius:999px;min-height:48px;padding-inline:20px;font-weight:800}.sg-shell{width:min(100% - 40px,1180px);margin-inline:auto}.sg-section{padding:104px 0}.sg-paper{background:var(--sg-paper)}.sg-muted{color:var(--sg-muted)}.sg-small{margin-top:28px;font-size:.82rem}.sg-skip-link{z-index:100;color:#fff;background:var(--sg-tomato);border-radius:6px;padding:10px 16px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.sg-skip-link:focus{transform:none}.sg-header{z-index:30;color:var(--sg-paper);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#27472ff7;border-bottom:1px solid #ffffff26;position:sticky;top:0}.sg-header-inner{align-items:center;gap:32px;min-height:82px;display:flex}.sg-brand{align-items:center;gap:12px;text-decoration:none;display:inline-flex}.sg-brand>span:last-child{display:grid}.sg-brand strong{font-family:Fraunces Variable,Georgia,serif;font-size:1.15rem;line-height:1.1}.sg-brand small{color:#ffffffb3;letter-spacing:.04em;font-size:.68rem}.sg-brand-mark{width:44px;height:44px;color:var(--sg-deep);background:var(--sg-parchment);border-radius:50%;flex:none;place-items:center;display:grid}.sg-brand-mark.is-small{width:36px;height:36px}.sg-brand-mark svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:29px}.sg-nav{gap:28px;margin-left:auto;display:flex}.sg-nav a{color:#ffffffd1;font-size:.8rem;font-weight:700;text-decoration:none}.sg-nav a:hover{color:#fff}.sg-header-actions{gap:10px;display:flex;position:relative}.sg-header-actions button{min-width:48px;min-height:48px;color:var(--sg-paper);border:1px solid #ffffff38;padding:0}.sg-header-actions button:nth-child(2){color:var(--sg-deep);background:var(--sg-parchment)}.sg-menu-button{display:none!important}.sg-notification-dot{background:var(--sg-carrot);border:2px solid var(--sg-deep);border-radius:50%;width:9px;height:9px;position:absolute;top:9px;right:9px}.sg-hero{color:var(--sg-paper);background:var(--sg-deep);position:relative;overflow:hidden}.sg-hero:before{content:"";opacity:.12;background-image:radial-gradient(circle at 20% 30%, var(--sg-young) 0 1px, transparent 2px);background-size:28px 28px;position:absolute;inset:0}.sg-hero-grid{grid-template-columns:1.02fr .98fr;align-items:center;gap:80px;min-height:690px;padding-block:96px;display:grid;position:relative}.sg-hero-copy>p{color:#ffffffc7;max-width:650px;font-size:1.1rem}.sg-eyebrow{color:var(--sg-evergreen);letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:800;line-height:1.3;display:inline-block}.sg-eyebrow.is-light{color:#d7e2cb}.sg-button-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sg-hero .sg-button-row{margin-top:34px}.sg-hero .sg-button-row>:first-child{color:var(--sg-deep);background:var(--sg-parchment)}.sg-hero .sg-button-row>:last-child,.sg-closing [data-slot=button]{color:#fff;background:0 0;border-color:#fff9}.sg-closing [data-slot=button]:hover{color:#fff;background:#ffffff1f;border-color:#fff}.sg-principles{grid-template-columns:repeat(3,1fr);gap:20px;margin:56px 0 0;display:grid}.sg-principles div{border-top:1px solid #fff3;grid-template-columns:auto 1fr;gap:10px;padding-top:14px;display:grid}.sg-principles dt{color:var(--sg-young);font-size:.7rem;font-weight:800}.sg-principles dd{margin:0;font-size:.72rem;font-weight:700}.sg-hero-visual{place-items:center;min-height:500px;display:grid;position:relative}.sg-sun{background:var(--sg-carrot);opacity:.85;border-radius:50%;width:180px;height:180px;position:absolute;top:5%;right:5%}.sg-plot-board{width:min(100%,500px);color:var(--sg-ink);background:var(--sg-paper);border:8px solid var(--sg-soil);border-radius:5px 5px 32px;padding:18px;position:relative;transform:rotate(1.5deg);box-shadow:0 28px 80px #142d1d33}.sg-plot-board-head{color:var(--sg-muted);border-bottom:1px solid var(--sg-line);justify-content:space-between;padding-bottom:12px;font-size:.7rem;font-weight:800;display:flex}.sg-plot-board-head span:last-child{color:var(--sg-water);align-items:center;gap:5px;display:flex}.sg-plot-board-head svg{width:16px}.sg-plot-grid{grid-template-rows:1fr 1fr;grid-template-columns:1fr 42px 1fr;gap:12px;height:330px;padding:18px 0;display:grid}.sg-bed,.sg-greenhouse{color:#fff;text-align:center;border:4px solid #5c43318c;border-radius:7px;place-items:center;padding:10px;font-size:.68rem;font-weight:800;display:grid}.sg-bed.is-leaf{background:repeating-linear-gradient(45deg, var(--sg-leaf), var(--sg-leaf) 12px, #5e8059 12px, #5e8059 23px)}.sg-bed.is-earth{background:repeating-linear-gradient(90deg, #7a604b, #7a604b 15px, var(--sg-soil) 15px, var(--sg-soil) 22px)}.sg-bed.is-water{background:repeating-linear-gradient(-45deg, var(--sg-water), var(--sg-water) 13px, #568b90 13px, #568b90 23px)}.sg-bed.is-warm{background:repeating-linear-gradient(45deg, var(--sg-carrot), var(--sg-carrot) 12px, #d9894f 12px, #d9894f 23px)}.sg-path{background:#cbb996;border-radius:3px;grid-area:1/2/3}.sg-greenhouse{width:52%;height:55px;color:var(--sg-water);border-color:var(--sg-water);background:#3f747c1f;grid-area:2/1/auto/4;place-self:end center}.sg-plot-note{background:var(--sg-parchment);border-radius:8px;gap:2px;padding:12px 14px;display:grid}.sg-plot-note span{color:var(--sg-tomato);letter-spacing:.1em;text-transform:uppercase;font-size:.56rem;font-weight:800}.sg-plot-note strong{font-size:.72rem}.sg-intro{background:var(--sg-parchment)}.sg-intro-grid{grid-template-columns:.8fr 1.2fr;gap:100px;display:grid}.sg-intro-grid>div:last-child{color:var(--sg-muted);font-size:1.15rem}.sg-section-heading{grid-template-columns:1fr minmax(280px,460px);align-items:end;gap:60px;margin-bottom:56px;display:grid}.sg-section-heading>p{color:var(--sg-muted);margin:0}.sg-patterns .sg-section-heading>p{color:#ffffffb3}.sg-colour-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.sg-swatch{border:1px solid #00000014;border-radius:14px;flex-direction:column;justify-content:space-between;min-height:170px;padding:18px;display:flex;box-shadow:0 8px 24px #27472f14}.sg-swatch div{gap:2px;display:grid}.sg-swatch strong{font-size:.82rem}.sg-swatch code,.sg-swatch small{font-size:.68rem}.sg-swatch.is-evergreen{color:#fff;background:var(--sg-evergreen)}.sg-swatch.is-deep{color:#fff;background:var(--sg-deep)}.sg-swatch.is-leaf{color:#fff;background:var(--sg-leaf)}.sg-swatch.is-young{background:var(--sg-young)}.sg-swatch.is-cream{background:var(--sg-cream)}.sg-swatch.is-paper{background:var(--sg-paper)}.sg-swatch.is-parchment{background:var(--sg-parchment)}.sg-swatch.is-soil{color:#fff;background:var(--sg-soil)}.sg-swatch.is-tomato{color:#fff;background:var(--sg-tomato)}.sg-swatch.is-carrot{background:var(--sg-carrot)}.sg-swatch.is-water{color:#fff;background:var(--sg-water)}.sg-swatch.is-ink{color:#fff;background:var(--sg-ink)}.sg-foundation-grid{grid-template-columns:1.2fr .8fr;gap:24px;margin-top:24px;display:grid}.sg-specimen{background:var(--sg-cream);border-radius:24px;padding-block:20px}.sg-display-type{color:var(--sg-deep);letter-spacing:-.04em;margin:8px 0 30px;font-family:Fraunces Variable,Georgia,serif;font-size:clamp(2.75rem,6vw,4.5rem);font-weight:700;line-height:1}.sg-type-scale{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:30px;display:grid}.sg-type-scale span{color:var(--sg-muted);background:var(--sg-paper);border-radius:7px;padding:12px;font-size:.68rem;font-weight:700}.sg-space-list{gap:14px;margin:20px 0 32px;display:grid}.sg-space-list div{grid-template-columns:1fr 30px 70px;align-items:center;gap:12px;font-size:.68rem;display:grid}.sg-space-list div>span{background:var(--sg-evergreen);border-radius:2px;min-width:8px;height:12px}.sg-space-list small{color:var(--sg-muted)}.sg-shapes{flex-wrap:wrap;gap:10px;display:flex}.sg-shapes span{color:#fff;background:var(--sg-leaf);border-radius:8px;place-items:center;width:64px;height:58px;font-size:.64rem;font-weight:800;display:grid}.sg-shapes span:nth-child(2){border-radius:14px}.sg-shapes span:nth-child(3){border-radius:24px}.sg-shapes span:nth-child(4){border-radius:999px;width:82px}.sg-component-stack{gap:20px;display:grid}.sg-panel{padding-block:16px;box-shadow:0 8px 24px #27472f14}.sg-status{min-height:32px;padding:5px 11px;font-weight:800}.sg-status>span{border-radius:50%;width:7px;height:7px}.sg-status-growing{color:#2d5932;background:#e2eddd}.sg-status-growing>span{background:var(--sg-leaf)}.sg-status-attention{color:#754015;background:#f7e5cf}.sg-status-attention>span{background:var(--sg-carrot)}.sg-status-water{color:#285c63;background:#dcebed}.sg-status-water>span{background:var(--sg-water)}.sg-status-failed{color:#7c3028;background:#f6dfdc}.sg-status-failed>span{background:var(--sg-tomato)}.sg-status-neutral{color:#515b53;background:#e9ebe8}.sg-status-neutral>span{background:#7a837c}.sg-private{min-height:32px;color:var(--sg-evergreen);padding-inline:11px}.sg-form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.sg-form-grid label{gap:7px;font-size:.72rem;font-weight:800;display:grid}.sg-form-grid label>span{justify-content:space-between;display:flex}.sg-form-grid input,.sg-form-grid textarea,.sg-form-grid button{background:#fff;min-height:50px}.sg-form-grid button{border-radius:8px;width:100%}.sg-form-grid small{color:var(--sg-tomato)}.sg-form-grid em{color:var(--sg-muted);font-size:.68rem;font-style:normal;font-weight:500}.sg-full-field{grid-column:1/-1}.sg-check-row{cursor:pointer;align-items:flex-start;gap:12px;margin-top:20px;display:flex}.sg-check-row button,.sg-task button{border-radius:5px;min-width:22px;min-height:22px;padding:0}.sg-check-row>span{font-size:.78rem;display:grid}.sg-check-row small{color:var(--sg-muted)}.sg-alerts{gap:12px;display:grid}.sg-alert{border-left:5px solid;border-radius:8px;grid-template-columns:minmax(180px,.4fr) 1fr;gap:20px;padding:18px 20px;font-size:.78rem;display:grid}.sg-alert.is-info{color:#244f55;border-color:var(--sg-water);background:#e2eff0}.sg-alert.is-success{color:#2d5735;border-color:var(--sg-leaf);background:#e5efe1}.sg-alert.is-warning{color:#704019;border-color:var(--sg-carrot);background:#f7e8d5}.sg-patterns{color:var(--sg-paper);background:var(--sg-deep)}.sg-dashboard{color:var(--sg-ink);background:var(--sg-cream);border:10px solid #183923;border-radius:26px;grid-template-columns:218px 1fr;display:grid;overflow:hidden;box-shadow:0 28px 80px #142d1d33}.sg-sidebar{min-height:820px;color:var(--sg-paper);background:var(--sg-deep);flex-direction:column;padding:24px 16px;display:flex}.sg-mini-brand{align-items:center;gap:9px;margin:0 8px 35px;font-family:Fraunces Variable,Georgia,serif;font-size:.78rem;display:flex}.sg-sidebar nav{gap:5px;display:grid}.sg-sidebar nav a{color:#ffffffb3;border-radius:8px;justify-content:space-between;padding:10px 13px;font-size:.68rem;font-weight:700;text-decoration:none;display:flex}.sg-sidebar nav a.active{color:var(--sg-deep);background:var(--sg-parchment)}.sg-sidebar nav span{color:#fff;background:var(--sg-carrot);text-align:center;border-radius:20px;min-width:22px}.sg-season{background:#ffffff14;border-radius:9px;gap:2px;margin-top:auto;padding:13px;font-size:.6rem;display:grid}.sg-season small,.sg-season span{color:#fff9}.sg-app-content{padding:34px}.sg-app-heading{justify-content:space-between;align-items:flex-start;gap:30px;display:flex}.sg-app-heading small,.sg-app-heading p{color:var(--sg-muted);font-size:.68rem}.sg-app-heading h3{margin:3px 0 2px;font-size:2rem}.sg-weather-strip{color:#28565c;background:#e1eff0;border:1px solid #bfd4d6;border-radius:12px;grid-template-columns:1.2fr repeat(3,.65fr) 2fr;align-items:center;gap:14px;margin:22px 0;padding:14px 18px;display:grid}.sg-weather-strip>div{align-items:center;gap:10px;display:flex}.sg-weather-strip svg{color:var(--sg-carrot)}.sg-weather-strip span{display:grid}.sg-weather-strip small{letter-spacing:.08em;text-transform:uppercase;font-size:.52rem}.sg-weather-strip strong{font-size:.72rem}.sg-weather-strip p{margin:0;font-size:.58rem}.sg-app-grid{grid-template-columns:1.2fr .8fr;gap:16px;display:grid}.sg-app-card,.sg-planting-section{border-radius:14px;gap:0;padding-block:10px}.sg-app-card [data-slot=card-title],.sg-planting-section [data-slot=card-title]{font-size:1.15rem}.sg-task{cursor:pointer;border-top:1px solid #e4dccb;grid-template-columns:22px 1fr auto;align-items:center;gap:11px;padding:10px 0;display:grid}.sg-task>span{display:grid}.sg-task b{font-size:.62rem}.sg-task small{color:var(--sg-muted);font-size:.48rem}.sg-task em{text-transform:uppercase;border-radius:20px;padding:3px 7px;font-size:.42rem;font-style:normal;font-weight:800}.sg-task em.is-high{color:#fff;background:var(--sg-tomato)}.sg-task em.is-warm{color:#613715;background:#f3d5b9}.sg-task em.is-done{color:#345439;background:#dce9d9}.sg-task em.is-medium{color:#6a441c;background:#f5e5c7}.sg-attention-card{background:#fff9ef}.sg-attention-card [data-slot=card-action]{width:38px;height:38px;color:var(--sg-tomato);background:#f4ded5;border-radius:50%;place-items:center;display:grid}.sg-attention-card p{color:var(--sg-muted);font-size:.62rem}.sg-planting-section{margin-top:16px}.sg-planting-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.sg-planting-card{border:1px solid var(--sg-line);background:#fff;border-radius:10px;overflow:hidden}.sg-planting-art{color:#fff;align-items:end;height:80px;padding:10px;font-family:Fraunces Variable,Georgia,serif;font-size:.88rem;display:flex}.sg-planting-art.is-tomato{background:radial-gradient(circle at 72% 40%,#d25a48 0 11px,#0000 12px),radial-gradient(circle at 58% 65%,#b43e32 0 13px,#0000 14px),linear-gradient(135deg,#345c3a,#71905f)}.sg-planting-art.is-potato{background:radial-gradient(at 65% 55%,#b18a5e 0 20px,#0000 21px),radial-gradient(at 45% 45%,#c09b6c 0 18px,#0000 19px),linear-gradient(135deg,#59402e,#846747)}.sg-planting-art.is-bean{background:repeating-linear-gradient(70deg,#345d3b,#345d3b 8px,#50794d 8px 18px)}.sg-planting-copy{padding:11px}.sg-planting-copy h4{margin:8px 0 0;font-size:.78rem}.sg-planting-copy>p{color:var(--sg-muted);margin:0 0 8px;font-size:.48rem}.sg-planting-copy dl{grid-template-columns:1fr 1fr;gap:6px;margin:8px 0 0;display:grid}.sg-planting-copy dl div{display:grid}.sg-planting-copy dt{color:var(--sg-muted);text-transform:uppercase;font-size:.4rem}.sg-planting-copy dd{margin:0;font-size:.48rem;font-weight:800}.sg-mobile-tabs{display:none}.sg-device-grid,.sg-article-grid,.sg-voice-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.sg-device-grid>div{border-left:5px solid var(--sg-evergreen)}.sg-device-grid p,.sg-article-grid p,.sg-voice-grid p{color:var(--sg-muted);font-size:.82rem}.sg-editorial{background:var(--sg-cream)}.sg-feature-story{background:var(--sg-paper);border:1px solid var(--sg-line);border-radius:24px;grid-template-columns:1.1fr .9fr;display:grid;overflow:hidden;box-shadow:0 8px 24px #27472f14}.sg-feature-art{background:#8ca995;min-height:430px;position:relative;overflow:hidden}.sg-feature-art span{background:linear-gradient(#bcd4d4,#eff0d7);position:absolute;inset:0 0 55%}.sg-feature-art i{background:repeating-radial-gradient(ellipse at 50% 100%, #4e744b 0 7px, transparent 8px 18px), var(--sg-soil);height:110px;position:absolute;bottom:0;left:-10%;right:-10%;transform:rotate(-4deg)}.sg-feature-art i:nth-child(3){filter:brightness(1.1);bottom:95px}.sg-feature-art i:nth-child(4){filter:brightness(1.2);bottom:190px}.sg-feature-story>div:last-child{align-self:center;padding:54px}.sg-feature-story h3{margin-bottom:18px;font-size:2.2rem}.sg-feature-story p:not(.sg-story-meta){color:var(--sg-muted)}.sg-story-meta{color:var(--sg-muted);margin:8px 0 28px;font-size:.68rem}.sg-feature-story a,.sg-article-footer a{color:var(--sg-evergreen);text-underline-offset:4px;align-items:center;font-weight:800;display:inline-flex}.sg-feature-story a svg,.sg-article-footer svg{width:16px}.sg-article-grid{margin-top:20px}.sg-article-grid>div{min-height:310px;padding-top:14px;position:relative}.sg-article-number{color:var(--sg-line);font-family:Fraunces Variable,Georgia,serif;font-size:1.9rem;position:absolute;top:2px;right:18px}.sg-article-footer{border-top:1px solid var(--sg-line);justify-content:space-between;gap:10px;margin-top:auto;padding:14px 16px 0;font-size:.58rem;display:flex}.sg-article-footer span{color:var(--sg-muted)}.sg-accessibility{color:#fff;background:var(--sg-water)}.sg-accessibility-grid{grid-template-columns:1.1fr .9fr .9fr;gap:60px;display:grid}.sg-accessibility p{color:#ffffffc2}.sg-accessibility ul{align-content:start;gap:12px;margin:0;padding:0;list-style:none;display:grid}.sg-accessibility li{align-items:center;gap:10px;font-size:.78rem;display:flex}.sg-accessibility li svg{width:19px;height:19px;color:var(--sg-water);background:var(--sg-paper);stroke-width:3px;border-radius:50%;padding:4px}.sg-voice{background:var(--sg-paper)}.sg-voice-grid>div{border-top:5px solid var(--sg-evergreen)}.sg-voice-grid>div.is-avoid{border-color:var(--sg-tomato)}.sg-voice-grid blockquote{margin:10px 0 18px;font-size:1.4rem;line-height:1.35}.sg-voice-grid ul{color:var(--sg-muted);font-size:.78rem}.sg-closing{color:var(--sg-paper);background:var(--sg-evergreen);padding:90px 0}.sg-closing>div{grid-template-columns:1.2fr .8fr;align-items:end;gap:80px;display:grid}.sg-closing p{color:#ffffffbf}.sg-footer{color:#ffffffb3;background:#163522}.sg-footer>div{justify-content:space-between;align-items:center;gap:30px;min-height:120px;display:flex}.sg-footer p{margin:0;font-size:.62rem}@media (width<=980px){.sg-nav{display:none}.sg-header-actions{margin-left:auto}.sg-menu-button{display:grid!important}.sg-hero-grid,.sg-intro-grid,.sg-foundation-grid,.sg-feature-story,.sg-closing>div{grid-template-columns:1fr}.sg-hero-grid,.sg-intro-grid{gap:30px}.sg-colour-grid{grid-template-columns:repeat(3,1fr)}.sg-section-heading{grid-template-columns:1fr;gap:15px}.sg-dashboard{grid-template-columns:1fr}.sg-sidebar{display:none}.sg-accessibility-grid{grid-template-columns:1fr 1fr}.sg-accessibility-grid>div{grid-column:1/-1}}@media (width<=720px){.style-guide{font-size:17px}.sg-shell{width:min(100% - 28px,1180px)}.sg-section{padding:72px 0}.sg-header-inner{min-height:70px}.sg-brand small,.sg-header-actions>button:first-child{display:none}.sg-hero-grid{min-height:auto;padding-block:72px}.sg-principles{grid-template-columns:1fr;gap:8px}.sg-hero-visual{min-height:390px}.sg-sun{width:120px;height:120px}.sg-plot-board{border-width:5px}.sg-plot-grid{height:250px}.sg-colour-grid{grid-template-columns:1fr 1fr}.sg-swatch{min-height:140px}.sg-type-scale{grid-template-columns:1fr 1fr}.sg-form-grid,.sg-app-grid,.sg-planting-grid,.sg-device-grid,.sg-article-grid,.sg-voice-grid,.sg-accessibility-grid{grid-template-columns:1fr}.sg-full-field{grid-column:auto}.sg-alert{grid-template-columns:1fr;gap:3px}.sg-dashboard{border-width:5px;border-radius:18px}.sg-app-content{padding:18px}.sg-app-heading{display:grid}.sg-app-heading>button{width:100%}.sg-weather-strip{grid-template-columns:repeat(2,1fr)}.sg-weather-strip p{grid-column:1/-1}.sg-planting-art{height:120px}.sg-mobile-tabs{color:var(--sg-muted);background:var(--sg-paper);border-radius:18px;grid-template-columns:1fr 1fr 64px 1fr 1fr;align-items:end;margin-top:14px;padding:9px 10px;display:grid;box-shadow:0 28px 80px #142d1d33}.sg-mobile-tabs a{color:inherit;justify-items:center;font-size:.48rem;text-decoration:none;display:grid}.sg-mobile-tabs a svg{width:20px}.sg-mobile-tabs button{border:5px solid var(--sg-cream);width:56px;min-width:56px;height:56px;padding:0;transform:translateY(-12px)}.sg-feature-art{min-height:300px}.sg-feature-story>div:last-child{padding:30px}.sg-feature-story h3{font-size:2rem}.sg-accessibility-grid{gap:30px}.sg-closing>div{gap:20px}.sg-footer>div{flex-direction:column;align-items:flex-start;padding-block:30px}}@media (width<=420px){.sg-colour-grid{grid-template-columns:1fr}.sg-swatch{min-height:120px}.sg-hero .sg-button-row>*{width:100%}.sg-plot-board-head{display:grid}.sg-weather-strip{grid-template-columns:1fr 1fr}.sg-weather-strip>div{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.style-guide *,.style-guide :before,.style-guide :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}