:root{--blue:#075fbe;--blue-strong:#0755a7;--navy:#20242b;--text:#1f2937;--muted:#5a6572;--muted-2:#64748b;--line:#d8e0ea;--line-soft:#e9eef4;--page-bg:#f4f8fc;--band:#f3fafe;--page-gutter:28px;--space-3:12px;--space-4:16px;--space-5:24px;--radius-sm:8px;--radius-md:12px;--font:"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP","Yu Gothic",YuGothic,system-ui,sans-serif}*{box-sizing:border-box;letter-spacing:0;margin:0;padding:0}html{background:var(--page-bg);text-size-adjust:100%;overflow-x:clip}body{font-family:var(--font);color:var(--text);background:var(--page-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.7;overflow-x:clip}a{color:inherit;text-underline-offset:.18em;text-decoration:none}a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}img{max-width:100%;display:block}.page{background:#fff;width:100%;max-width:728px;min-height:100vh;margin:0 auto;position:relative;box-shadow:0 0 0 1px #a0b4c64d}.guide-shell{margin:28px var(--page-gutter) 0;color:#152237;padding-bottom:120px}.guide-eyebrow{color:#34465b;background:#edf2f7;border-radius:8px;justify-content:center;align-items:center;min-height:27px;padding:4px 11px;font-size:12px;font-weight:800;line-height:1.4;display:inline-flex}.guide-title{letter-spacing:.005em;color:#172235;margin-top:10px;font-size:28px;font-weight:800;line-height:1.35}.guide-lead{color:#596d84;margin-top:8px;font-size:15px;font-weight:500;line-height:1.7}.guide-meta{color:#64748b;flex-wrap:wrap;gap:8px 14px;margin-top:14px;font-size:13px;font-weight:600;display:flex}.guide-meta b{color:#334155;font-weight:700}.guide-note{border-radius:var(--radius-md);background:var(--band);color:#334155;border:1px solid #d7e3f0;margin-top:18px;padding:14px 16px;font-size:14px;line-height:1.7}.guide-note strong{color:#0f3f74}.guide-hero{border:1px solid var(--line-soft);border-radius:var(--radius-md);background:#eef4fa;margin-top:18px;overflow:hidden}.guide-hero img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}.guide-hero figcaption{color:#64748b;padding:10px 14px 12px;font-size:12px;line-height:1.5}.guide-prose img{border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:#eef4fa;width:100%;height:auto;margin:.4em 0 1.2em}.guide-prose figure{margin:0 0 1.3em}.guide-prose figcaption{color:#64748b;margin-top:-.7em;font-size:12.5px;line-height:1.5}.category-nav{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.category-chip{border:1px solid var(--line);color:#334155;background:#fff;border-radius:999px;align-items:center;min-height:40px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.category-chip[aria-current=page],.category-chip.is-active{color:var(--blue-strong);background:#eef6fd;border-color:#9dc0e8}.guide-list{gap:12px;margin-top:22px;display:grid}.guide-card{border:1px solid var(--line-soft);border-radius:var(--radius-md);background:#fff;padding:16px 16px 15px;display:block}.guide-card:hover{border-color:#b7cce4}.guide-card-thumb{aspect-ratio:16/9;object-fit:cover;background:#eef4fa;border-radius:8px;width:100%;height:auto;margin-bottom:12px}.guide-card-cat{color:var(--blue);font-size:12px;font-weight:800}.guide-card-title{color:#172235;margin-top:4px;font-size:17px;font-weight:800;line-height:1.45}.guide-card-desc{color:#596d84;margin-top:6px;font-size:14px;line-height:1.6}.guide-section-label{align-items:baseline;gap:8px;margin-top:34px;display:flex}.guide-section-label b{color:#2a303a;font-size:18px;font-weight:800}.guide-section-label:after{content:"";background:var(--line-soft);flex:1;align-self:center;height:1px;margin-left:4px}.guide-prose{color:#243041;margin-top:18px;font-size:16px;line-height:1.85}.guide-prose h2{color:#172235;border-top:1px solid var(--line-soft);margin:2.1em 0 .7em;padding-top:.2em;font-size:22px;font-weight:800;line-height:1.4}.guide-prose h2:first-child{border-top:0;margin-top:0;padding-top:0}.guide-prose h3{color:#1f2a3a;margin:1.4em 0 .45em;font-size:17px;font-weight:800}.guide-prose p{margin:0 0 1em}.guide-prose ul,.guide-prose ol{margin:0 0 1.1em;padding-left:1.25em}.guide-prose li{margin:.35em 0}.guide-prose li::marker{color:#6b7c90}.guide-prose strong{color:#152237;font-weight:800}.guide-prose a{color:var(--blue);text-underline-offset:.18em;text-decoration:underline}.guide-prose table{border-collapse:collapse;width:100%;margin:0 0 1.2em;font-size:14px}.guide-prose th,.guide-prose td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 12px}.guide-prose th{color:#243447;background:#f3f7fb;font-weight:800}.guide-prose blockquote{color:#334155;background:#f5f9fd;border-left:4px solid #7eb0e4;margin:0 0 1.2em;padding:12px 14px}.related{margin-top:40px;padding-top:8px}.related-title{color:#172235;font-size:18px;font-weight:800}.related-list{gap:10px;margin-top:12px;display:grid}.related-link{border:1px solid var(--line-soft);border-radius:var(--radius-sm);color:#1d4f8c;padding:12px 14px;font-size:15px;font-weight:700;line-height:1.45;display:block}.related-link:hover{background:#f8fbfe;border-color:#b7cce4}.guide-footer-note{border-top:1px solid var(--line-soft);color:#64748b;margin-top:36px;padding-top:18px;font-size:13px;line-height:1.7}.shop-search-cta{border-radius:var(--radius-md);background:linear-gradient(#f7fbfe,#eef6fc);border:1px solid #c9dced;margin:28px 0;padding:18px 18px 16px}.shop-search-cta-kicker{letter-spacing:.02em;color:#3d5f82;font-size:12px;font-weight:800}.shop-search-cta .shop-search-cta-title,.guide-prose .shop-search-cta-title{color:#172235;border:0;margin:6px 0 0;padding:0;font-size:18px;font-weight:800;line-height:1.4}.shop-search-cta-text{color:#4a5d73;margin:8px 0 0;font-size:14px;font-weight:500;line-height:1.7}.shop-search-cta-btn{background:linear-gradient(#1d75d1,#075fbe);border-radius:10px;justify-content:center;align-items:center;min-height:44px;margin-top:14px;padding:0 18px;font-size:15px;font-weight:800;display:inline-flex;box-shadow:0 4px 12px #075fbe38;color:#fff!important;text-decoration:none!important}@media (hover:hover){.shop-search-cta-btn:hover{background:linear-gradient(#166bc3,#0755a7)}}.shop-search-cta--inline{margin:1.6em 0 1.8em;padding:16px 16px 14px}.shop-search-cta--inline .shop-search-cta-title{font-size:17px}.shop-search-cta--end{margin:36px 0 0}@media (width<=640px){.guide-shell{margin-top:22px;padding-bottom:120px}.guide-title{font-size:24px}.guide-prose{font-size:15.5px;line-height:1.8}.guide-prose h2{font-size:20px}.shop-search-cta{padding:16px 14px 14px}.shop-search-cta-btn{width:100%}}
