body,html{margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:90px}.b-social{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.b-social a{display:inline-flex;gap:8px;align-items:center;border:1px solid #d8b67d;border-radius:999px;padding:10px 16px;min-height:44px;font-size:14px;color:#79501e;background:#ffffff90}.b-social a:hover{background:#fff2d6}.footer .b-social a{color:#79501e;border-color:#c4a16c;background:transparent}.b-social span{font-size:18px}.b-device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:24px;gap:24px}.b-device{padding:30px}.b-device-number{color:#c98212;font-size:28px;font-weight:800}.b-device h3{margin:12px 0}.b-device p,.b-guide p,.drama-body p{line-height:1.8;color:#7a6a57;margin:10px 0 20px}.b-guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:20px;gap:20px}.b-guide{padding:24px}.b-guide h3{margin-top:18px}.b-text-link{color:#985f0e;font-weight:700}.genre-item h3{font-size:16px;margin-bottom:8px}.step h3{font-size:18px;margin:20px 0 12px}.foot-col h3{font-size:16px;margin-bottom:18px}.foot-top{grid-template-columns:2fr 1fr 1fr}.mobile-bar .btn{width:100%}.menu{gap:0}.menu a{padding:10px;font-size:13px}.nav-cta{gap:6px}.nav-cta .btn{padding:10px 12px}.faq-wrap details p{line-height:1.9;padding:0 24px 24px;color:#74614d}.faq-wrap summary{cursor:pointer}.reveal{opacity:1;transform:none}.hero h1{font-size:clamp(36px,4.2vw,60px)}.hero{background-image:linear-gradient(105deg,rgba(255,251,245,.97),rgba(255,251,245,.78) 52%,rgba(255,251,245,.12)),var(--b-hero-image,url("/images/hero-bg.jpg"))}a:focus-visible,button:focus-visible{outline:3px solid #a96b12;outline-offset:4px}@media(max-width:1100px){.menu{display:none}.menu-toggle{display:flex}}@media(max-width:900px){.b-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.b-device-grid{grid-template-columns:1fr}.foot-top{grid-template-columns:1fr 1fr}}@media(max-width:600px){.nav-cta .btn-primary{display:none}.hero h1{font-size:36px}.b-guide-grid,.foot-top{grid-template-columns:1fr}.hero-meta{gap:10px}.hero-btns{gap:12px}.b-social{gap:8px}.sec-head .sec-title{overflow-wrap:anywhere}.b-device{padding:24px}.sticker-new{font-size:16px}.hero-visual{min-height:420px}.float-card.fc1{max-width:210px}.b-lang{display:inline-flex}}