:root{--navy:#282e36;--blue:#11438d;--gold:#eeb527;--ink:#2d333b;--muted:#6a7788;--soft:#f2f5fa}*{box-sizing:border-box}html{scroll-behavior:smooth}.tdb-beginner{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Yu Gothic",Meiryo,sans-serif}.beginner-wrap{width:min(920px,calc(100% - 38px));margin:0 auto}.beginner-hero{padding:70px 0 60px;background:linear-gradient(135deg,#1c56ac,#2061c3);color:#fff}.beginner-eyebrow{font-size:.78rem;font-weight:900;letter-spacing:.15em;color:#f3cd6c}.beginner-hero h1{font-size:clamp(2.6rem,7vw,4.7rem);line-height:1.18;letter-spacing:.01em;margin:12px 0 20px}.beginner-hero p{max-width:730px;font-size:1.05rem;line-height:1.9;color:#e2eaf4}.beginner-section{padding:68px 0;scroll-margin-top:90px}.beginner-section.soft{background:var(--soft)}.section-number{font-weight:900;color:#134898;letter-spacing:.14em}.beginner-section h2{font-size:clamp(2rem,5vw,3rem);color:var(--navy);margin:7px 0 14px;line-height:1.34;letter-spacing:.01em}.lead{font-size:1.05rem;line-height:1.9;color:#5e6877}.tip-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px}.tip-grid article,.rule-note,.street-list article{border:1px solid #dce3ed;border-radius:18px;background:#fff;padding:22px}.tip-grid strong,.street-list span{display:block;color:#282e36;font-size:1.03rem;font-weight:900}.tip-grid p,.street-list p{margin:9px 0 0;color:#697586;line-height:1.75}.rule-note{margin:28px 0;background:#fff9e7;border-color:#ecdba7}.rule-note p{font-weight:900;letter-spacing:.08em;color:#795b1d;margin:8px 0 0}.street-list{display:grid;gap:13px;margin-top:28px}.caution{margin-top:24px;padding:16px 18px;border-radius:14px;background:#f7f9fb;color:#687484;font-size:.88rem;line-height:1.75}.beginner-section.soft .caution{background:#fff}.beginner-next{padding:58px 0;background:#1b53a6;color:#fff}.beginner-next h2{font-size:clamp(2rem,5vw,3rem);margin:0 0 10px;line-height:1.34;letter-spacing:.01em}.beginner-next p{color:#d9e3f0}.next-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.next-actions a{display:inline-flex;padding:12px 16px;border-radius:12px;text-decoration:none;font-weight:900;background:#f1c34f;color:#252a30}.next-actions a+ a{background:#fff;color:#2e353e}@media(max-width:650px){.beginner-hero{padding:48px 0 42px}.beginner-section{padding:50px 0}.tip-grid{grid-template-columns:1fr}}


/* Center rule guide */
.rule-group{margin-top:34px}.rule-group:first-of-type{margin-top:28px}.rule-group-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:13px;padding-bottom:9px;border-bottom:2px solid #d9e2ee}.rule-group-head span{display:inline-flex;padding:5px 9px;border-radius:999px;background:#1c56ac;color:#fff;font-size:.76rem;font-weight:900;letter-spacing:.06em}.rule-group-head strong{color:#30363f;font-size:1.05rem;font-weight:900}.rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rule-card{border:1px solid #d7e0eb;border-radius:18px;background:#fff;padding:21px;box-shadow:0 8px 24px rgba(43,48,56,.035)}.rule-card-wide{grid-column:1/-1}.rule-tag{display:inline-block;margin-bottom:9px;padding:4px 8px;border-radius:8px;background:#edf2f8;color:#11438d;font-size:.72rem;font-weight:900}.rule-card strong{display:block;color:#282e36;font-size:1.08rem;font-weight:950;line-height:1.45}.rule-card p{margin:9px 0 0;color:#667181;line-height:1.78}.rule-card em{display:block;margin-top:13px;padding-top:11px;border-top:1px dashed #d8e0ea;color:#745916;font-size:.86rem;font-style:normal;font-weight:900;line-height:1.6}.rule-card-wide p+p{margin-top:12px}.beginner-section.soft .rule-card{background:#fff}.beginner-section.soft .caution{margin-top:30px}
@media(max-width:650px){.rule-grid{grid-template-columns:1fr}.rule-card-wide{grid-column:auto}.rule-group{margin-top:28px}.rule-group-head{display:grid;gap:7px}.rule-card{padding:19px}}