*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#071321;color:#f7f3e9;font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;line-height:1.9}a{color:#f5c978}header,main,footer{max-width:900px;margin:auto;padding:22px 24px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #4b5264}header a{text-decoration:none;font-weight:750}.eyebrow{color:#f5c978;letter-spacing:.16em;font-size:.78rem;font-weight:700}.lead{font-size:1.2rem;color:#e6d4af}h1{font-size:clamp(2rem,4.8vw,3.4rem);line-height:1.35}h2{font-size:1.45rem;margin-top:2.4rem}p{color:#d8deea}.hero{background:linear-gradient(110deg,rgba(4,16,33,.97),rgba(5,23,44,.72)),url('../sunset-crow-hero.webp') center/cover;border:1px solid #66583c;border-radius:20px;padding:clamp(20px,5vw,45px);margin:25px 0}.progress{display:flex;gap:7px}.progress span{flex:1;height:5px;background:#314055;border-radius:9px}.progress .on{background:#eebc60}.diagram{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:28px 0}.diagram div{padding:18px 12px;border:1px solid #bb934c;border-radius:12px;background:#17283c;text-align:center;font-weight:700;line-height:1.6}.diagram div+div:before{content:'→';display:block;color:#f5c978;font-size:24px}.note{border-left:4px solid #f5c978;background:#17283c;padding:18px 22px;border-radius:4px;margin:25px 0}.nav{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between;margin:32px 0}.btn{display:inline-block;background:#f5c978;color:#061524;text-decoration:none;padding:13px 18px;border-radius:10px;font-weight:800}.btn.secondary{background:#192f45;color:#f5c978;border:1px solid #9e814a}.ten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:25px 0}.ten div{border:1px solid #3d5670;border-radius:10px;padding:12px;background:#15273b}footer{border-top:1px solid #39475b;color:#b6c4d3;font-size:.85rem}@media(max-width:600px){header,main,footer{padding:16px}header{flex-direction:column;align-items:flex-start}h1{font-size:2rem}.diagram{grid-template-columns:1fr}.diagram div+div:before{content:'↓'}.ten{grid-template-columns:1fr}.nav a{width:100%;text-align:center}}
/* B24 special comparison */
.comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.compare-card{padding:18px;border:1px solid #806b4e;border-radius:14px;background:#10263b}.compare-card h3{margin-top:0}.compare-card ol{padding-left:20px}.compare-card li{margin-bottom:9px}@media(max-width:640px){.comparison{grid-template-columns:1fr}.compare-card{padding:15px}}