:is(html:has(.guide-page),body:has(.guide-page)){overflow-x:clip}.guide-page{min-height:100dvh;overflow-x:clip}.guide-hero{grid-template-columns:minmax(0,1fr) minmax(0,.72fr);align-items:center;gap:32px;min-height:700px;padding-top:136px;padding-bottom:80px;display:grid}.guide-hero-copy{min-width:0}.guide-breadcrumb{color:var(--muted);align-items:center;gap:8px;margin-bottom:32px;font-size:15px;display:flex}.guide-breadcrumb a{color:var(--blue);text-underline-offset:3px;text-decoration:underline}.guide-kind{border:1px solid var(--line);background:var(--yellow);width:fit-content;color:var(--ink);border-radius:7px 3px 9px 4px;margin:0 0 16px;padding:4px 12px;font-size:15px;font-weight:700}.guide-hero h1{letter-spacing:-.045em;overflow-wrap:break-word;text-wrap:balance;max-width:710px;margin:0;font-size:clamp(44px,5.4vw,76px);line-height:1.08}.guide-lead{max-width:560px;color:var(--muted);margin:24px 0 0;font-size:clamp(20px,2.1vw,26px);line-height:1.35}.guide-byline{color:var(--muted);margin:16px 0 0;font-size:15px}.guide-byline a{color:var(--blue);text-underline-offset:3px;text-decoration:underline}.guide-hero-actions{flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:32px;display:flex}.guide-text-link{color:var(--blue);text-underline-offset:4px;font-weight:700;text-decoration:underline}.guide-text-link:hover,.guide-breadcrumb a:hover{color:var(--red)}.guide-hero-art{width:min(100%,370px);margin:0 auto;transform:rotate(3deg)}.guide-art-frame{border:2px solid var(--ink);background:var(--scrap);box-shadow:8px 8px 0 var(--shadow);border-radius:12px 6px 16px 7px;padding:12px;overflow:hidden}.guide-art-frame img{object-fit:contain;border-radius:6px;width:100%;height:auto;max-height:540px;display:block}.guide-hero-art figcaption{max-width:350px;color:var(--muted);text-align:center;margin:16px auto 0;font-size:15px;line-height:1.35}.guide-body{border-top:1.5px dashed var(--line);grid-template-columns:minmax(180px,230px) minmax(0,1fr);gap:32px;padding-top:48px;padding-bottom:120px;display:grid}.guide-contents{border:1.5px solid var(--line);background:var(--scrap);box-shadow:4px 4px 0 var(--shadow);border-radius:10px 5px 14px 7px;align-self:start;gap:12px;padding:24px 20px;font-size:16px;line-height:1.25;display:grid;position:sticky;top:108px}.guide-contents strong{font-family:var(--marker);margin-bottom:8px;font-size:19px}.guide-contents a{color:var(--blue)}.guide-contents a:hover{color:var(--red);text-underline-offset:3px;text-decoration:underline}.guide-article{min-width:0;max-width:840px}.guide-article section{scroll-margin-top:110px}.guide-article h2{overflow-wrap:break-word;text-wrap:balance;margin:0 0 16px;font-size:clamp(28px,3vw,40px)}.guide-article p{max-width:720px;margin:0 0 16px;font-size:19px;line-height:1.55}.guide-intro{padding-bottom:68px}.guide-file-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.guide-file-facts div{border:1.5px solid var(--ink);background:var(--yellow);box-shadow:4px 4px 0 var(--shadow);border-radius:8px 4px 11px 5px;gap:8px;padding:20px;display:grid}.guide-file-facts strong{font-family:var(--marker);font-size:18px}.guide-file-facts span{color:var(--muted);font-size:17px}.guide-step{border-top:1.5px dashed var(--line);padding:48px 0 52px}.guide-step-heading{align-items:baseline;gap:16px;display:flex}.guide-step-heading>span{color:var(--red);font-family:var(--marker);flex:none;font-size:23px;font-weight:700}.guide-step-grid{grid-template-columns:minmax(0,1fr) minmax(0,280px);align-items:start;gap:32px;display:grid}.guide-step-copy{min-width:0}.guide-article .guide-note{border:1px solid var(--line);background:var(--scrap);color:var(--blue);border-radius:4px;margin-top:28px;padding:12px 16px;font-size:17px}.guide-figure{border:1.5px solid var(--ink);background:var(--scrap);min-width:0;box-shadow:4px 4px 0 var(--shadow);border-radius:7px 3px 10px 5px;margin:0;padding:8px 8px 12px;transform:rotate(2deg)}.guide-figure img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;display:block}.guide-figure figcaption{color:var(--muted);padding:12px 8px 0;font-size:14px;line-height:1.35}.guide-result-example img{aspect-ratio:3/2}.guide-troubleshooting{border-top:1.5px dashed var(--line);padding-top:48px}.guide-troubleshooting dl{border-top:1.5px solid var(--line);margin:24px 0 0}.guide-troubleshooting dl>div{border-bottom:1.5px solid var(--line);grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:32px;padding:16px 0;display:grid}.guide-troubleshooting dt{font-weight:700}.guide-troubleshooting dd{color:var(--muted);margin:0}.guide-finish{border:1.5px solid var(--ink);background:var(--yellow);box-shadow:8px 8px 0 var(--shadow);border-radius:11px 4px 15px 7px;justify-content:space-between;align-items:center;gap:28px;margin-top:72px;padding:32px;display:flex}.guide-finish h2{margin-bottom:8px;font-size:clamp(28px,2.6vw,36px)}.guide-finish p{margin:0;font-size:17px}.guide-finish .button{flex:none}.guide-page :where(a,button,video):focus-visible{outline:3px dashed var(--blue);outline-offset:4px}.guide-page a:active{opacity:.78}@media (max-width:950px){.guide-hero{grid-template-columns:minmax(0,1fr) minmax(0,.75fr);gap:32px;min-height:0}.guide-body{grid-template-columns:minmax(0,1fr);gap:40px}.guide-contents{flex-wrap:wrap;gap:8px 16px;display:flex;position:static}.guide-contents strong{width:100%}}@media (max-width:760px){.guide-hero{grid-template-columns:minmax(0,1fr);padding-top:116px;padding-bottom:76px}.guide-breadcrumb{margin-bottom:24px}.guide-hero h1{font-size:clamp(40px,9vw,58px)}.guide-hero-art{width:min(100%,280px);margin-top:16px}.guide-art-frame img{max-height:390px}.guide-step-grid{grid-template-columns:minmax(0,1fr)}.guide-figure{width:min(100%,390px)}.guide-finish{flex-direction:column;align-items:flex-start}}@media (max-width:540px){.guide-hero h1{font-size:40px}.guide-body{padding-top:36px;padding-bottom:76px}.guide-contents{padding:20px}.guide-file-facts{grid-template-columns:minmax(0,1fr)}.guide-step-heading{gap:12px}.guide-step-heading>span{font-size:19px}.guide-article p{font-size:17px}.guide-troubleshooting dl>div{grid-template-columns:minmax(0,1fr);gap:4px}.guide-finish{padding:24px}.guide-finish .button{width:100%}}@media (prefers-reduced-motion:reduce){.guide-hero-art,.guide-figure{transform:none}}
