.guide{--guide-w:760px;color:var(--ink);font-family:var(--ff-jp);background:#fff;line-height:1.9}.guide-inner{max-width:var(--guide-w);margin:0 auto;padding:clamp(24px,4vw,44px) clamp(18px,4vw,28px) clamp(40px,6vw,72px)}.guide-crumbs{color:var(--ink2);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:clamp(14px,2vw,20px);font-size:13px;display:flex}.guide .guide-crumbs a{color:var(--blue);text-decoration:none}.guide .guide-crumbs a:hover{text-decoration:underline}.guide-crumbs .sep{opacity:.5}.guide h1{font-family:var(--ff-disp);color:var(--navy-deep);margin-bottom:14px;font-size:clamp(24px,3.4vw,36px);line-height:1.4}.guide .guide-lead{color:#4a3a1e;background:var(--cream);border-left:5px solid var(--accent);border-radius:0 12px 12px 0;margin-bottom:10px;padding:14px 18px;font-size:clamp(15px,1.8vw,17px);font-weight:500}.guide .guide-meta{color:var(--ink2);margin-bottom:clamp(24px,4vw,36px);font-size:13px}.guide h2{font-family:var(--ff-disp);color:var(--navy-deep);border-bottom:3px solid var(--hl-band);margin:clamp(34px,5vw,52px) 0 16px;padding-bottom:10px;font-size:clamp(19px,2.4vw,25px);line-height:1.5}.guide h3{font-family:var(--ff-jp);color:var(--blue);margin:clamp(24px,3.4vw,34px) 0 10px;font-size:clamp(16px,1.9vw,19px);font-weight:800}.guide p{margin-bottom:18px;font-size:clamp(15px,1.7vw,16.5px)}.guide strong{background:linear-gradient(180deg, transparent 60%, var(--hl-band) 60%, var(--hl-band) 94%, transparent 94%);font-weight:800}.guide a{color:var(--blue);text-underline-offset:3px;text-decoration:underline}.guide-toc{background:#fbfaf4;border:2px solid #3c2e161a;border-radius:14px;margin-bottom:clamp(28px,4vw,40px);padding:18px 22px}.guide-toc-title{font-family:var(--ff-disp);color:var(--navy-deep);margin-bottom:10px;font-size:16px}.guide-toc ol{counter-reset:toc;list-style:none}.guide-toc li{counter-increment:toc;margin-bottom:7px;padding-left:30px;font-size:15px;position:relative}.guide-toc li:before{content:counter(toc);background:var(--blue);color:#fff;width:21px;height:21px;font-family:var(--ff-num);border-radius:50%;place-items:center;font-size:12px;font-weight:700;line-height:1;display:grid;position:absolute;top:4px;left:0}.guide-toc a{color:var(--ink);text-decoration:none}.guide-toc a:hover{color:var(--blue);text-decoration:underline}.guide-list{margin:0 0 22px}.guide-list li{margin-bottom:10px;padding-left:28px;font-size:clamp(15px,1.7vw,16.5px);position:relative}.guide-list li:before{content:"";background:var(--green-l);border-radius:50%;width:9px;height:9px;position:absolute;top:12px;left:6px}.guide-steps{counter-reset:gstep;margin:0 0 24px}.guide-steps li{counter-increment:gstep;margin-bottom:16px;padding-left:42px;font-size:clamp(15px,1.7vw,16.5px);position:relative}.guide-steps li:before{content:counter(gstep);background:linear-gradient(180deg, var(--cta-1), var(--cta-2));color:#fff;width:28px;height:28px;font-family:var(--ff-num);border-radius:50%;place-items:center;font-size:15px;font-weight:700;line-height:1;display:grid;position:absolute;top:3px;left:0}.guide-steps li b{color:var(--navy-deep);font-weight:800;display:block}.guide-note{background:#f2f8ff;border:2px solid #cfe3fa;border-radius:14px;margin:0 0 24px;padding:16px 20px}.guide-note p:last-child{margin-bottom:0}.guide-note .guide-note-title{font-family:var(--ff-disp);color:var(--navy-deep);margin-bottom:6px;font-size:15px}.guide-table-wrap{-webkit-overflow-scrolling:touch;margin:0 0 26px;overflow-x:auto}.guide-table{border-collapse:collapse;background:#fff;width:100%;min-width:460px;font-size:15px}.guide-table th,.guide-table td{text-align:left;vertical-align:top;border:1px solid #3c2e1624;padding:9px 12px}.guide-table thead th{background:var(--cream);color:var(--navy-deep);white-space:nowrap;font-weight:800}.guide-table td.en{font-family:var(--ff-num);color:var(--blue);white-space:nowrap;font-weight:700}.guide-table td.ex{color:var(--ink2);font-size:13.5px}.guide-keys{flex-wrap:wrap;gap:6px;margin:0 0 24px;display:flex}.guide-key{text-align:center;min-width:40px;font-family:var(--ff-num);color:var(--ink);background:#fff;border:2px solid #3c2e1626;border-bottom-width:4px;border-radius:8px;padding:9px 6px;font-size:15px;font-weight:700}.guide-key .finger{font-family:var(--ff-jp);color:var(--ink2);margin-top:2px;font-size:10px;font-weight:700;line-height:1.3;display:block}.guide-key.home{border-color:var(--gold-spark);background:#fff6d9}.guide-key.f1{color:var(--pink)}.guide-key.f2{color:var(--purple)}.guide-key.f3{color:var(--blue)}.guide-key.f4{color:var(--green)}.guide-cta{text-align:center;background:linear-gradient(#fff8e8,#ffeecd);border:2px solid #f2762e4d;border-radius:18px;margin:clamp(34px,5vw,48px) 0 0;padding:clamp(20px,3vw,28px)}.guide-cta h2{border:0;margin:0 0 8px;padding:0;font-size:clamp(18px,2.2vw,22px)}.guide-cta p{margin-bottom:16px;font-size:15px}.guide-cta .cta{background:linear-gradient(180deg, var(--cta-1), var(--cta-2));border-bottom:4px solid var(--cta-d);color:var(--cta-ink);font-family:var(--ff-disp);border-radius:999px;align-items:center;gap:10px;padding:14px 30px;font-size:clamp(16px,2vw,19px);text-decoration:none;display:inline-flex}.guide-cta .cta:hover{filter:brightness(1.05)}.guide-cta .cta-note{color:var(--ink2);margin:10px 0 0;font-size:12.5px}.guide-related{margin-top:clamp(36px,5vw,52px)}.guide-related h2{font-size:clamp(17px,2vw,20px)}.guide-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.guide a.guide-card{background:var(--card);color:var(--ink);border:2px solid #3c2e161f;border-radius:14px;padding:16px 18px;text-decoration:none;transition:border-color .15s;display:block}.guide a.guide-card:hover{border-color:var(--accent)}.guide-card .gc-emoji{margin-bottom:8px;font-size:22px;line-height:1}.guide-card .gc-title{font-family:var(--ff-jp);color:var(--navy-deep);margin-bottom:6px;font-size:15.5px;font-weight:800;line-height:1.6}.guide-card .gc-lead{color:var(--ink2);font-size:13px;line-height:1.75}.guide-index-head{text-align:center;margin-bottom:clamp(28px,4vw,40px)}.guide-index-head h1{margin-bottom:12px}.guide-index-head p{color:var(--ink2);margin:0}.guide-index .guide-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}