.guide-shell{background-color:var(--g-bg);min-height:100vh}.guide-shell--kotobako{--g-bg:#faf9f7;--g-bg-tint:#f3f0ea;--g-surface:#fff;--g-text:#3d3730;--g-text-mid:#5a5248;--g-text-light:#8b8578;--g-line:#e0dbd2;--g-card-line:#eceae4;--g-accent:#78909c;--g-accent-soft:#eef1f3;--g-shadow:rgba(90,82,72,.12);--g-title-font:var(--font-elegant-jp),serif;--g-body-font:var(--font-sans)}.guide-shell--moku{--g-bg:#fff;--g-bg-tint:#f7f4ee;--g-surface:#fff;--g-text:#0d0d0d;--g-text-mid:#222;--g-text-light:#4a4a4a;--g-line:#d4d4d4;--g-card-line:#e8e4dc;--g-accent:#5b8a8a;--g-accent-soft:#eef3f3;--g-shadow:rgba(72,58,40,.14);--g-title-font:"Noto Sans JP",sans-serif;--g-body-font:"Noto Sans JP",sans-serif}.guide-shell .guide-section{background-color:var(--g-bg);padding:44px 24px}.guide-shell .guide-section--tint{background-color:var(--g-bg-tint)}.guide-shell .guide-inner{margin:0 auto;max-width:560px}.guide-shell .guide-hero{padding-bottom:28px;padding-top:40px}.guide-shell .hero-back{align-items:center;color:var(--g-text-light);display:inline-flex;font-family:var(--g-body-font);font-size:.6875rem;gap:8px;margin-bottom:20px;transition:color .2s}.guide-shell .hero-back:hover{color:var(--g-accent)}.guide-shell .hero-back-icon{border-radius:6px;height:22px;width:22px}.guide-shell .hero-icon{border-radius:14px;box-shadow:0 4px 16px var(--g-shadow);display:block;height:64px;margin:0 auto 16px;width:64px}.guide-shell .hero-step{color:var(--g-accent);font-family:var(--font-elegant),serif;font-size:.75rem;letter-spacing:.2em;margin-bottom:6px}.guide-shell .hero-title{color:var(--g-text);font-family:var(--g-title-font);font-size:1.5rem;font-weight:600;letter-spacing:.04em;line-height:1.5;margin-bottom:10px}.guide-shell .hero-title--hub{font-size:1.375rem;text-align:center}.guide-shell .hero-lead{font-size:.8125rem}.guide-shell .hero-lead,.guide-shell .hero-subtitle{color:var(--g-text-light);font-family:var(--g-body-font);line-height:1.9}.guide-shell .hero-subtitle{font-size:.75rem;text-align:center;white-space:pre-line}.guide-shell .guide-title{border-bottom:1px solid var(--g-line);color:var(--g-text);font-family:var(--g-title-font);font-size:1.125rem;font-weight:600;letter-spacing:.04em;margin-bottom:16px;padding-bottom:10px}.guide-shell .guide-subtitle{color:var(--g-text);font-family:var(--g-body-font);font-size:.875rem;font-weight:700;letter-spacing:.02em;margin:28px 0 12px}.guide-shell .guide-text{color:var(--g-text-mid);font-family:var(--g-body-font);font-size:.8125rem;letter-spacing:.02em;line-height:2;margin-bottom:16px}.guide-shell .guide-text strong{color:var(--g-text);font-weight:700}.guide-shell .guide-note{font-size:.75rem;line-height:1.9;margin-top:16px}.guide-shell .caption,.guide-shell .guide-note{color:var(--g-text-light);font-family:var(--g-body-font)}.guide-shell .caption{font-size:.6875rem;margin:0 0 16px;text-align:center}.guide-shell .card-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.guide-shell .card-item{background-color:var(--g-surface);border:1px solid var(--g-card-line);border-radius:12px;padding:14px 16px}.guide-shell .card-head{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.guide-shell .card-name{color:var(--g-text);font-family:var(--g-body-font);font-size:.8125rem;font-weight:700;letter-spacing:.02em}.guide-shell .card-desc{color:var(--g-text-light);font-family:var(--g-body-font);font-size:.75rem;line-height:1.9;margin:0}.guide-shell .field-list{display:flex;flex-direction:column;gap:8px;margin:0}.guide-shell .field-item{align-items:baseline;background-color:var(--g-surface);border:1px solid var(--g-card-line);border-radius:10px;display:flex;gap:12px;padding:10px 14px}.guide-shell .field-label{color:var(--g-text);flex-shrink:0;font-family:var(--g-body-font);font-size:.75rem;font-weight:700;letter-spacing:.02em;min-width:5.5em}.guide-shell .field-label--accent{color:var(--g-accent)}.guide-shell .field-desc{color:var(--g-text-light);font-family:var(--g-body-font);font-size:.75rem;line-height:1.7;margin:0}.guide-shell .point-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin:0 0 8px}.guide-shell .point-card{background-color:var(--g-surface);border:1px solid var(--g-card-line);border-radius:12px;padding:14px}.guide-shell .point-label{color:var(--g-accent);font-family:var(--g-body-font);font-size:.8125rem;font-weight:700;letter-spacing:.02em;margin-bottom:6px}.guide-shell .point-desc{color:var(--g-text-light);font-family:var(--g-body-font);font-size:.6875rem;line-height:1.8;margin:0}.guide-shell .check-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0 0 16px;padding:0}.guide-shell .check-item{background-color:var(--g-surface);border:1px solid var(--g-card-line);border-radius:10px;color:var(--g-text-mid);font-family:var(--g-body-font);font-size:.75rem;line-height:1.8;padding:10px 14px 10px 32px;position:relative}.guide-shell .check-item:before{color:var(--g-accent);content:"✓";font-weight:700;left:13px;position:absolute}.guide-shell .badge{border-radius:999px;flex-shrink:0;font-family:var(--g-body-font);font-size:.625rem;font-weight:700;letter-spacing:.04em;padding:2px 8px}.guide-shell .badge--free{background-color:#e9f0eb;color:#5f7b68}.guide-shell .badge--premium{background-color:#f3ecdd;color:#8a744a}.guide-shell .phone-shot-wrapper{display:flex;justify-content:center;margin:4px 0 20px}.guide-shell .phone-shot{border-radius:14px;box-shadow:0 8px 28px var(--g-shadow);height:auto;width:220px}.guide-shell .phone-shot--wide{border-radius:18px;width:300px}.guide-shell .hub-list{counter-reset:none;display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.guide-shell .hub-card{align-items:center;background-color:var(--g-surface);border:1px solid var(--g-card-line);border-radius:12px;display:flex;gap:14px;padding:14px 16px;transition:border-color .2s,transform .2s}.guide-shell .hub-card:hover{border-color:var(--g-accent);transform:translate(2px)}.guide-shell .hub-num{color:var(--g-accent);flex-shrink:0;font-family:var(--font-elegant),serif;font-size:.9375rem;font-weight:600}.guide-shell .hub-body{display:flex;flex:1;flex-direction:column;gap:3px}.guide-shell .hub-card-title{color:var(--g-text);font-family:var(--g-body-font);font-size:.8125rem;font-weight:700;letter-spacing:.02em;line-height:1.5}.guide-shell .hub-lead{color:var(--g-text-light);font-family:var(--g-body-font);font-size:.6875rem;line-height:1.6}.guide-shell .hub-arrow{color:var(--g-accent);flex-shrink:0;font-size:.875rem}.guide-shell .guide-pager-section{padding-bottom:8px;padding-top:8px}.guide-shell .pager{display:grid;gap:10px;grid-template-columns:1fr 1fr}.guide-shell .pager-link{background-color:var(--g-surface);border:1px solid var(--g-card-line);border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:12px 14px;transition:border-color .2s}.guide-shell .pager-link:hover{border-color:var(--g-accent)}.guide-shell .pager-link--empty{background-color:transparent;border-color:transparent}.guide-shell .pager-link--next{text-align:right}.guide-shell .pager-dir{color:var(--g-accent);font-family:var(--g-body-font);font-size:.625rem;font-weight:700;letter-spacing:.04em}.guide-shell .pager-title{color:var(--g-text-mid);font-family:var(--g-body-font);font-size:.75rem;line-height:1.5}.guide-shell .pager-home{color:var(--g-text-light);display:block;font-family:var(--g-body-font);font-size:.75rem;margin-top:20px;padding:10px;text-align:center;transition:color .2s}.guide-shell .pager-home:hover{color:var(--g-accent)}.guide-shell .guide-foot{padding-bottom:64px;padding-top:24px;text-align:center}.guide-shell .foot-lead{color:var(--g-text-light);font-family:var(--g-body-font);font-size:.75rem;margin-bottom:14px}.guide-shell .foot-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.guide-shell .foot-link{background-color:var(--g-surface);border:1px solid var(--g-line);border-radius:999px;color:var(--g-text-mid);font-family:var(--g-body-font);font-size:.75rem;padding:8px 16px;transition:border-color .2s,color .2s}.guide-shell .foot-link:hover{border-color:var(--g-accent);color:var(--g-accent)}@media(max-width:768px){.guide-shell .guide-section{padding:36px 20px}.guide-shell .guide-hero{padding-bottom:20px;padding-top:32px}.guide-shell .hero-title{font-size:1.375rem}.guide-shell .hero-title--hub{font-size:1.25rem}.guide-shell .field-label{min-width:5em}.guide-shell .point-grid{grid-template-columns:1fr}}