:root{--bg: #F7F5F0;--bg-inset: #EFEBE2;--surface: #FFFFFF;--surface-alt: #FAF8F4;--surface-dark: #1C2124;--border: #DED8CC;--border-control: #767C80;--text: #1C2124;--text-2: #5F6368;--on-accent: #FFFFFF;--on-dark: #FFFFFF;--on-dark-2: #C6CCD0;--on-dark-3: #9AA0A6;--gold: #B8860B;--gold-ink: #7E5C07;--gold-ink-dark: #6F5106;--gold-soft: #FBF3DF;--gold-soft-bd: #E8D7A8;--teal: #0F766E;--teal-dark: #0B5A54;--teal-soft: #E3F1EF;--teal-soft-bd: #BEDCD8;--link-underline: #8FBDB8;--ok: #166534;--ok-soft: #E6F2EA;--ok-soft-bd: #BFD9C8;--warn: #7E5C07;--warn-soft: #FBF3DF;--warn-soft-bd: #E8D7A8;--err: #C81E1E;--err-soft: #FCE9E9;--err-soft-bd: #F0C4C4;--err-ink: #B91C1C;--focus: #1C2124;--chart-1: #166534;--chart-2: #B8860B;--chart-3: #C81E1E;--chart-4: #0E8F84;--chart-other: #767C80;--chart-pos: #166534;--chart-neg: #C81E1E;--chart-grid: #DED8CC;--t-chart: .6875rem;--font: "Montserrat", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--t-100: .875rem;--t-200: 1rem;--t-250: 1.125rem;--t-300: 1.1875rem;--t-400: 1.4375rem;--t-500: 1.75rem;--t-600: 2.0625rem;--t-700: 2.5rem;--t-800: 3rem;--h1-hero: clamp(2.0625rem, 1.25rem + 3.35vw, 3.375rem);--lh-body: 1.65;--lh-head: 1.25;--track-head:-.015em;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px;--band-tight: clamp(2rem, 4vw, 3rem);--band: clamp(3rem, 6vw, 4.5rem);--band-wide: clamp(4rem, 9vw, 7rem);--pad-card: 24px;--row-h: 44px;--r-control: 6px;--r-surface: 12px;--r-full: 999px;--pressed-secondary: #E5E0D5;--pressed-quiet: #CFE5E1;--e1: 0 1px 2px rgba(28,33,36,.05), 0 4px 12px rgba(28,33,36,.06);--e2: 0 2px 6px rgba(28,33,36,.08), 0 16px 32px rgba(28,33,36,.14);--h-header: 77px;--top-sticky: calc(var(--h-header) + var(--s-5));--anchor-top: calc(var(--h-header) + var(--s-4));--bp-s: 640px;--bp-l: 1024px}:lang(th),:lang(ja){--lh-body: 1.85;--lh-head: 1.45;--track-head: 0}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.on-dark{--focus: #FFFFFF}.app{--pad-card: 16px;--row-h: 36px}.oks-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:44px;padding:0 20px;border:1px solid transparent;border-radius:var(--r-control);font-family:var(--font);font-size:var(--t-200);font-weight:600;line-height:1.3;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .12s ease-out,border-color .12s ease-out,box-shadow .12s ease-out}.oks-btn--sm{min-height:36px;padding:0 var(--s-3);font-size:var(--t-100)}@media(max-width:640px){.oks-btn--sm{min-height:44px}}.oks-btn--lg{min-height:52px;padding:0 28px;font-size:var(--t-300);font-weight:700}.oks-btn--primary{background:var(--gold);color:var(--text);border-color:var(--gold-ink)}.oks-btn--primary:hover{background:var(--gold-ink);color:var(--on-accent);border-color:var(--gold-ink)}.oks-btn--primary:active{background:var(--gold-ink-dark);color:var(--on-accent);transform:translateY(1px);box-shadow:inset 0 2px 4px #00000047}.oks-btn--secondary{background:var(--surface);border-color:var(--border-control);color:var(--text)}.oks-btn--secondary:hover{background:var(--bg-inset);border-color:var(--text)}.oks-btn--secondary:active{background:var(--pressed-secondary);transform:translateY(1px)}.oks-btn--quiet{background:transparent;color:var(--teal)}.oks-btn--quiet:hover{background:var(--teal-soft);color:var(--teal-dark)}.oks-btn--quiet:active{background:var(--pressed-quiet);transform:translateY(1px)}.oks-btn--danger{background:var(--err);color:var(--on-accent)}.oks-btn--danger:hover{background:var(--err-ink)}.oks-btn--danger:active{background:var(--err-ink);transform:translateY(1px);box-shadow:inset 0 2px 4px #00000047}.oks-btn:disabled,.oks-btn[aria-disabled=true]{background:var(--bg-inset);border-color:transparent;color:var(--text-2);cursor:not-allowed;transform:none;box-shadow:none}.oks-btn--secondary:disabled,.oks-btn--secondary[aria-disabled=true]{background:var(--surface-alt);border-color:var(--border)}.oks-btn--quiet:disabled,.oks-btn--quiet[aria-disabled=true]{background:transparent;color:var(--text-2)}.oks-btn[aria-busy=true]{pointer-events:none}.oks-btn[aria-busy=true]:before{content:"";width:16px;height:16px;flex:none;border:2px solid currentColor;border-top-color:transparent;border-radius:var(--r-full);animation:oks-spin .7s linear infinite}@keyframes oks-spin{to{transform:rotate(360deg)}}.oks-label{display:block;margin-bottom:var(--s-2);font-size:var(--t-100);font-weight:600;color:var(--text)}.oks-field{width:100%;box-sizing:border-box;min-height:44px;padding:0 var(--s-3);border:1px solid var(--border-control);border-radius:var(--r-control);background:var(--surface);color:var(--text);font-family:inherit;font-size:var(--t-200);transition:border-color .12s ease-out,border-width .12s ease-out}.oks-field::-moz-placeholder{color:var(--text-2)}.oks-field::placeholder{color:var(--text-2)}.oks-field:focus{border-width:2px;border-color:var(--teal-dark);padding:0 11px}.oks-field[aria-invalid=true]{border-width:2px;border-color:var(--err);padding:0 11px}.oks-field:disabled{background:var(--bg-inset);border-color:var(--border);color:var(--text-2);cursor:not-allowed}.oks-field[readonly]{background:var(--surface-alt);border-style:dashed}.oks-field-error{display:flex;align-items:flex-start;gap:var(--s-2);margin-top:var(--s-2);font-size:var(--t-100);font-weight:600;color:var(--err)}.oks-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-surface);padding:var(--pad-card)}.oks-card--link:hover{box-shadow:var(--e1);border-color:var(--border-control)}.oks-layer{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-surface);box-shadow:var(--e2)}.oks-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin-bottom:var(--s-4);font-size:var(--t-100)}.oks-crumbs a{color:var(--text-2);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;min-height:24px}.oks-crumbs a:hover{color:var(--teal-dark);text-decoration:underline}.oks-crumb-sep{margin:0 var(--s-2);color:var(--border-control)}.oks-crumbs [aria-current=page]{color:var(--text);font-weight:600;overflow-wrap:anywhere}@media(max-width:639px){.oks-crumbs a{display:inline-flex;align-items:center;min-height:44px}.oks-crumbs .oks-crumb{display:none}.oks-crumbs .oks-crumb[data-parent]{display:inline-flex;align-items:center}.oks-crumbs .oks-crumb[data-parent] .oks-crumb-sep{display:none}.oks-crumbs .oks-crumb[data-parent] a:before{content:"← "}}.oks-badge{display:inline-flex;align-items:center;gap:var(--s-1);min-height:24px;padding:0 var(--s-2);border:1px solid transparent;border-radius:var(--r-control);font-size:var(--t-100);font-weight:600;background:var(--bg-inset);color:var(--text);white-space:nowrap;flex:none}.oks-badge--info{background:var(--teal-soft);border-color:var(--teal-soft-bd);color:var(--teal-dark)}.oks-badge--ok{background:var(--ok-soft);border-color:var(--ok-soft-bd);color:var(--ok)}.oks-badge--warn{background:var(--warn-soft);border-color:var(--warn-soft-bd);color:var(--warn)}.oks-badge--err{background:var(--err-soft);border-color:var(--err-soft-bd);color:var(--err-ink)}.oks-note{display:flex;gap:var(--s-3);padding:var(--s-4);border:1px solid var(--border);border-radius:var(--r-surface);background:var(--surface-alt);font-size:var(--t-200)}.oks-note--info{background:var(--teal-soft);border-color:var(--teal-soft-bd)}.oks-note--ok{background:var(--ok-soft);border-color:var(--ok-soft-bd)}.oks-note--warn{background:var(--warn-soft);border-color:var(--warn-soft-bd)}.oks-note--err{background:var(--err-soft);border-color:var(--err-soft-bd)}.oks-note-title{font-weight:700;margin:0 0 var(--s-1)}.oks-table{width:100%;border-collapse:collapse;font-size:var(--t-200)}.oks-table th{height:var(--row-h);padding:var(--s-3) var(--s-4);background:var(--bg-inset);font-size:var(--t-100);font-weight:600;text-align:left;color:var(--text)}.oks-table td{height:var(--row-h);padding:var(--s-3) var(--s-4);border-top:1px solid var(--bg-inset)}.oks-table .num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right}@media(prefers-reduced-motion:reduce){.oks-btn,.oks-field,.oks-card--link{transition:none}.oks-btn[aria-busy=true]:before{animation:none}}#okpage .lesson-body>table,#okpage .lg-body>table,#okpage .man-reading>table,#okpage .rls-table,#okpage .art>table{display:block;max-width:100%;overflow-x:auto;scrollbar-width:thin}.oks-sr-only{position:absolute;width:1px;height:1px;inset-inline-start:0;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.oks-kicker{font-family:var(--font);font-size:var(--t-100);font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1.4}.oks-kicker--mono{font-family:var(--font-mono);letter-spacing:.08em}