.skip-link{position:fixed;top:-80px;left:16px;z-index:200;background:#fff;padding:12px 20px;color:#3730a3;border:2px solid #4f46e5;border-radius:10px}.skip-link:focus{top:12px}a{color:#4338ca}a:focus-visible,button:focus-visible{outline:3px solid #0d9488;outline-offset:4px}.card h3 a,.extra-card h3 a,.drama-item h4 a{color:inherit;text-decoration:none}.card h3 a:hover,.extra-card h3 a:hover,.drama-item h4 a:hover{text-decoration:underline}section[id],h2[id]{scroll-margin-top:130px}.answer-panel,.source-panel{background:#fff;border:1px solid #e0e7ff;border-radius:24px;padding:28px 32px;margin-bottom:40px}.answer-panel h2,.source-panel h2{font-size:1.6rem;line-height:1.5}.answer-panel p,.source-panel p{color:#475569;margin:12px 0;line-height:1.85}.source-panel li{margin:12px 0;line-height:1.8}.source-panel ul{padding-left:24px}.small-note{font-size:.85rem}.comparison-wrap{overflow-x:auto;margin-top:20px}table{width:100%;border-collapse:collapse;font-size:.95rem;text-align:left}caption{text-align:left;font-weight:700;margin-bottom:10px}th,td{padding:14px;border:1px solid #dce3f4;vertical-align:top;min-width:130px}th{background:#eef2ff;color:#312e81}.article-shell{max-width:1040px;margin:0 auto;padding:38px 24px 70px}.breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:.9rem;margin-bottom:28px}.article-lead{padding:34px;border:1px solid #ddd6fe;border-radius:28px;background:linear-gradient(125deg,#eef2ff,#f5f3ff)}.article-lead h1{font-size:2.6rem;line-height:1.3;max-width:850px;margin:16px 0}.article-category{color:#6d28d9;font-size:.85rem;font-weight:750;letter-spacing:.1em}.article-summary{font-size:1.05rem;color:#475569;line-height:1.9}.article-figure{margin:26px 0}.article-figure img{width:100%;max-height:450px;border-radius:22px;object-fit:contain;background:#eef2ff}.article-figure figcaption{font-size:.85rem;color:#64748b;margin:8px 4px}.article-answer{padding:24px;border-left:4px solid #4f46e5;background:#fff;border-radius:0 18px 18px 0;margin:24px 0}.article-answer h2{font-size:1.2rem}.article-answer p{margin-top:10px;line-height:1.9}.article-toc{background:#fff;padding:24px 28px;border:1px solid #e0e7ff;border-radius:18px;margin:24px 0}.article-toc h2{font-size:1.2rem;margin-bottom:14px}.article-toc ol{padding-left:22px;columns:2;column-gap:40px}.article-toc li{margin:8px 0;break-inside:avoid}.article-body{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:38px}.article-body section{margin-bottom:32px}.article-body h2{font-size:1.6rem;line-height:1.5;margin-bottom:18px}.article-body p,.article-body li{font-size:1rem;line-height:1.95;color:#334155}.article-body p{margin:14px 0}.article-body ul{padding-left:24px;margin:16px 0}.article-related{margin-top:26px;padding:26px;background:#eef2ff;border-radius:22px}.article-related h2{font-size:1.4rem}.article-related ul{padding-left:22px;line-height:2}.article-site-footer{text-align:center;padding:24px;color:#64748b;font-size:.9rem}.article-nav{display:flex;gap:18px;align-items:center}.article-nav a{font-weight:650;text-decoration:none}.article-header .logo span{font-size:1.15rem}.header-inner{gap:22px}.nav{gap:20px}.logo span{font-size:1.25rem}.logo img{max-width:86px}.drama-item .info h4{white-space:normal}.article-body .faq-item p{font-size:1rem}
@media(max-width:1100px) and (min-width:769px){.header-inner{flex-wrap:wrap}.nav{gap:18px;width:100%}.hero{gap:28px}.hero h1{font-size:2.6rem}}
@media(max-width:768px){.answer-panel,.source-panel{margin:0 16px 26px;padding:22px 18px}.answer-panel h2,.source-panel h2{font-size:1.25rem}.answer-panel p,.source-panel p,.source-panel li{font-size:.9rem}.article-shell{padding:24px 16px 28px}.article-lead{padding:24px 20px}.article-lead h1{font-size:1.9rem}.article-summary{font-size:.95rem}.article-body{padding:24px 19px}.article-body h2{font-size:1.3rem}.article-toc ol{columns:1}.article-header .header-inner{flex-wrap:wrap}.article-nav{width:100%;font-size:.85rem}.article-header .logo img{width:70px}.article-page{padding-bottom:0}.article-answer{padding:20px}.hero h1{font-size:2.05rem;line-height:1.25}.nav-drawer .logo-sm img{max-width:80px}th,td{padding:10px;font-size:.87rem}.calendar-header{gap:10px;flex-wrap:wrap}.calendar-header .month{font-size:.8rem}}