.guide-contents{background:var(--ui-surface);border:1px solid var(--ui-border);box-shadow:var(--shadow-soft);border-radius:24px;flex-wrap:wrap;gap:6px;margin:24px 0 32px;padding:10px;display:flex}.guide-contents a{text-align:center;min-width:96px;color:var(--ui-text);border-radius:16px;flex:1;padding:14px 8px;font-weight:700;text-decoration:none}.guide-contents a[aria-current]{color:#fff;background:#172443}.guide-contents a:hover{box-shadow:inset 0 0 0 2px var(--ui-border)}.guide-contents a:focus-visible,.guide-explain-link:focus-visible{outline-offset:3px;outline:3px solid #b88413}.guide-simple .guide-explain-link{color:#234b40;text-underline-offset:4px;background:#e5f1eb;border:1px solid #73998a;border-radius:12px;align-items:center;margin:8px 4px;padding:10px 16px;font-weight:700;text-decoration:underline;display:inline-flex}.guide-simple .guide-explain-link:hover{background:#d1e8dc}html[data-theme=dark] body .guide-contents a[aria-current]{color:#172443!important;background:#e5f1eb!important}html[data-theme=dark] body .guide-explain-link{color:#f3fff9!important;background:#31574b!important;border-color:#88b7a3!important}@media (width<=600px){.guide-contents{gap:4px;padding:8px}.guide-contents a{flex:1 0 28%;min-width:0;padding:12px 6px;font-size:14px}}.guide-contents{z-index:30;scrollbar-width:thin;isolation:isolate;border-radius:20px;flex-wrap:nowrap;max-width:100%;padding-bottom:16px;position:sticky;top:12px;overflow-x:auto}.guide-contents a{white-space:nowrap;flex:1 0 auto;min-width:0;padding:14px 16px;position:relative}.guide-contents a[aria-current]:after{content:"";background:#172443;border-radius:2px;width:12px;height:12px;position:absolute;bottom:-5px;left:calc(50% - 6px);transform:rotate(45deg)}html[data-theme=dark] body .guide-contents a[aria-current]:after{background:#e5f1eb}.guide-simple section[id]{scroll-margin-top:110px}@media (width<=600px){.guide-contents{border-radius:16px;gap:4px;padding:6px 6px 12px;top:6px}.guide-contents a{flex:none;min-width:82px;padding:12px 14px;font-size:14px}.guide-simple section[id]{scroll-margin-top:96px}}.guide-page .kids-reading{display:inline;color:inherit!important}.guide-page .kids-reading ruby{ruby-position:over;ruby-align:center}.guide-page .kids-reading rt{letter-spacing:0;text-indent:0}html[data-theme=dark] body .guide-content .kids-reading{color:inherit!important}
