.guide-page{--guide-ink:#18332d;--guide-green:#18574e;--guide-muted:#34483f;color:var(--guide-ink);font-size:1.125rem;line-height:1.9;overflow-wrap:anywhere}
.guide-page h1,.guide-page h2,.guide-page h3{line-height:1.6;color:var(--guide-ink)}
.guide-page h1{font-size:clamp(2.6rem,4.5vw,4.2rem);letter-spacing:.04em;margin-bottom:24px}
.guide-page h2{font-size:clamp(1.65rem,2.8vw,2.5rem);margin-bottom:24px}
.guide-page p{color:var(--guide-muted);line-height:1.95}
.guide-page [id]{scroll-margin-top:24px}
.guide-page .guide-eyebrow{font-size:1rem;letter-spacing:.12em;font-weight:700;color:var(--guide-green);margin-bottom:20px}
.guide-hero{padding:72px 0;background:#faf8f3}
.guide-split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.guide-split>*,.guide-workflow>*{min-width:0}
.guide-lead{font-size:1.25rem;margin-bottom:28px}
.guide-hero-photo,.guide-scene-photo{margin:0;overflow:hidden;border-radius:18px}
.guide-hero-photo{border-radius:80px 18px 18px 18px}
.guide-hero-photo img,.guide-scene-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.guide-link,.guide-start-link,.guide-note a{color:var(--guide-green);text-underline-offset:5px}
.guide-link{font-weight:700}.guide-start-link{display:block;font-size:1.0625rem;margin-top:20px}
.guide-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:32px;padding-bottom:32px;gap:16px}
.guide-nav a{padding:22px 18px;border:1px solid #dce5df;border-radius:12px;text-decoration:none;color:var(--guide-ink);background:#fff}
.guide-nav span{display:block;color:var(--guide-green);font-size:1rem;margin-bottom:12px}.guide-nav strong{display:block;font-size:1.125rem;line-height:1.7}.guide-nav small{display:block;color:var(--guide-muted);margin-top:16px;font-size:1rem}
.guide-nav a:hover{background:#f1f6f3;border-color:var(--guide-green)}
.guide-page a:focus-visible{outline:3px solid #b18b44;outline-offset:5px}
.guide-scene{padding:72px 0}.guide-scene:nth-of-type(even){background:#f1f6f3}.guide-story{margin-bottom:40px}.guide-story p:last-child{max-width:34rem;margin:0}
.guide-scene-photo img{max-height:290px}
.guide-solution{border-top:1px solid #ccdcd3;padding:28px 0;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.guide-solution>span{background:var(--guide-green);color:#fff;border-radius:30px;padding:7px 14px;font-size:1rem;font-weight:700}
.guide-solution h3{font-size:1.3rem;margin:0}.guide-solution p{flex-basis:100%;margin:0}
.guide-workflow{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:start}
.guide-workflow h4{font-size:1.0625rem;font-weight:700;margin:4px 0 24px}
.guide-steps{counter-reset:guide-step;list-style:none;padding:0;margin:0}.guide-steps li{counter-increment:guide-step;position:relative;padding:0 0 28px 44px}.guide-steps li::before{content:counter(guide-step);position:absolute;left:0;top:0;display:grid;place-items:center;width:30px;height:30px;border:1px solid #a1b9aa;border-radius:50%;font-size:1rem;color:var(--guide-green)}.guide-steps strong{font-size:1.125rem}.guide-steps p{font-size:1.125rem;margin:7px 0 0}
.guide-screen{background:#fff;border:1px solid #dce5df;border-radius:12px;overflow:hidden;margin:0;box-shadow:0 12px 30px #233f480a}.guide-screen-bar{padding:14px 18px;background:#f7f9f8;font-size:1rem;border-bottom:1px solid #e1e8e3}.guide-screen-bar span{color:#afc3b8;letter-spacing:3px;margin-right:14px}.guide-screen a{display:block;margin:12px}.guide-screen img{display:block;width:100%;height:auto}.guide-screen figcaption{font-size:1rem;line-height:1.8;padding:12px 18px 18px;color:var(--guide-muted)}
.guide-benefit{padding:20px;border-left:3px solid #b49a66;background:#faf8f3}.guide-benefit strong{font-size:1rem;color:var(--guide-green)}.guide-benefit p{font-size:1.125rem;margin:8px 0 0}
.guide-getting-started{padding-top:72px;padding-bottom:64px}.guide-registration{display:grid;grid-template-columns:1fr 1fr;gap:24px 40px;padding:0;list-style:none;margin:32px 0}.guide-registration li{display:flex;gap:18px;border-top:1px solid #dce5df;padding-top:22px}.guide-registration li>span{flex:0 0 2ch;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--guide-green);font-size:1.15rem}.guide-registration li>div{min-width:0;flex:1}.guide-registration h3{font-size:1.25rem}.guide-registration p{font-size:1.125rem;margin:0}.guide-note{font-size:1rem;line-height:1.9;margin-top:28px}.guide-getting-started .guide-note{background:#f6f7f4;padding:24px;border-radius:12px;margin-bottom:24px}.guide-note p{margin:8px 0 0}
@media(min-width:1400px){.guide-page .container{max-width:1200px}}
@media(max-width:991px){.guide-split{gap:32px}.guide-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-workflow{grid-template-columns:1fr;gap:28px}}
@media(max-width:767px){.guide-hero{padding:40px 0}.guide-split,.guide-registration{grid-template-columns:1fr;gap:24px}.guide-hero-photo{border-top-left-radius:48px}.guide-nav{grid-template-columns:1fr;gap:12px;padding-top:20px;padding-bottom:20px}.guide-nav a{padding:16px 12px}.guide-nav strong{font-size:1.125rem}.guide-nav small{font-size:1rem}.guide-scene{padding:44px 0}.guide-story{margin-bottom:24px}.guide-scene-photo img{max-height:240px}.guide-solution{gap:12px;padding:24px 0}.guide-solution h3{font-size:1.15rem}.guide-getting-started{padding-top:44px;padding-bottom:44px}.guide-lead{font-size:1.1875rem}}

.guide-page .schedule-preview-controls button{font-size:1rem;line-height:1.6;color:var(--guide-green)}
.guide-page .schedule-preview-controls button[aria-pressed="true"]{background:var(--guide-green);color:#fff}
.guide-page .schedule-preview-panel strong{font-size:1.125rem;color:var(--guide-ink)}
.guide-page .schedule-preview-panel figcaption p{font-size:1.125rem;line-height:1.95;color:var(--guide-muted)}
.guide-page .schedule-preview-panel figcaption a,.guide-page .schedule-preview .schedule-preview-note{font-size:1rem;line-height:1.9;color:var(--guide-green)}
.guide-page .notification-scene-label{font-size:1rem;color:#704b13}
.guide-page .notification-scene-message strong{font-size:1.25rem;line-height:1.7;color:var(--guide-ink)}
.guide-page .notification-scene-message p{font-size:1.0625rem!important;line-height:1.9;color:var(--guide-muted)}
.guide-page .notification-scene figcaption{font-size:1rem;line-height:1.9;color:var(--guide-muted)}

/* Keep the current topic visible under the site header. */
.guide-sticky{position:sticky;top:var(--guide-header-height,80px);z-index:1010;background:#fff;border-bottom:1px solid #dce5df;box-shadow:0 4px 16px #18332d08}
.guide-sticky-track{display:flex;gap:8px;overflow-x:auto;padding-top:12px;padding-bottom:12px;scrollbar-width:thin}
.guide-sticky a{flex:none;padding:8px 15px;border-radius:24px;color:#31594e;text-decoration:none;font:600 .9375rem/1.5 "Noto Sans JP","Yu Gothic",sans-serif}
.guide-sticky a:hover,.guide-sticky a[aria-current]{background:#18574e;color:#fff}
.guide-page [id]{scroll-margin-top:var(--guide-scroll-offset,170px)}
.guide-page p,.guide-steps,.guide-registration,.guide-next{font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
.guide-start-intro{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:36px;padding:40px;background:#f1f6f3;border:1px solid #d5e3d9;border-radius:24px}
.guide-start-intro h2{font-size:clamp(1.7rem,3vw,2.5rem)}
.guide-start-picture{text-align:center;color:#31594e;font-size:1rem;font-weight:600}
.guide-start-picture svg{display:block;width:100%;max-width:340px;margin:0 auto 16px}
.guide-registration-rich{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.guide-registration-rich li{display:block;padding:24px;border:1px solid #d5e3d9;border-radius:18px;background:#fff;box-shadow:0 7px 20px #18332d06}
.guide-step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;color:#18574e}
.guide-step-top span{font-size:1.1rem;font-weight:700;background:#edf5ee;padding:6px 12px;border-radius:10px}
.guide-step-top svg{width:32px;height:32px}
.guide-registration-rich h3{font-size:1.2rem;line-height:1.6}
.guide-registration-rich p{font-size:1rem;line-height:1.85;color:#344e45}
.guide-next{padding:28px;border-radius:18px;background:#faf7ef}
.guide-next>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}
.guide-next>div a{background:#fff;border:1px solid #e6dfcf;border-radius:10px;padding:15px;color:#18574e;font-weight:600;text-decoration:none;font-size:1rem}
@media(max-width:991px){.guide-registration-rich{grid-template-columns:1fr 1fr}.guide-start-intro{gap:20px;padding:28px}}
@media(max-width:767px){.guide-sticky-track{padding-top:8px;padding-bottom:8px}.guide-sticky a{font-size:.875rem;padding:7px 12px}.guide-start-intro{grid-template-columns:1fr;padding:24px}.guide-start-picture svg{max-width:240px}.guide-registration-rich{grid-template-columns:1fr}.guide-next>div{grid-template-columns:1fr}.guide-next{padding:24px}}
@media(prefers-reduced-motion:no-preference){html:has(.guide-page){scroll-behavior:smooth}}

html:has(.guide-page){scroll-padding-top:0}