:root { --guide-ink:#1e2850; --guide-purple:#5b47d6; }
section[id],main[id] { scroll-margin-top:110px; }
.card h3 a,.extra-card h3 a {color:inherit;text-decoration:none;}
.card h3 a:hover,.extra-card h3 a:hover {color:#5b47d6;text-decoration:underline;}
.text-link {display:inline-block;margin-top:18px;color:#4f46e5;font-weight:700;}
.skip-link {position:fixed;top:-80px;left:20px;z-index:9999;padding:10px 16px;background:#fff;color:#4f46e5;border:2px solid #4f46e5;border-radius:10px;}
.skip-link:focus {top:10px;}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible {outline:3px solid #e6ac36;outline-offset:4px;}
.guide-layout {display:grid;grid-template-columns:minmax(0,850px) minmax(200px,1fr);align-items:start;gap:40px;padding-top:40px;padding-bottom:64px;}
.guide-article {background:#fff;padding:40px;border-radius:28px;box-shadow:0 8px 35px #34308508;min-width:0;}
.breadcrumbs {display:flex;gap:10px;font-size:.85rem;color:#64748b;margin-bottom:28px;flex-wrap:wrap;}
.breadcrumbs a {color:#4f46e5;text-decoration:none;}
.guide-article h1 {font-size:2.4rem;line-height:1.45;margin-top:16px;color:var(--guide-ink);}
.article-summary {font-size:1.12rem;line-height:1.9;color:#475569;}
.guide-article figure {margin:28px 0;}
.guide-article figure img {display:block;width:100%;height:auto;border-radius:20px;}
.guide-article figcaption {font-size:.82rem;color:#64748b;margin-top:10px;}
.article-toc {padding:24px;background:#f1f0fe;border-radius:20px;}
.article-toc ol {margin:12px 0 0 22px;}
.article-toc li {margin:7px 0;}
.article-toc a {color:#4f46e5;text-decoration:none;}
.guide-article section {margin-top:38px;}
.guide-article h2 {font-size:1.55rem;line-height:1.5;margin-bottom:18px;color:var(--guide-ink);}
.guide-article h3 {font-size:1.13rem;line-height:1.6;}
.guide-article section p {line-height:1.95;margin:15px 0;color:#37445a;}
.guide-article section ul {padding-left:23px;margin:20px 0;}
.guide-article section li {margin:10px 0;line-height:1.9;}
.table-scroll {overflow-x:auto;max-width:100%;margin:20px 0;border:1px solid #e4e7f4;border-radius:14px;}
table {width:100%;border-collapse:collapse;text-align:left;font-size:.94rem;}
th,td {padding:15px 16px;vertical-align:top;min-width:128px;border-bottom:1px solid #e4e7f4;}
th {background:#eeedfd;color:#4338a4;}
tr:last-child td {border-bottom:0;}
.article-faq {padding:20px;background:#f8f9fd;border-radius:16px;margin:14px 0;}
.article-faq p {margin-bottom:0!important;}
.editorial-note {border-top:1px solid #e4e7f4;margin-top:32px;padding-top:22px;color:#64748b;font-size:.88rem;line-height:1.8;}
.guide-sidebar {position:sticky;top:120px;padding:24px;background:#eeedfd;border-radius:24px;}
.guide-sidebar h2 {font-size:1.2rem;}
.guide-sidebar a {display:block;padding:17px 0;border-bottom:1px solid #d9d7ef;font-size:.94rem;line-height:1.6;color:#4338a4;text-decoration:none;}
.guide-sidebar a:last-child {border:0;}
.guide-sidebar a:hover {text-decoration:underline;}
.sheet-download {margin-top:28px;}
.hero h1 {line-height:1.32;}
@media (min-width:769px) and (max-width:1100px) {.header .nav {gap:12px}.logo span{font-size:1.15rem}.logo img{height:32px}.nav a{font-size:.8rem}}
@media (max-width:768px) {
 .guide-layout {display:block;padding:22px 16px 48px;}
 .guide-article {padding:24px 18px;border-radius:22px;}
 .guide-article h1 {font-size:1.65rem;}
 .guide-article h2 {font-size:1.3rem;}
 .article-summary {font-size:1rem;}
 .article-toc {padding:20px;}
 .guide-sidebar {position:static;margin-top:24px;}
 .guide-article section {margin-top:28px;}
 .sheet-download .btn-primary {font-size:.9rem;padding:12px 16px;}
 .hero h1 {font-size:1.8rem;}
 .logo span {font-size:1.05rem;}
 .logo img {height:32px;}
 .nav-drawer .logo-sm img {height:25px;}
 .nav-drawer .logo-sm span {font-size:1rem;}
 .calendar-grid .day-name {font-size:.85rem;}
}
@media (max-width:360px) {.hero h1{font-size:1.6rem}.logo{gap:7px}.logo img{height:25px}.logo span{font-size:1rem}.bottom-bar .bar-info strong{font-size:.82rem}.bottom-bar .bar-info span{font-size:.65rem}}