.gkrr { --gkrr-navy:#132844; --gkrr-gold:#d5a64b; --gkrr-paper:#f7f5ef; --gkrr-muted:#617187; margin:0; min-width:280px; background:var(--gkrr-paper); color:#24384e; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans SC","Microsoft YaHei",Arial,sans-serif; font-size:16px; line-height:1.75; }
.gkrr *,.gkrr *::before,.gkrr *::after { box-sizing:border-box; }
.gkrr h1,.gkrr h2,.gkrr h3,.gkrr h4,.gkrr p { margin:0; }
.gkrr a { color:#254e74; text-decoration:none; }
.gkrr a:hover { color:#132844; }
.gkrr :is(a,button,input,summary):focus-visible { outline:3px solid #b58735; outline-offset:4px; }
.gkrr button,.gkrr input { font:inherit; }
.gkrr svg { flex:none; vertical-align:middle; }
.gkrr img { max-width:100%; }
.gkrr [hidden] { display:none !important; }
.gkrr-shell { width:min(1200px,calc(100% - 64px)); margin-inline:auto; }
.gkrr-visually-hidden { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.gkrr .gkrr-skip { position:fixed; z-index:20; top:8px; left:12px; padding:9px 16px; border-radius:7px; background:#fff; color:#132844; transform:translateY(-150%); }
.gkrr .gkrr-skip:focus { transform:translateY(0); }
.gkrr-header { position:relative; z-index:5; border-bottom:1px solid #dce2e8; background:#fff; }
.gkrr-header-inner { display:flex; align-items:center; gap:32px; min-height:98px; }
.gkrr .gkrr-brand { display:inline-flex; align-items:center; gap:12px; color:#132844; }
.gkrr-brand-mark { display:flex; align-items:center; justify-content:center; width:45px; height:45px; border:1px solid #d8c397; border-radius:12px; background:#fbf7ed; color:#927034; }
.gkrr-brand strong { display:block; color:#132844; font-size:23px; font-weight:700; line-height:1.4; letter-spacing:-.03em; }
.gkrr-brand small { display:block; margin-top:2px; color:#617187; font-size:11px; letter-spacing:.025em; line-height:1.6; }
.gkrr-nav { display:flex; align-items:center; gap:25px; margin-left:auto; }
.gkrr-nav a { padding:9px 0; border-bottom:2px solid transparent; color:#4f6278; font-size:14px; font-weight:600; }
.gkrr-nav a:hover,.gkrr-nav a:focus-visible,.gkrr-nav a[aria-current="page"] { border-color:#d5a64b; color:#132844; }
.gkrr-language { position:relative; flex:none; font-size:13px; }
.gkrr-language summary { display:flex; align-items:center; gap:7px; padding:8px 11px; border:1px solid #dce2e8; border-radius:8px; color:#314a64; cursor:pointer; list-style:none; }
.gkrr-language summary::-webkit-details-marker { display:none; }
.gkrr-language summary::after { width:6px; height:6px; margin:0 2px 3px 5px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); content:""; }
.gkrr-language summary svg { width:17px; height:17px; }
.gkrr-language summary:hover { border-color:#c2a570; background:#fcf8ee; color:#132844; }
.gkrr-language nav { position:absolute; z-index:8; top:calc(100% + 8px); right:0; width:180px; padding:7px; border:1px solid #dae2eb; border-radius:10px; background:#fff; box-shadow:0 10px 30px rgba(19,40,68,.12); }
.gkrr-language nav a { display:block; padding:9px 12px; border-radius:6px; color:#3d536c; }
.gkrr-language nav a:hover,.gkrr-language nav a:focus-visible,.gkrr-language nav a[aria-current="page"] { background:#edf2f7; color:#132844; }
.gkrr-main { min-height:55vh; padding-top:38px; padding-bottom:76px; }
.gkrr-hero { position:relative; isolation:isolate; overflow:hidden; padding:45px 50px 33px; border:1px solid #2b465f; border-radius:22px; background:radial-gradient(ellipse at 95% 0,rgba(213,166,75,.13),transparent 45%),linear-gradient(115deg,#132844,#203d57); color:#fff; }
.gkrr-eyebrow { display:block; margin-bottom:9px; color:#84612c; font-size:12px; font-weight:650; letter-spacing:.065em; line-height:1.7; }
.gkrr-hero .gkrr-eyebrow { color:#e6c886; }
.gkrr-hero-copy { max-width:820px; }
.gkrr-hero h1 { position:relative; max-width:850px; color:#fff; font-family:Georgia,"Noto Serif SC","Songti SC",serif; font-size:clamp(34px,3.6vw,51px); font-weight:500; line-height:1.24; letter-spacing:-.035em; }
.gkrr[data-gkrr-locale="zh-hans"] .gkrr-hero h1 { font-family:inherit; font-size:clamp(32px,3.3vw,45px); font-weight:600; line-height:1.5; letter-spacing:.01em; }
.gkrr-hero-copy > p { position:relative; max-width:720px; margin-top:16px; color:#d5e1ed; font-size:17px; line-height:1.85; }
.gkrr-hero-seal { position:absolute; z-index:-1; top:35px; right:32px; display:flex; align-items:center; justify-content:center; width:142px; height:142px; border:1px solid rgba(226,195,133,.16); border-radius:50%; color:rgba(226,195,133,.12); transform:rotate(-8deg); }
.gkrr-hero-seal svg { width:82px; height:82px; stroke-width:1; }
.gkrr-search { display:flex; align-items:center; gap:14px; margin-top:27px; padding:7px 8px 7px 19px; border:1px solid #dbe3ec; border-radius:11px; background:#fff; color:#617187; box-shadow:0 6px 19px rgba(9,24,42,.06); }
.gkrr-search > svg { width:22px; height:22px; }
.gkrr-search input[type="search"] { flex:1; min-width:0; width:100%; height:44px; padding:3px 0; border:0; border-radius:0; background:#fff; color:#132844; font-size:16px; box-shadow:none; }
.gkrr-search input::placeholder { color:#778497; opacity:1; }
.gkrr-search button,.gkrr .gkrr-button { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:45px; padding:10px 20px; border:1px solid #132844; border-radius:8px; background:#132844; color:#fff; font-size:14px; font-weight:600; line-height:1.5; text-decoration:none; cursor:pointer; }
.gkrr-search button:hover,.gkrr-search button:focus-visible,.gkrr .gkrr-button:hover,.gkrr .gkrr-button:focus-visible { border-color:#284d72; background:#284d72; color:#fff; }
.gkrr .gkrr-button.is-secondary { border-color:#cbd5df; background:#fff; color:#294b6c; }
.gkrr .gkrr-button.is-secondary:hover,.gkrr .gkrr-button.is-secondary:focus-visible { border-color:#b69860; background:#fbf5e9; color:#132844; }
.gkrr-search-hint { margin-top:10px; color:#cedce9; font-size:12px; line-height:1.8; }
.gkrr-hero-stats { display:flex; flex-wrap:wrap; gap:14px 30px; margin-top:24px; padding-top:20px; border-top:1px solid rgba(220,232,243,.15); color:#d0dfec; font-size:13px; }
.gkrr-hero-stats strong { margin-right:8px; color:#f1dba7; font-size:22px; font-weight:600; font-variant-numeric:tabular-nums; }
.gkrr-notice { display:flex; align-items:flex-start; gap:13px; margin:21px 0 33px; padding:17px 21px; border:1px solid #e0d4b8; border-radius:11px; background:#fffbf3; color:#725a31; font-size:14px; line-height:1.8; }
.gkrr-notice > svg { margin-top:2px; width:21px; height:21px; color:#96723a; }
.gkrr-notice .gkrr-text-link { margin-top:7px; font-size:13px; }
.gkrr-section { margin-top:43px; }
.gkrr-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:22px; }
.gkrr-section h2,.gkrr-page-heading h1 { color:#132844; font-family:Georgia,"Noto Serif SC","Songti SC",serif; font-size:30px; font-weight:500; line-height:1.4; letter-spacing:-.025em; }
.gkrr[data-gkrr-locale="zh-hans"] .gkrr-section h2,.gkrr[data-gkrr-locale="zh-hans"] .gkrr-page-heading h1 { font-family:inherit; font-weight:650; }
.gkrr .gkrr-text-link { display:inline-flex; align-items:center; gap:8px; color:#34587b; font-size:14px; font-weight:600; }
.gkrr-text-link svg { width:19px; height:19px; }
.gkrr .gkrr-text-link:hover,.gkrr .gkrr-text-link:focus-visible { color:#132844; text-decoration:underline; text-underline-offset:4px; }
.gkrr-topic-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.gkrr .gkrr-topic { display:flex; align-items:center; gap:15px; min-width:0; min-height:115px; padding:21px; border:1px solid #deded5; border-radius:12px; background:#fffdf8; color:#29455f; }
.gkrr .gkrr-topic:hover,.gkrr .gkrr-topic:focus-visible { border-color:#c7ab77; background:#fff; color:#132844; box-shadow:0 5px 15px rgba(19,40,68,.04); }
.gkrr-topic-icon { display:flex; flex:none; align-items:center; justify-content:center; width:42px; height:42px; border:1px solid #e2d5b8; border-radius:11px; background:#f9f5eb; color:#997641; }
.gkrr-topic-copy { flex:1; min-width:0; }
.gkrr-topic-copy strong { display:block; color:#203e5b; font-size:16px; font-weight:650; line-height:1.6; overflow-wrap:anywhere; }
.gkrr-topic-copy small,.gkrr-topic-copy > span { display:block; margin-top:3px; color:#68758a; font-size:12px; line-height:1.7; }
.gkrr-topic > svg { width:18px; height:18px; color:#9c845b; }
.gkrr-topic.is-compact { min-height:95px; padding:17px 19px; }
.gkrr-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px; }
.gkrr-card { display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid #dfe3e5; border-radius:15px; background:#fff; box-shadow:0 4px 13px rgba(19,40,68,.025); }
.gkrr-card-cover { display:block; overflow:hidden; aspect-ratio:16 / 10; background:linear-gradient(130deg,#eaf0f5,#f1ecdf); }
.gkrr-card-cover img { display:block; width:100%; height:100%; object-fit:cover; }
.gkrr-cover-symbol { display:flex; align-items:center; justify-content:center; width:100%; height:100%; color:#92a0ab; }
.gkrr-cover-symbol svg { width:66px; height:66px; stroke-width:1; }
.gkrr-card-copy { display:flex; flex:1; flex-direction:column; padding:21px; }
.gkrr-card-meta { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; margin-bottom:12px; }
.gkrr-status { display:inline-flex; align-items:center; padding:3px 8px; border:1px solid #dccca9; border-radius:6px; background:#fbf5e7; color:#826333; font-size:11px; font-weight:600; line-height:1.6; }
.gkrr-status.is-translated { border-color:#cfded7; background:#f1f7f3; color:#426b58; }
.gkrr-status.is-preview { border-color:#d0dce9; background:#eff4fa; color:#406487; }
.gkrr-card-meta time { color:#617187; font-size:12px; }
.gkrr-card-category { margin-bottom:6px; color:#69798a; font-size:12px; line-height:1.6; }
.gkrr-card-title { font-size:21px; font-weight:650; line-height:1.6; letter-spacing:-.025em; overflow-wrap:anywhere; }
.gkrr-card-title a { color:#132844; }
.gkrr-card-title a:hover,.gkrr-card-title a:focus-visible { color:#345c83; text-decoration:underline; text-underline-offset:4px; }
.gkrr-card-excerpt { display:-webkit-box; margin-top:12px; overflow:hidden; color:#617187; font-size:14px; line-height:1.85; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.gkrr-card-read { display:flex; align-items:center; gap:8px; margin-top:auto; padding-top:19px; color:#617187; font-size:12px; }
.gkrr-card-read svg { width:16px; height:16px; }
.gkrr-read-badge { display:inline-flex; align-items:center; gap:4px; margin:5px 0 0 7px; padding:1px 6px; border:1px solid #b6cfc3; border-radius:5px; background:#f3f9f5; color:#406b54; font-family:inherit; font-size:11px; font-weight:500; line-height:1.6; vertical-align:middle; white-space:nowrap; }
.gkrr-page-heading { max-width:920px; margin-bottom:29px; padding-top:18px; }
.gkrr-page-heading h1 { font-size:38px; }
.gkrr-page-heading > p { max-width:800px; margin-top:13px; color:#617187; font-size:16px; line-height:1.85; }
.gkrr-search.is-list { margin:0 0 22px; box-shadow:none; }
.gkrr-results-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:20px; color:#4f647d; font-size:14px; }
.gkrr-results-heading p > span { color:#617187; }
.gkrr-topic-chips { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:28px; }
.gkrr-topic-chips a { padding:5px 11px; border:1px solid #d8ddd9; border-radius:7px; background:#fffcf6; color:#5f6f81; font-size:12px; line-height:1.7; }
.gkrr-topic-chips a:hover,.gkrr-topic-chips a:focus-visible { border-color:#bba070; background:#fcf5e6; color:#132844; }
.gkrr-topic-chips a[aria-current="page"] { border-color:#132844; background:#132844; color:#fff; }
.gkrr-filter-check { display:inline-flex; align-items:center; gap:8px; color:#536980; font-size:13px; }
.gkrr-filter-check input { width:17px; height:17px; margin:0; accent-color:#132844; }
.gkrr-pagination { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:18px; margin-top:33px; color:#617187; font-size:13px; }
.gkrr-empty { padding:46px 30px; border:1px solid #dde2e7; border-radius:14px; background:#fff; text-align:center; }
.gkrr-empty h1,.gkrr-empty h2,.gkrr-empty h3 { color:#132844; font-size:25px; font-weight:600; line-height:1.5; }
.gkrr-empty p { max-width:660px; margin:13px auto 0; color:#617187; font-size:15px; line-height:1.85; }
.gkrr-empty .gkrr-button { margin-top:23px; }
.gkrr-empty-icon { display:inline-flex; align-items:center; justify-content:center; width:72px; height:72px; margin-bottom:18px; border:1px solid #d9c59d; border-radius:19px; background:#fbf7ed; color:#99763c; }
.gkrr-empty-icon svg { width:37px; height:37px; }
.gkrr-empty.is-notfound { margin:32px auto; max-width:900px; padding-block:60px; }
.gkrr-breadcrumb { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:23px; color:#929caa; font-size:12px; }
.gkrr-breadcrumb a { color:#60748b; }
.gkrr-breadcrumb a:hover { color:#132844; text-decoration:underline; }
.gkrr-article-heading { max-width:1050px; margin:0 auto 28px; padding:24px 0 29px; border-bottom:1px solid #d9dcd7; }
.gkrr-article-heading h1 { margin:17px 0 21px; color:#132844; font-size:clamp(29px,3.2vw,44px); font-weight:650; line-height:1.5; letter-spacing:-.035em; overflow-wrap:anywhere; }
.gkrr-article-meta { display:flex; flex-wrap:wrap; align-items:center; gap:9px 18px; color:#627387; font-size:12px; }
.gkrr-article-meta a { color:#365a7e; text-decoration:underline; text-underline-offset:4px; }
.gkrr-reader { display:grid; grid-template-columns:minmax(0,780px) minmax(190px,250px); justify-content:center; align-items:start; gap:46px; }
.gkrr-reader.without-toc { grid-template-columns:minmax(0,820px); }
.gkrr-toc { position:sticky; top:25px; grid-column:2; grid-row:1; min-width:0; padding:20px; border:1px solid #e1dccf; border-top:2px solid #c6a466; border-radius:10px; background:#fcfaf5; font-size:13px; }
.gkrr-toc summary { color:#354f68; font-size:14px; font-weight:650; cursor:pointer; }
.gkrr-toc ol { display:grid; gap:10px; margin:16px 0 0; padding:0; list-style:none; }
.gkrr-toc a { display:block; color:#53677d; line-height:1.8; overflow-wrap:anywhere; }
.gkrr-toc a:hover,.gkrr-toc a:focus-visible,.gkrr-toc a[aria-current="location"] { color:#132844; text-decoration:underline; text-underline-offset:3px; }
.gkrr-toc .gkrr-toc-level-3 { padding-left:12px; }
.gkrr-toc .gkrr-toc-level-4 { padding-left:22px; }
.gkrr-prose { grid-column:1; grid-row:1; min-width:0; padding:30px 34px 35px; border:1px solid #e1e4e7; border-radius:13px; background:#fff; color:#263c51; font-size:17px; line-height:1.95; overflow-wrap:anywhere; }
.gkrr-prose > :first-child { margin-top:0; }
.gkrr-prose > :last-child { margin-bottom:0; }
.gkrr-prose p { margin:0 0 22px; }
.gkrr-prose :is(h2,h3,h4) { margin:38px 0 17px; color:#132844; font-weight:650; line-height:1.55; scroll-margin-top:28px; }
.gkrr-prose h2 { padding-bottom:11px; border-bottom:1px solid #e9e5da; font-size:26px; }
.gkrr-prose h3 { font-size:22px; }
.gkrr-prose h4 { font-size:19px; }
.gkrr-prose a { color:#345f89; text-decoration:underline; text-underline-offset:3px; }
.gkrr-prose a:hover { color:#132844; }
.gkrr-prose img { display:block; width:auto; max-width:100%; height:auto; margin:25px auto; border-radius:8px; }
.gkrr-prose figure { max-width:100%; margin:28px 0; }
.gkrr-prose figcaption { margin-top:10px; color:#617187; font-size:13px; line-height:1.8; text-align:center; }
.gkrr-prose :is(ul,ol) { padding-left:25px; margin:17px 0 24px; }
.gkrr-prose li { margin-bottom:8px; }
.gkrr-prose blockquote { margin:27px 0; padding:18px 21px; border-left:3px solid #c09d5f; border-radius:0 8px 8px 0; background:#f9f6ee; color:#57667b; }
.gkrr-prose blockquote p:last-child { margin-bottom:0; }
.gkrr-prose table { display:block; max-width:100%; margin:25px 0; overflow:auto; border-collapse:collapse; font-size:14px; }
.gkrr-prose th,.gkrr-prose td { padding:10px 13px; border:1px solid #dce2e8; text-align:left; }
.gkrr-prose th { background:#eff3f7; color:#294967; font-weight:600; }
.gkrr-prose pre { max-width:100%; padding:18px; overflow:auto; border:1px solid #dce2e8; border-radius:8px; background:#f4f7fa; font-size:13px; line-height:1.8; }
.gkrr-prose code { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
.gkrr-prose hr { margin:34px 0; border:0; border-top:1px solid #e1e4e7; }
.gkrr-related { margin-top:55px; padding-top:32px; border-top:1px solid #d9dcd7; }
.gkrr-footer { padding:31px 0; border-top:1px solid #d9dfdf; background:#eeeee7; }
.gkrr-footer > .gkrr-shell { display:flex; align-items:center; justify-content:space-between; gap:30px; }
.gkrr-footer p { color:#4c6078; font-size:14px; }
.gkrr-footer small { display:block; margin-top:5px; color:#53677d; font-size:12px; line-height:1.8; }
@media (max-width:1000px) {
    .gkrr-header-inner { gap:19px; }
    .gkrr-nav { gap:15px; }
    .gkrr-brand small { display:none; }
    .gkrr-topic-grid,.gkrr-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .gkrr-reader { grid-template-columns:minmax(0,1fr); gap:20px; }
    .gkrr-toc { position:static; grid-column:1; grid-row:1; padding:17px 20px; }
    .gkrr-prose { grid-column:1; grid-row:2; }
    .gkrr-reader.without-toc .gkrr-prose { grid-row:1; }
}
@media (max-width:700px) {
    .gkrr-shell { width:calc(100% - 36px); }
    .gkrr-header-inner { flex-wrap:wrap; justify-content:space-between; min-height:0; padding:17px 0 0; gap:15px; }
    .gkrr-brand-mark { width:38px; height:38px; border-radius:10px; }
    .gkrr-brand strong { font-size:21px; }
    .gkrr-nav { order:3; justify-content:space-between; gap:15px; width:100%; margin:0; border-top:1px solid #ecede8; }
    .gkrr-nav a { padding:13px 0 12px; font-size:13px; }
    .gkrr-main { padding-top:24px; padding-bottom:48px; }
    .gkrr-hero { padding:31px 25px 26px; border-radius:17px; }
    .gkrr-hero h1 { font-size:35px; }
    .gkrr[data-gkrr-locale="zh-hans"] .gkrr-hero h1 { font-size:30px; }
    .gkrr-hero-copy > p { font-size:15px; }
    .gkrr-hero-seal { top:27px; right:-45px; width:130px; height:130px; }
    .gkrr-search { gap:9px; padding:6px 6px 6px 12px; }
    .gkrr-search > svg { display:none; }
    .gkrr-search input[type="search"] { height:41px; font-size:14px; }
    .gkrr-search button { min-height:42px; padding:9px 13px; font-size:13px; }
    .gkrr-hero-stats { gap:10px 20px; font-size:12px; }
    .gkrr-hero-stats strong { font-size:20px; }
    .gkrr-notice { gap:10px; padding:15px 17px; font-size:13px; }
    .gkrr-section-heading { align-items:flex-start; flex-direction:column; gap:13px; }
    .gkrr-section h2 { font-size:27px; }
    .gkrr-page-heading h1 { font-size:31px; }
    .gkrr-card-grid,.gkrr-topic-grid { gap:16px; }
    .gkrr-card-copy { padding:18px; }
    .gkrr-card-title { font-size:19px; }
    .gkrr-card-excerpt { font-size:13px; }
    .gkrr-topic { padding:17px; gap:10px; }
    .gkrr-topic-icon { display:none; }
    .gkrr-article-heading { padding-top:14px; }
    .gkrr-article-heading h1 { font-size:29px; line-height:1.65; }
    .gkrr-prose { padding:24px 22px; font-size:16px; line-height:1.95; }
    .gkrr-prose h2 { font-size:23px; }
    .gkrr-prose h3 { font-size:20px; }
    .gkrr-footer > .gkrr-shell { align-items:flex-start; flex-direction:column; gap:19px; }
}
@media (max-width:480px) {
    .gkrr-topic-grid,.gkrr-card-grid { grid-template-columns:minmax(0,1fr); }
    .gkrr-hero { padding:28px 20px 23px; }
    .gkrr-hero h1 { font-size:32px; }
    .gkrr-hero-stats { gap:9px 15px; }
    .gkrr-hero-stats strong { margin-right:5px; font-size:19px; }
    .gkrr-language summary { padding:7px 8px; font-size:12px; }
    .gkrr-language summary svg { width:15px; height:15px; }
    .gkrr-prose { padding:21px 18px; }
    .gkrr-article-heading h1 { font-size:26px; }
    .gkrr-pagination { gap:12px; }
    .gkrr-pagination .gkrr-button { min-height:40px; padding:8px 13px; font-size:12px; }
}
@media (prefers-reduced-motion:reduce) { .gkrr * { scroll-behavior:auto; } }
@media (forced-colors:active) { .gkrr :is(a,button,input,summary):focus-visible { outline-color:Highlight; } .gkrr-status,.gkrr-read-badge { border-color:ButtonText; } }

/* Japanese typography uses system fonts without adding font downloads. */
.gkrr[data-gkrr-locale="ja"]{font-family:-apple-system,BlinkMacSystemFont,"Yu Gothic","Hiragino Kaku Gothic ProN","Meiryo",sans-serif}
.gkrr[data-gkrr-locale="ja"] .gkrr-hero h1{font-family:inherit;font-size:clamp(32px,3.3vw,45px);font-weight:600;line-height:1.5;letter-spacing:.01em}
.gkrr[data-gkrr-locale="ja"] .gkrr-section h2,.gkrr[data-gkrr-locale="ja"] .gkrr-page-heading h1{font-family:inherit;font-weight:650}
@media(max-width:700px){.gkrr[data-gkrr-locale="ja"] .gkrr-hero h1{font-size:clamp(23px,6.5vw,28px);word-break:keep-all;overflow-wrap:normal}}

/* Vietnamese diacritics use the same locally available Latin fonts throughout. */
.gkrr[data-gkrr-locale="vi"]{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.gkrr[data-gkrr-locale="vi"] .gkrr-hero h1{font-family:inherit;font-size:clamp(30px,3.4vw,45px);font-weight:600;line-height:1.4;letter-spacing:0}
.gkrr[data-gkrr-locale="vi"] .gkrr-section h2,.gkrr[data-gkrr-locale="vi"] .gkrr-page-heading h1{font-family:inherit;font-weight:650;letter-spacing:0}
@media(max-width:600px){.gkrr[data-gkrr-locale="vi"] .gkrr-hero h1{font-size:clamp(25px,6.5vw,30px)}}

/* Four native navigation entries retain a readable layout in every language. */
.gkrr-nav{flex-wrap:wrap;row-gap:0}
.gkrr-nav a{text-align:center}
@media(max-width:700px){.gkrr-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:0}.gkrr-nav a{padding:10px 0;line-height:1.45}}

/* Single public article title bar. Other pages and member screens retain their styles. */
.gkrr-title-band {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 40px 0 32px;
    border-top: 1px solid rgba(213, 166, 75, .2);
    border-bottom: 1px solid rgba(213, 166, 75, .38);
    background-color: #132844;
    background-image: radial-gradient(ellipse at 78% -30%, rgba(213, 166, 75, .07), transparent 58%), linear-gradient(120deg, #101f35 0%, #132844 52%, #1b3854 100%);
    color: #fff;
}
/* Quiet page outlines sit behind the real title and breadcrumbs. */
.gkrr-title-band::before,
.gkrr-title-band::after {
    content: "";
    position: absolute;
    z-index: 0;
    bottom: auto;
    display: block;
    pointer-events: none;
    opacity: 1;
    border: 1px solid rgba(213, 166, 75, .2);
    border-radius: 5px;
    background-color: transparent;
}
.gkrr-title-band::before {
    top: 64px;
    left: -58px;
    right: auto;
    width: 190px;
    height: 236px;
    transform: rotate(-19deg);
    background-image: none;
    box-shadow: 9px 7px 0 -1px #132844, 9px 7px 0 0 rgba(213, 166, 75, .14), 18px 14px 0 -1px #132844, 18px 14px 0 0 rgba(213, 166, 75, .1);
}
.gkrr-title-band::after {
    top: 28px;
    right: 30px;
    left: auto;
    width: 168px;
    height: 224px;
    transform: rotate(17deg);
    background-image: repeating-linear-gradient(0deg, transparent 0, transparent 22px, rgba(230, 236, 245, .055) 23px, transparent 24px);
    box-shadow: -8px 7px 0 -1px #19334e, -8px 7px 0 0 rgba(213, 166, 75, .13);
}
.gkrr-title-band > .gkrr-shell {
    position: relative;
    z-index: 1;
}
.gkrr-title-band h1 {
    float: none;
    width: 100%;
    max-width: 1060px;
    margin: 0 auto;
    color: #fff !important;
    font-size: clamp(29px, 2.6vw, 36px);
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: -.025em;
    text-align: center;
    text-wrap: balance;
    word-break: keep-all;
    overflow-wrap: anywhere;
}
.gkrr-title-band h1::before {
    content: "";
    display: block;
    width: 36px;
    height: 36px;
    margin: 0 auto 12px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2036%2036'%20fill%3D'none'%3E%3Ccircle%20cx%3D'18'%20cy%3D'18'%20r%3D'16.5'%20stroke%3D'%23d5a64b'%20stroke-opacity%3D'.55'%2F%3E%3Cpath%20d%3D'M18%2012.5c-3-2-6.7-2.4-10-1.5v13c3.3-.9%207-.5%2010%201.5%203-2%206.7-2.4%2010-1.5V11c-3.3-.9-7-.5-10%201.5Zm0%200v13'%20stroke%3D'%23e1be78'%20stroke-width%3D'1.3'%20stroke-linejoin%3D'round'%2F%3E%3Cpath%20d%3D'M11%2015c1.4-.1%202.6.1%204%20.6m-4%203c1.4-.1%202.6.1%204%20.6m6-3.6c1.4-.5%202.6-.7%204-.6m-4%203.6c1.4-.5%202.6-.7%204-.6'%20stroke%3D'%23d5a64b'%20stroke-opacity%3D'.65'%20stroke-width%3D'.9'%20stroke-linecap%3D'round'%2F%3E%3C%2Fsvg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.gkrr-title-band h1::after {
    content: "";
    display: block;
    width: 36px;
    height: 2px;
    margin: 15px auto 0;
    border-radius: 2px;
    background: #d5a64b;
}
.gkrr-title-band .gkrr-breadcrumb {
    float: none;
    max-width: 1060px;
    margin: 12px auto 0;
    color: #dce5ee;
    font-size: 12px;
    line-height: 1.75;
    text-align: center;
    overflow-wrap: anywhere;
}
.gkrr-title-band .gkrr-breadcrumb li,
.gkrr-title-band .gkrr-breadcrumb li span { color: #dce5ee; }
.gkrr-title-band .gkrr-breadcrumb a {
    color: #f0dfb4;
    text-decoration: none;
    text-underline-offset: 3px;
}
.gkrr-title-band .gkrr-breadcrumb a:hover,
.gkrr-title-band .gkrr-breadcrumb a:focus-visible {
    color: #fff;
    text-decoration: underline;
}
.gkrr-title-band .gkrr-breadcrumb a:focus-visible {
    outline: 2px solid #d5a64b;
    outline-offset: 3px;
    border-radius: 2px;
}
@media (min-width: 1200px) {
    .gkrr-title-band h1 { max-width: min(1060px, calc(100vw - 560px)); }
    .gkrr-title-band::before { left: max(18px, calc(50% - 610px)); }
    .gkrr-title-band::after { right: max(18px, calc(50% - 610px)); }
}
@media (max-width: 767px) {
    .gkrr-title-band { padding: 30px 10px; }
    .gkrr-title-band h1 { font-size: clamp(23px, 5.7vw, 25px); line-height: 1.5; letter-spacing: -.02em; }
    .gkrr-title-band h1::before { width: 28px; height: 28px; margin-bottom: 10px; }
    .gkrr-title-band h1::after { margin-top: 13px; width: 30px; }
    .gkrr-title-band .gkrr-breadcrumb { margin-top: 11px; font-size: 12px; }
    .gkrr-title-band::before { left: -142px; }
    .gkrr-title-band::after { right: -104px; }
}



.gkrr-title-band .gkrr-article-heading { max-width:none; margin:0; padding:0; border:0; }
.gkrr-title-band .gkrr-article-meta { justify-content:center; color:#dce5ee; }
.gkrr-title-band .gkrr-article-meta a { color:#f0dfb4; }
.gkrr-title-band .gkrr-article-meta:first-child { margin-bottom:14px; }
.gkrr-title-band .gkrr-article-meta .gkrr-status { border-color:rgba(213,166,75,.4); background:rgba(255,255,255,.06); color:#f0dfb4; }
.gkrr-title-band .gkrr-breadcrumb { justify-content:center; margin-bottom:0; }
.gkrr-title-band .gkrr-breadcrumb a { color:#f0dfb4; }
.gkrr-title-band .gkrr-breadcrumb > span { color:#dce5ee; }
.gkrr-title-band h1 { margin-block:0 16px; }

/* Korean-library reading alcove and open-book paper, shared by all four locales. */
.gkrr.gkrr-reading-page { background:#f2f0eb; }
.gkrr-reading-page .gkrr-main { padding-top:30px; }
.gkrr-layout { display:grid; grid-template-columns:minmax(0,1fr) 250px; gap:24px; align-items:start; }
.gkrr-primary { min-width:0; }
.gkrr-sidebar { min-width:0; }
.gkrr-sidebar-panel { display:flex; flex-direction:column; gap:24px; padding:22px 14px; border:1px solid #e4ddd0; border-top:2px solid #b5a07a; border-radius:12px; background:linear-gradient(115deg,#faf8f3,#f5f2eb); box-shadow:inset 0 0 0 3px rgba(255,255,255,.65),0 6px 22px rgba(42,39,31,.045); }
.gkrr-sidebar-section { position:relative; min-width:0; }
.gkrr-sidebar-section + .gkrr-sidebar-section::before { content:""; position:absolute; top:-12px; left:0; right:0; height:1px; background:linear-gradient(90deg,#cec1aa,rgba(206,193,170,.25)); pointer-events:none; }
.gkrr-sidebar-section h2 { margin:0 0 14px; color:#132844; font-family:inherit; font-size:17px; font-weight:700; line-height:1.5; overflow-wrap:anywhere; }
.gkrr-sidebar-list,.gkrr-sidebar-studies { margin:0; padding:0; list-style:none; }
.gkrr-sidebar-list > li { padding:9px 0; border-bottom:1px solid #e5dfd3; }
.gkrr-sidebar-list > li:first-child { padding-top:0; }
.gkrr-sidebar-list > li:last-child { padding-bottom:0; border:0; }
.gkrr-sidebar-article { display:flex; align-items:center; width:100%; min-width:0; gap:10px; border-radius:6px; }
.gkrr-sidebar-article > img,.gkrr-sidebar-placeholder { display:block; flex:0 0 54px; width:54px; height:54px; object-fit:cover; border-radius:7px; }
.gkrr-sidebar-placeholder { display:grid; place-items:center; background:#eee8dc; color:#927034; }
.gkrr-sidebar-copy { display:flex; flex-direction:column; min-width:0; gap:4px; }
.gkrr-sidebar-title { color:#132844; font-size:12.5px; font-weight:600; line-height:1.5; overflow-wrap:anywhere; }
.gkrr-sidebar-copy small,.gkrr-sidebar-study-copy small { color:#68645c; font-size:10.5px; line-height:1.5; font-variant-numeric:tabular-nums; }
.gkrr-sidebar-article:hover .gkrr-sidebar-title { text-decoration:underline; text-underline-offset:3px; }
.gkrr-sidebar .gkrr-read-badge { margin:2px 0 0; font-size:10px; white-space:normal; }
.gkrr-sidebar a:focus-visible { outline:2px solid #537393; outline-offset:3px; }
.gkrr-sidebar-periods { display:flex; flex-wrap:wrap; gap:7px; min-width:0; margin:0; padding:0; border:0; }
.gkrr-sidebar-periods > label { flex:1; min-width:0; padding:6px 8px; border:1px solid #d9d3c6; border-radius:6px; color:#596879; font-size:12px; text-align:center; line-height:1.5; cursor:pointer; overflow-wrap:anywhere; }
.gkrr-sidebar-periods > input:checked + label { border-color:#132844; background:#132844; color:#fff; }
.gkrr-sidebar-periods > input:focus-visible + label { outline:2px solid #537393; outline-offset:3px; }
.gkrr-sidebar-study-panel { display:none; flex-basis:100%; min-width:0; }
#gkrr-sidebar-realtime:checked ~ .is-realtime,#gkrr-sidebar-total:checked ~ .is-total { display:block; }
.gkrr-sidebar-note { margin:5px 0 9px; color:#68645c; font-size:10.5px; line-height:1.6; }
.gkrr-sidebar-studies li + li { margin-top:9px; }
.gkrr-sidebar-studies a { display:flex; align-items:center; gap:8px; padding:7px; border:1px solid #e5dfd3; border-radius:7px; background:rgba(255,255,255,.5); }
.gkrr-sidebar-rank { flex:0 0 20px; color:#927034; font-size:13px; font-weight:700; }
.gkrr-sidebar-study-copy { flex:1; min-width:0; }
.gkrr-sidebar-study-copy strong { display:block; font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
.gkrr-sidebar-study-copy small { display:block; margin-top:3px; }
.gkrr-sidebar-ratio { flex:none; color:#294b6c; font-size:12px; font-weight:650; font-variant-numeric:tabular-nums; }
.gkrr-sidebar .gkrr-toc { position:relative; top:auto; padding:0; border:0; border-radius:0; background:none; }
.gkrr-sidebar .gkrr-toc summary { font-size:17px; font-weight:700; color:#132844; }
.gkrr-layout .gkrr-reader,.gkrr-layout .gkrr-reader.without-toc { display:block; }
.gkrr-layout .gkrr-prose { position:relative; margin:0 6px 28px 0; padding:36px 28px 30px 42px; border:1px solid #e2d9c7; border-radius:3px 7px 7px 3px; background-color:#faf7ef; background-image:linear-gradient(rgba(255,253,248,.40),rgba(255,253,248,.40)),url("/wp-content/themes/betheme-child/gk_article_paper.webp"); background-size:100% 100%,640px 640px; background-repeat:no-repeat,repeat; background-position:left top; box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 5px 18px rgba(62,52,35,.075); }
.gkrr-layout .gkrr-prose::before,.gkrr-layout .gkrr-prose::after { content:""; position:absolute; top:0; bottom:0; pointer-events:none; }
.gkrr-layout .gkrr-prose::before { left:0; width:28px; border-left:2px solid rgba(161,133,85,.22); border-radius:2px 0 0 2px; background:linear-gradient(90deg,rgba(79,63,39,.085),rgba(79,63,39,.025) 55%,transparent); }
.gkrr-layout .gkrr-prose::after { top:6px; bottom:6px; right:-4px; width:2px; border-right:1px solid #d9cfbb; border-radius:0 2px 2px 0; background:#f5efe3; box-shadow:2px 1px 0 #e9e1d1; }
.gkrr-layout .gkrr-prose a { color:#245a8b; }
.gkrr-layout .gkrr-prose a:is(:hover,:focus-visible) { color:#132844; text-decoration:underline; }
.gkrr-layout .gkrr-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.gkrr-layout .gkrr-card { border-color:#e2d9c7; border-radius:8px; background:#fffdf8; }
.gkrr-layout .gkrr-topic-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media (min-width:768px) and (max-width:1239px) { .gkrr-layout .gkrr-prose { padding:30px 20px 26px 32px; } }
@media (max-width:959px) {
    .gkrr-layout { grid-template-columns:minmax(0,1fr); gap:28px; }
    .gkrr-sidebar { width:100%; max-width:400px; margin:0 auto; }
    .gkrr-sidebar-panel { padding:20px 12px; }
}
@media (max-width:767px) {
    .gkrr-reading-page .gkrr-main { padding-top:24px; }
    .gkrr-layout .gkrr-prose { margin-right:3px; padding:24px 6px 24px 10px; border-radius:2px 5px 5px 2px; background-size:100% 100%,480px 480px; box-shadow:0 3px 10px rgba(62,52,35,.055); }
    .gkrr-layout .gkrr-prose::before { width:9px; border-left-width:1px; background:linear-gradient(90deg,rgba(79,63,39,.05),transparent); }
    .gkrr-layout .gkrr-prose::after { right:-2px; width:1px; box-shadow:none; }
    .gkrr-sidebar { display:none; }
    .gkrr-layout .gkrr-reader > .gkrr-toc { margin-bottom:20px; }
}
@media (min-width:960px) { .gkrr-layout .gkrr-reader > .gkrr-toc { display:none; } }
@media (max-width:480px) { .gkrr-layout .gkrr-card-grid,.gkrr-layout .gkrr-topic-grid { grid-template-columns:minmax(0,1fr); } }
@media (forced-colors:active) {
    .gkrr.gkrr-reading-page,.gkrr-layout .gkrr-prose { background:Canvas; box-shadow:none; }
    .gkrr-layout .gkrr-prose::before,.gkrr-layout .gkrr-prose::after { display:none; }
    .gkrr-sidebar-periods > input:checked + label { border:2px solid Highlight; }
}
@media print {
    .gkrr-sidebar,.gkrr-layout .gkrr-reader > .gkrr-toc { display:none !important; }
    .gkrr-layout { display:block; }
    .gkrr.gkrr-reading-page { background:#fff !important; }
    .gkrr-layout .gkrr-prose { margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:#fff !important; box-shadow:none !important; }
    .gkrr-layout .gkrr-prose::before,.gkrr-layout .gkrr-prose::after { display:none !important; }
}

/* Keep device-local read marks below the title rather than beside its column. */
.gkrr-sidebar-article { display:grid; grid-template-columns:54px minmax(0,1fr); gap:4px 10px; }
.gkrr-sidebar-article > img,.gkrr-sidebar-article > .gkrr-sidebar-placeholder { grid-column:1; grid-row:1 / span 2; align-self:center; }
.gkrr-sidebar-article > .gkrr-sidebar-copy { grid-column:2; grid-row:1; }
.gkrr-sidebar-article > .gkrr-read-badge { grid-column:2; grid-row:2; justify-self:start; margin:0; }

/* Match the Korean related-article block: six square thumbnails and titles. */
.gkrr-layout .gkrr-related .gkrr-card-grid { grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:10px; row-gap:20px; }
.gkrr-layout .gkrr-related .gkrr-card { overflow:visible; border:0; border-radius:0; background:transparent; box-shadow:none; }
.gkrr-related .gkrr-card-cover { aspect-ratio:1; border-radius:10px; }
.gkrr-related .gkrr-card-copy { padding:14px 0 0; }
.gkrr-related :is(.gkrr-card-meta,.gkrr-card-category,.gkrr-card-excerpt,.gkrr-card-read) { display:none; }
.gkrr-related .gkrr-card-title { font-size:20px; line-height:28px; letter-spacing:normal; }
.gkrr-related .gkrr-section-heading .gkrr-eyebrow { display:none; }
.gkrr-related .gkrr-section-heading h2 { font-family:inherit; font-size:24px; font-weight:700; line-height:1.5; letter-spacing:normal; }
.gkrr-related .gkrr-card-title .gkrr-read-badge { font-size:10px; line-height:1.5; white-space:normal; }
@media (min-width:768px) and (max-width:1023px) { .gkrr-related .gkrr-card-title { font-size:15px; line-height:25px; } }
@media (max-width:767px) {
    .gkrr-layout .gkrr-related .gkrr-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:12px; row-gap:16px; }
    .gkrr-related .gkrr-card-copy { padding-top:10px; }
    .gkrr-related .gkrr-card-title { font-size:15px; line-height:22px; }
}
@media (max-width:479px) { .gkrr-related .gkrr-card-title { font-size:12px; line-height:18px; } }
@media (max-width:299px) { .gkrr-layout .gkrr-related .gkrr-card-grid { grid-template-columns:minmax(0,1fr); } }

/* The sidebar belongs to individual articles. The directory uses the full shell. */
.gkrr-main > .gkrr-directory > .gkrr-card-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.gkrr-main > .gkrr-directory .gkrr-card-copy { padding:16px; }
.gkrr-main > .gkrr-directory .gkrr-card-title { font-size:18px; line-height:1.5; }
.gkrr-main > .gkrr-directory .gkrr-card-excerpt { -webkit-line-clamp:2; }
@media (max-width:1000px) {
    .gkrr-main > .gkrr-directory > .gkrr-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:600px) {
    .gkrr-main > .gkrr-directory > .gkrr-card-grid { gap:12px; }
    .gkrr-main > .gkrr-directory .gkrr-card-copy { padding:10px; }
    .gkrr-main > .gkrr-directory .gkrr-card-title { font-size:14px; line-height:1.5; }
    .gkrr-main > .gkrr-directory .gkrr-card-meta { gap:5px; margin-bottom:7px; }
    .gkrr-main > .gkrr-directory .gkrr-card-meta time,
    .gkrr-main > .gkrr-directory .gkrr-card-excerpt,
    .gkrr-main > .gkrr-directory .gkrr-card-read { display:none; }
    .gkrr-main > .gkrr-directory .gkrr-status { padding:2px 5px; font-size:10px; }
}
@media (max-width:299px) { .gkrr-main > .gkrr-directory > .gkrr-card-grid { grid-template-columns:minmax(0,1fr); } }
