.guide-page{--guide-ink:#111214;--guide-muted:#62635d;--guide-rule:#dededc;--guide-soft:#fafafa;--guide-accent:#e65a9d;--guide-gutter:clamp(24px, 6vw, 92px)}.guide-page[data-guide=website-development-brief]{--guide-accent:#f27b70}.guide-page main :is(h1,h2,p){margin:0}.guide-page main :is(a,[tabindex]):focus-visible{outline-offset:5px;outline:3px solid #6294e6}.guide-page main section{scroll-margin-top:112px}.guide-kicker{border-left:3px solid var(--guide-accent);font:500 11px/1.5 var(--font-geist-mono), monospace;letter-spacing:.06em;text-transform:uppercase;padding-left:14px;display:block}.guide-hero{padding:126px var(--guide-gutter) 60px;background:var(--guide-soft);border-bottom:1px solid var(--guide-rule)}.guide-hero>*{max-width:1320px;margin-inline:auto}.guide-breadcrumbs{color:var(--guide-muted);font-size:12px;line-height:1.6}.guide-breadcrumbs ol{flex-wrap:wrap;gap:8px 12px;margin:0 0 42px;padding:0;list-style:none;display:flex}.guide-breadcrumbs li+li:before{content:"/";color:#85867f;margin-right:12px;display:inline-block}.guide-breadcrumbs a:hover{text-underline-offset:4px;text-decoration:underline}.guide-hero h1{letter-spacing:-.058em;text-wrap:balance;max-width:1100px;font-size:clamp(48px,5.8vw,82px);font-weight:500;line-height:1.02;margin:32px auto 0!important}.guide-hero>h1,.guide-hero>.guide-intro{margin-left:max(0px,50% - 660px)!important}.guide-intro{max-width:790px;color:var(--guide-muted);font-size:18px;line-height:1.7;margin-top:28px!important}.guide-byline{color:var(--guide-muted);flex-wrap:wrap;gap:12px 28px;margin-top:30px;font-size:12px;line-height:1.6;display:flex}.guide-byline>span:first-child{color:var(--guide-ink);font-weight:600}.guide-layout{max-width:calc(1120px + var(--guide-gutter) * 2);padding:64px var(--guide-gutter) 88px;grid-template-columns:minmax(190px,.4fr) minmax(0,1fr);gap:clamp(44px,8vw,120px);margin-inline:auto;display:grid}.guide-sidebar{align-self:start}.guide-sidebar ol{gap:14px;margin:24px 0 0;padding:0;list-style:none;display:grid}.guide-sidebar li{color:var(--guide-muted);font-size:13px;line-height:1.5}.guide-sidebar a:hover{text-underline-offset:4px;text-decoration:underline}.guide-service-links{border-top:1px solid var(--guide-rule);gap:18px;margin-top:40px;padding-top:28px;display:grid}.guide-service-links>a{justify-content:space-between;gap:18px;font-size:13px;font-weight:500;line-height:1.5;display:flex}.guide-service-links>a span{color:var(--guide-accent)}.guide-content{min-width:0}.guide-cover{margin:0 0 32px}.guide-cover img,.guide-list-cover,.guide-collection-cover{border:1px solid var(--guide-rule);width:100%;height:auto;display:block}.guide-collection-cover{max-width:640px;margin:36px 0 0}.guide-index-intro{grid-template-columns:minmax(0,1fr) minmax(0,.82fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}.guide-index-intro .guide-collection-cover{margin:0}.guide-list-cover{align-self:center}.guide-content h2{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(25px,2.4vw,34px);font-weight:500;line-height:1.15}.guide-content p,.guide-content li{color:#4d4e48;font-size:16px;line-height:1.8}.guide-content p{margin-top:18px!important}.guide-content ul{padding-left:21px}.guide-content li+li{margin-top:10px}.guide-decision{border-left:3px solid var(--guide-accent);background:var(--guide-soft);padding:28px 30px}.guide-decision h2{font-size:25px}.guide-section{border-top:1px solid var(--guide-rule);margin-top:46px;padding-top:32px}.guide-page .guide-reference{color:var(--guide-muted);font-size:13px;line-height:1.7}.guide-page .guide-reference a{text-underline-offset:3px;border-bottom:1px solid}.guide-table-wrap{margin-top:26px;overflow-x:auto}.guide-table-wrap table{border-collapse:collapse;text-align:left;width:100%;min-width:510px}.guide-table-wrap caption{color:var(--guide-muted);text-align:left;padding-bottom:14px;font-size:12px;line-height:1.6}.guide-table-wrap th,.guide-table-wrap td{border-top:1px solid var(--guide-rule);vertical-align:top;padding:16px 14px;font-size:13px;line-height:1.65}.guide-table-wrap th{font-weight:600}.guide-table-wrap thead{background:var(--guide-soft)}.guide-table-wrap td{color:#4d4e48}.guide-table-wrap tbody tr:last-child{border-bottom:1px solid var(--guide-rule)}.guide-checklist{border:1px solid var(--guide-rule);margin-top:52px;padding:32px 30px}.guide-checklist h2{margin-top:24px!important}.guide-checklist ul{margin-bottom:0}.guide-next{padding:clamp(56px, 7vw, 96px) var(--guide-gutter);border-top:1px solid var(--guide-rule);background:var(--guide-soft);grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:clamp(44px,8vw,120px);display:grid}.guide-next>div{max-width:740px}.guide-next h2{letter-spacing:-.05em;max-width:700px;font-size:clamp(38px,4.5vw,62px);font-weight:500;line-height:1.02;margin-top:26px!important}.guide-next p{max-width:560px;color:var(--guide-muted);font-size:15px;line-height:1.7;margin-top:24px!important}.guide-button{border-left:3px solid var(--guide-accent);background:var(--guide-ink);justify-content:space-between;align-items:center;gap:28px;min-height:50px;margin-top:28px;padding:13px 20px;font-size:13px;font-weight:600;transition:background .18s;display:inline-flex;color:#fff!important}.guide-button:hover{background:#333436}.guide-next-reading{align-self:start;padding-top:4px}.guide-next-reading>a:not(.guide-text-link),.guide-related-title{letter-spacing:-.035em;margin-top:28px;font-size:clamp(24px,2.6vw,38px);font-weight:500;line-height:1.15;display:block}.guide-next-reading>a:hover{text-underline-offset:6px;text-decoration:underline}.guide-text-link{border-bottom:1px solid;margin-top:26px;padding-bottom:4px;font-size:13px;font-weight:600;display:inline-block}.guide-index .guide-hero h1{font-size:clamp(64px,7vw,100px);line-height:.96}.guide-list{max-width:calc(1320px + var(--guide-gutter) * 2);padding:24px var(--guide-gutter) 64px;margin-inline:auto}.guide-list article{border-bottom:1px solid var(--guide-rule);grid-template-columns:54px minmax(0,1.2fr) minmax(0,.8fr);gap:28px;padding:48px 0;display:grid}.guide-list-number{color:var(--guide-muted);font:500 12px/1.5 var(--font-geist-mono), monospace;padding-top:4px}.guide-list h2{letter-spacing:-.045em;font-size:clamp(30px,3.4vw,46px);font-weight:500;line-height:1.05;margin-top:22px!important}.guide-list h2 a:hover{text-underline-offset:7px;text-decoration:underline}.guide-list h2 span{color:var(--guide-accent)}.guide-list p{max-width:610px;color:var(--guide-muted);font-size:15px;line-height:1.7;margin-top:18px!important}.guide-list-date{color:var(--guide-muted);margin-top:22px;font-size:12px;display:block}.guide-list .guide-list-use{border-left:1px solid var(--guide-rule);align-self:center;padding-left:28px;margin:0!important}@media (min-width:1600px){.guide-next{padding-inline:max(var(--guide-gutter), calc((100vw - 1320px) / 2))}}@media (max-width:980px){.guide-index-intro{grid-template-columns:1fr;gap:32px}.guide-layout{grid-template-columns:1fr;gap:40px;max-width:870px}.guide-sidebar{grid-template-columns:1fr 1fr;gap:36px;display:grid}.guide-sidebar ol{gap:12px}.guide-service-links{border:0;align-content:start;margin:0;padding:0}.guide-next{grid-template-columns:1fr}.guide-next-reading{border-top:1px solid var(--guide-rule);padding-top:32px}.guide-list article{grid-template-columns:40px 1fr}.guide-list-cover{grid-column:2;max-width:600px}.guide-list .guide-list-use{border:0;grid-column:2;max-width:600px;padding:0}}@media (max-width:600px){.guide-list-cover{grid-column:auto}.guide-page{--guide-gutter:20px}.guide-hero{padding-top:106px;padding-bottom:42px}.guide-breadcrumbs{font-size:11px}.guide-breadcrumbs ol{margin-bottom:28px}.guide-breadcrumbs li[aria-current=page]{flex-basis:100%}.guide-breadcrumbs li[aria-current=page]:before{display:none}.guide-hero h1{font-size:clamp(40px,10.6vw,58px);margin-top:24px!important}.guide-intro{font-size:16px;line-height:1.7}.guide-byline{gap:8px 18px;font-size:11px}.guide-byline>span:first-child{flex-basis:100%}.guide-layout{padding-block:40px 56px}.guide-sidebar{grid-template-columns:1fr;gap:28px}.guide-sidebar ol{gap:10px}.guide-service-links{border-top:1px solid var(--guide-rule);padding-top:24px}.guide-decision,.guide-checklist{padding:24px 20px}.guide-section{margin-top:36px;padding-top:28px}.guide-content p,.guide-content li{font-size:15px}.guide-content h2{font-size:27px}.guide-decision h2{font-size:24px}.guide-list{padding-top:0;padding-bottom:40px}.guide-list article{grid-template-columns:1fr;gap:16px;padding:36px 0}.guide-list-number{display:none}.guide-list .guide-list-use{grid-column:auto}.guide-list h2{font-size:34px}.guide-index .guide-hero h1{font-size:clamp(54px,13vw,76px)}}@media (prefers-reduced-motion:reduce){.guide-page main *,.guide-page main :before,.guide-page main :after{scroll-behavior:auto!important;transition:none!important}}