:root{color-scheme:dark;--bg:#09090b;--panel:#151517;--line:rgba(255,255,255,.13);--text:#f4f4f5;--muted:#a1a1aa;--mono:"Cascadia Code",ui-monospace,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(60rem 30rem at 50% -12rem,rgba(255,255,255,.12),transparent 65%),var(--bg);color:var(--text);font-family:Inter,"Noto Sans JP",system-ui,sans-serif}.guide-header{display:flex;align-items:center;gap:36px;max-width:1120px;height:72px;margin:auto;padding:0 24px;border-bottom:1px solid var(--line)}.guide-brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;text-decoration:none}.guide-brand img{width:34px;height:34px;padding:6px;border:1px solid var(--line);border-radius:10px}.guide-header nav{display:flex;align-items:center;gap:22px;margin-left:auto}.guide-header nav a,.guide-footer a{color:var(--muted);font-size:13px;text-decoration:none}.guide-header nav a:hover,.guide-footer a:hover{color:#fff}.guide-index,.guide-article{max-width:1040px;margin:auto;padding:86px 24px 110px}.guide-hero{max-width:760px}.guide-eyebrow{margin:0 0 15px;color:#aaa;font:700 10px var(--mono);letter-spacing:.17em}.guide-hero h1,.guide-article h1{margin:0;letter-spacing:-.055em;line-height:1.12}.guide-hero h1{font-size:clamp(42px,7vw,72px)}.guide-hero>p:last-child{max-width:650px;margin:24px 0 0;color:var(--muted);font-size:16px;line-height:1.9}.guide-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:72px}.guide-card,.guide-empty{padding:28px;border:1px solid var(--line);border-radius:16px;background:#ffffff08;box-shadow:0 22px 60px #0005}.guide-card-label{margin:0;color:#777;font:700 9px var(--mono);letter-spacing:.14em}.guide-card h2{margin:16px 0 10px;font-size:20px;line-height:1.5}.guide-card h2 a{color:#fff;text-decoration:none}.guide-card>p:not(.guide-card-label){min-height:66px;margin:0;color:var(--muted);font-size:13px;line-height:1.75}.guide-card>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:25px}.guide-card time{color:#71717a;font-size:11px}.guide-card div a{color:#eee;font-size:12px;text-decoration:none}.guide-empty{grid-column:1/-1;text-align:center}.guide-empty h2{font-size:20px}.guide-empty p{color:var(--muted)}.guide-breadcrumb{display:flex;gap:9px;overflow:hidden;margin-bottom:42px;color:#71717a;font-size:12px;white-space:nowrap}.guide-breadcrumb a{color:#a1a1aa;text-decoration:none}.guide-breadcrumb span:last-child{overflow:hidden;text-overflow:ellipsis}.guide-article>article{max-width:780px}.guide-article h1{font-size:clamp(36px,6vw,58px)}.guide-description{margin:22px 0 13px;color:#b8b8c0;font-size:17px;line-height:1.85}.guide-article header time{color:#71717a;font-size:11px}.guide-body{margin-top:55px;color:#d4d4d8;font-size:16px;line-height:2}.guide-body h2{margin:58px 0 16px;padding-top:12px;border-top:1px solid var(--line);color:#fff;font-size:28px;letter-spacing:-.035em}.guide-body h3{margin:38px 0 12px;color:#fff;font-size:21px}.guide-body p{margin:0 0 22px}.guide-body ul{margin:0 0 26px;padding-left:23px}.guide-body li{margin:8px 0}.guide-body code{padding:2px 6px;border:1px solid var(--line);border-radius:5px;background:#ffffff0c;font:13px var(--mono)}.guide-body pre{overflow:auto;margin:24px 0;padding:20px;border:1px solid var(--line);border-radius:12px;background:#050506}.guide-body pre code{padding:0;border:0;background:none;line-height:1.8}.guide-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:76px;padding:26px 28px;border:1px solid var(--line);border-radius:16px;background:#fff;color:#09090b}.guide-cta strong{font-size:17px}.guide-cta p{margin:7px 0 0;color:#52525b;font-size:12px}.guide-cta a{flex:0 0 auto;padding:11px 15px;border-radius:9px;background:#09090b;color:#fff;font-size:13px;text-decoration:none}.guide-footer{display:flex;justify-content:space-between;max-width:1120px;margin:auto;padding:28px 24px;border-top:1px solid var(--line);color:#71717a;font:11px var(--mono)}@media(max-width:700px){.guide-header nav a:first-child{display:none}.guide-index,.guide-article{padding-top:56px}.guide-list{grid-template-columns:1fr;margin-top:50px}.guide-hero h1{font-size:43px}.guide-article h1{font-size:37px}.guide-cta{align-items:flex-start;flex-direction:column}.guide-cta a{width:100%;text-align:center}}