/* G2-LEARNING-MIGRATION-01: presentation only. No routing, storage or engine code. */
@font-face{font-family:G2Manrope;src:url('/wp-content/plugins/aic-first-release01/binary-v1/30b83738add8c9edd9e3450b98036a9a8fb5668d0cbd4eb0ce5fe6761197f21f.woff2') format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:G2Bengali;src:url('/wp-content/plugins/aic-first-release01/binary-v1/be7ffb824924fb84e99a79465581d354dfbd94e83418e26f89584a27c792b02b.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:G2Bengali;src:url('/wp-content/plugins/aic-first-release01/binary-v1/df94066db18b1b3c4203ed5c65966f174b61b42ade0ca4b8efbae2d7a4b6c221.woff2') format('woff2');font-weight:700;font-display:swap}
body:has([data-aic-g2-player]){--g2-paper:#f7f6f0;--g2-panel:#fffdf8;--g2-ink:#163a35;--g2-muted:#52645d;--g2-line:#d8dfd5;--g2-soft:#eef2e9;--g2-teal:#12312b;--g2-sage:#7d9585;--g2-gold:#d9bf80;--navy:var(--g2-ink);--navy2:var(--g2-teal);--ink:var(--g2-ink);--muted:var(--g2-muted);--paper:var(--g2-paper);--paper2:var(--g2-soft);--white:var(--g2-panel);--cream:var(--g2-panel);--line:var(--g2-line);--soft:var(--g2-soft);--red:var(--g2-gold);--teal:var(--g2-ink);background:var(--g2-paper);color:var(--g2-ink);font-family:G2Manrope,G2Bengali,system-ui,sans-serif;color-scheme:light}
body:has(#aic-g2-dark:checked){--g2-paper:#0c2420;--g2-panel:#163a33;--g2-ink:#f3eedf;--g2-muted:#b8c8bb;--g2-line:#35534a;--g2-soft:#203f36;--teal:var(--g2-muted);color-scheme:dark}
.aic-g2-bar{box-sizing:border-box;max-width:1240px;margin:auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--g2-paper);color:var(--g2-ink);font:600 14px/1.5 G2Manrope,G2Bengali,system-ui,sans-serif;border-bottom:1px solid var(--g2-line)}
.aic-g2-bar[data-aic-g2-player=kana]{justify-content:flex-end}
.aic-g2-return{display:inline-flex;align-items:center;min-height:44px;gap:8px;color:var(--g2-ink);text-decoration:underline;text-underline-offset:4px}
.aic-g2-appearance{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:6px 12px;border:1px solid var(--g2-line);border-radius:999px;cursor:pointer;white-space:nowrap}
.aic-g2-appearance input{width:18px;height:18px;margin:0;accent-color:var(--g2-gold);cursor:pointer}
.aic-g2-ui-bn{display:none}
html[lang=bn] .aic-g2-ui-en,body:has(#aic-v2[lang=bn]) .aic-g2-ui-en,body:has(#grammar-app[lang=bn]) .aic-g2-ui-en{display:none}
html[lang=bn] .aic-g2-ui-bn,body:has(#aic-v2[lang=bn]) .aic-g2-ui-bn,body:has(#grammar-app[lang=bn]) .aic-g2-ui-bn{display:inline-flex}
.aic-g2-bar :focus-visible,body:has([data-aic-g2-player]) :focus-visible{outline:3px solid var(--g2-sage);outline-offset:4px}
/* An admitted player keeps its own header. The legacy site shell is not a second stack. */
body:has([data-aic-g2-player]) #aic-global-shell-r7{display:none}
body:has([data-aic-g2-player]) #aic-kj-p04 .p04-back{display:none}
body:has([data-aic-g2-player]) :is(#aic-kj-p04,#aic-v2,#grammar-app){--navy:var(--g2-ink);--navy2:var(--g2-teal);--red:var(--g2-gold);--paper:var(--g2-paper);--cream:var(--g2-panel);--ink:var(--g2-ink);--muted:var(--g2-muted);--line:var(--g2-line);--soft:var(--g2-soft);--white:var(--g2-panel);--teal:var(--g2-ink);color:var(--g2-ink);background:var(--g2-paper);font-family:G2Manrope,G2Bengali,system-ui,sans-serif}
body:has(#aic-g2-dark:checked) :is(#aic-v2,#grammar-app){--teal:var(--g2-muted)}
body:has([data-aic-g2-player]) :is(button,input,select,textarea){font-family:inherit}
body:has([data-aic-g2-player]) :is(.latin,[lang=en]):not(.ja){font-family:G2Manrope,system-ui,sans-serif}
body:has([data-aic-g2-player]) :is(#aic-v2,#grammar-app)[lang=bn],html[lang=bn] body:has([data-aic-g2-player]){font-family:G2Bengali,G2Manrope,system-ui,sans-serif}
body:has([data-aic-g2-player]) :is(.page-title,.hero-copy,.v2-hero,.v2-section-head,.intro,.section-head,.p04-intro) :is(h1,h2):not([lang=ja]){font-family:Georgia,G2Bengali,serif;font-weight:600}
body:has([data-aic-g2-player]) :is(.top,.app-header,.mast,.v2-top,.v2-nav,nav.primary){background:var(--g2-paper);color:var(--g2-ink);border-color:var(--g2-line)}
body:has([data-aic-g2-player]) :is(.brand,.brand strong,.brand span,.product-name,.v2-brand strong){color:var(--g2-ink)}
body:has([data-aic-g2-player]) :is(.brand span,.tagline,.v2-brand small){color:var(--g2-muted)}
body:has([data-aic-g2-player]) :is(button,a.button,.v2-btn,.pill,.langs button,.v2-lang button,.small-button){min-height:44px;border-radius:12px}
body:has([data-aic-g2-player]) :is(button.primary,a.primary,.button.primary,.v2-btn.primary,.pill[aria-pressed=true],.langs button[aria-pressed=true],.v2-lang button[aria-pressed=true],.segmented button[aria-pressed=true]){background:var(--g2-gold);border-color:var(--g2-gold);color:var(--g2-teal)}
body:has([data-aic-g2-player]) :is(.dark,.v2-btn.dark){background:var(--g2-teal);border-color:var(--g2-teal);color:#f3eedf}
body:has([data-aic-g2-player]) :is(.tabs a.active,nav.primary button[aria-current=page],.navbutton[aria-current=page],.v2-tab.active,.v2-mode.active){background:var(--g2-gold);color:var(--g2-teal);border-radius:12px;border-color:var(--g2-gold)}
body:has([data-aic-g2-player]) :is(.tabs a,.v2-tab,.v2-mode,.navbutton,nav.primary button){min-height:44px}
body:has([data-aic-g2-player]) :is(.panel,.card,.metric,.v2-metric,.v2-learncard,.v2-result,.v2-result-detail,.v2-wordpanel,.v2-result-word,.v2-info,.v2-result-info,.v2-empty,.v2-toolbar input,.v2-toolbar select,.kana-reference-aside,.ref-kana-sample span,.first-ten-summary,.question-box,.option,.lesson-tile,.chart-tile,.glyph-box,.stat,.ref-card,.library-card,.lesson-card,.learning-card,.practice-card){background:var(--g2-panel);color:var(--g2-ink);border-color:var(--g2-line)}
body:has([data-aic-g2-player]) :is(.hero-art,.v2-hero-art,.ribbon){background:var(--g2-teal);color:#f3eedf}
body:has([data-aic-g2-player]) :is(.hero-art,.v2-hero-art) :is(.jp,.ja,h1,h2,h3,strong,.meaning,.mean){color:#f3eedf}
body:has([data-aic-g2-player]) :is(.v2-example,.v2-result-info .example,.v2-chip,.v2-tag,.v2-answer,.v2-footnote,.notice:not(.warn),.example-box,.reference-row,.family-card,.ref-badge,.kana-segment,.kana-reference-footer){background:var(--g2-soft);color:var(--g2-ink);border-color:var(--g2-line)}
body:has([data-aic-g2-player]) :is(.v2-wordpanel .reading,.v2-wordpanel .romaji,.v2-result-word .read,.v2-result-word .romaji,.v2-example .read,.v2-example .tr,.v2-mini h4,.v2-detail-block h4,.v2-detail-block p,.v2-result-count,.ref-aside-note,.chart-result-count,.footer-note){color:var(--g2-muted)}
body:has([data-aic-g2-player]) :is(.v2-example .ja,.v2-tag.core,.ref-badge strong,.v2-chip){color:var(--g2-ink)}
body:has([data-aic-g2-player]) :is(.v2-reveal,.v2-details-btn,.text-button){color:var(--g2-ink)}
body:has([data-aic-g2-player]) :is(.footer,.utility,.p04-intro){color:var(--g2-muted);background:var(--g2-paper);border-color:var(--g2-line)}
body:has([data-aic-g2-player]) #aic-kj-p04{background:var(--g2-paper);color:var(--g2-ink)}
body:has([data-aic-g2-player]) #aic-kj-p04 :is(h1,.p04-kicker){color:var(--g2-ink)}
/* Grammar's native rules use its root ID. Match that scope while retaining its layouts and interaction states. */
#grammar-app :is(.mast,.intro,.card,.studycard,.optional,.stat,.empty,.segmented,.pill,.btn,.option,select,textarea,input[type=search],dialog){background:var(--g2-panel);color:var(--g2-ink);border-color:var(--g2-line)}
#grammar-app :is(.tile-output,.tile,.tile.selected,.hint,.feedback){background:var(--g2-soft);color:var(--g2-ink)}
#grammar-app :is(.pill[aria-pressed=true],.segmented button[aria-pressed=true],.btn.primary,.navbutton[aria-current=page]){background:var(--g2-gold);border-color:var(--g2-gold);color:var(--g2-teal);border-radius:12px}
#grammar-app :is(.btn.navy,.hero-note){background:var(--g2-teal);color:#f3eedf}
#grammar-app .hero-note strong{color:#f3eedf}
#grammar-app :is(.brand,.product-name){color:var(--g2-ink)}
#grammar-app :is(h1,h2){font-family:Georgia,G2Bengali,serif}
/* Native writing/stroke boards retain light paper for their existing fixed drawing ink. */
body:has([data-aic-g2-player]) :is(canvas,.stroke-stage){background:#f7f6f0;color:#163a35}
body:has([data-aic-g2-player]) :is(.premium-chart thead th,.premium-chart .chart-corner){background:var(--g2-paper);color:var(--g2-muted)}
body:has([data-aic-g2-player]) .media-credits a{color:var(--g2-ink)}
body:has([data-aic-g2-player]) .audio-speed [aria-pressed=true]{background:var(--g2-gold);border-color:var(--g2-gold);color:var(--g2-teal)}
body:has([data-aic-g2-player=kanji]) :is(.langs button,.navcard button,.navcard select,.library-tools input,.library-tools select,.mark-buttons button,.file-label,.chip,.repair-item,.unlock-item,.library-item,.review-item,.ctx-read,.ctx-item,.method-inline,.repair-practice-note,.button.secondary,.action.secondary){background:var(--g2-panel);color:var(--g2-ink);border-color:var(--g2-line)}
body:has([data-aic-g2-player=kanji]) :is(.button,.action){background:var(--g2-gold);color:var(--g2-teal);border-color:var(--g2-gold)}
body:has([data-aic-g2-player=kanji]) :is(.button.secondary,.action.secondary,.button.ghost){background:var(--g2-panel);color:var(--g2-ink);border-color:var(--g2-line)}
body:has([data-aic-g2-player=kanji]) .button.danger{background:#f7f6f0;color:#a12437;border-color:#d8a5ad}
body:has([data-aic-g2-player=kanji]) .langs button[aria-pressed=true]{background:var(--g2-gold);color:var(--g2-teal);border-color:var(--g2-gold)}
body:has([data-aic-g2-player=kanji]) .answer-box{background:var(--g2-soft);color:var(--g2-ink)}
body:has([data-aic-g2-player=kanji]) :is(.primary .inner,.stage-tabs){flex-wrap:wrap}
body:has([data-aic-g2-player=kanji]) .screen-head :is(h1,h2){font-family:Georgia,G2Bengali,serif}
body:has([data-aic-g2-player=vocabulary]) :is(.v2-btn,.v2-lang button):not([aria-pressed=true]):not(.primary):not(.dark){background:var(--g2-panel);color:var(--g2-ink);border-color:var(--g2-line)}
body:has([data-aic-g2-player=vocabulary]) :is(.v2-tab,.v2-mode):not(.active){color:var(--g2-muted)}
/* Kana's native white surfaces need explicit theme tokens rather than inherited light ink. */
body:has([data-aic-g2-player=kana]) :is(button,.button,.search,.empty,dialog,.stepnav,.kana-path-summary a,.kana-ref-sections,.parent-relation,.yoon-component,.yoon-rule-cards>div,.yoon-concept-compare>div,.sokuon-path-card,.sokuon-contrast,.timing-card,.sokuon-rule,.sokuon-script-grid>div,.long-vowel-path-card,.long-vowel-focus,.long-vowel-card,.long-vowel-rule,.vowel-contrast>div,.foreign-katakana-path-card,.foreign-katakana-focus,.foreign-katakana-card,.foreign-katakana-rule,.foreign-build-grid>div,.foundation-scope-path-card,.foundation-scope-summary,.foundation-scope-card,.foundation-number-grid>div,.rare-dyoon-panel,.rare-dyoon-pairs>div,.rare-yoon-reference,.rare-yoon-grid>div){background:var(--g2-panel);color:var(--g2-ink);border-color:var(--g2-line)}
body:has([data-aic-g2-player=kana]) :is(.filters button.active,.dots .selected,.primary,button[aria-pressed=true],.kana-segment-option.active,.kana-ref-section-option.active){background:var(--g2-gold);color:var(--g2-teal);border-color:var(--g2-gold)}
body:has([data-aic-g2-player=kana]) .dark{background:var(--g2-teal);color:#f3eedf;border-color:var(--g2-teal)}
body:has([data-aic-g2-player=kana]) :is(.chart .seen,.chart-no-results,.premium-chart .chart-row-code,.active .stepno,.mora-strip span,.long-mora-strip span){background:var(--g2-soft);color:var(--g2-ink)}
body:has([data-aic-g2-player=kana]) .art-pair .tile{background:#f7f6f0;color:#163a35}
body:has([data-aic-g2-player=kana]) .art-pair .tile:last-child{background:#d8dfd5}
#grammar-app :is(.context,.feedback.neutral,.feedback.repair,.option[aria-pressed=true],footer,.skip){background:var(--g2-soft);color:var(--g2-ink);border-color:var(--g2-line)}
@media(max-width:600px){.aic-g2-bar{padding:10px 18px;gap:10px;font-size:13px}.aic-g2-appearance{padding:6px 9px}.aic-g2-return{max-width:70%;line-height:1.65}}
@media print{.aic-g2-bar{display:none}}

/* G2-03: First25 state explanation retains readable theme-local colors. */
body:has([data-aic-g2-player=kanji]) .statusline{background:var(--g2-soft);color:var(--g2-ink);border-color:var(--g2-line)}

/* G2-04 local candidate: native Kana text roles on the G2 theme surfaces.
   Presentation only; no content, layout, navigation, controller or storage change. */
body:has([data-aic-g2-player=kana]){--g2-kana-note-ink:#754708}
body:has([data-aic-g2-player=kana]):has(#aic-g2-dark:checked){--g2-kana-note-ink:#edcc85}
body:has([data-aic-g2-player=kana]) .explanation{background:var(--g2-soft);color:var(--g2-ink)}
body:has([data-aic-g2-player=kana]) .skip{background:var(--g2-panel);color:var(--g2-ink)}
body:has([data-aic-g2-player=kana]) .premium-chart .roman{color:var(--g2-muted)}
body:has([data-aic-g2-player=kana]) .kana-reference-footer>p:first-child{color:var(--g2-ink)}
body:has([data-aic-g2-player=kana]) :is(.sokuon-path-glyphs b,.sokuon-path-glyphs .divider,.long-vowel-path-glyphs b,.long-vowel-path-glyphs .divider,.foreign-katakana-path-glyphs .divider,.sokuon-size-pair b,.vowel-pair b,.long-example span,.foreign-build b){color:var(--g2-muted)}
body:has([data-aic-g2-player=kana]) :is(.chart-pending,.small-vowel,.small-vowel-inline,.rare-dyoon-pairs strong,.rare-yoon-reference summary small,.rare-yoon-grid small){color:var(--g2-kana-note-ink)}
body:has([data-aic-g2-player=kana]) .rare-yoon-reference summary:after{color:var(--g2-kana-note-ink)}
/* Keep text-bearing teasers and key panels on explicit paired AIC surfaces.
   Native writing canvases and their stroke/grid backgrounds are untouched. */
body:has([data-aic-g2-player=kana]) :is(.sokuon-teaser,.long-vowel-teaser,.foreign-katakana-teaser,.foundation-scope-teaser){background:var(--g2-panel);color:var(--g2-ink);border-color:var(--g2-line)}
body:has([data-aic-g2-player=kana]) :is(.sokuon-key,.long-vowel-key,.foreign-katakana-key,.foundation-scope-key){background:var(--g2-teal);color:#f3eedf;border-color:var(--g2-teal)}

/* G2-04 measured Kana drawing-model text/surface pair; canvas drawing ink unchanged. */
body:has([data-aic-g2-player=kana]) .canvas-wrap{background:#f7f6f0;color:#163a35}
body:has([data-aic-g2-player=kana]) .canvas-wrap .canvas-model{color:#52645d}

/* G2-04 measured native player text/surface contracts.
   Disabled/access/repair controls keep their original native semantics. */
body:has([data-aic-g2-player=kana]) button[data-action=answer]:disabled{opacity:1;background:var(--g2-panel);color:var(--g2-ink)}
body:has([data-aic-g2-player=vocabulary]) #aic-v2 .v2-btn.primary{background:#d9bf80;color:#163a35}
body:has([data-aic-g2-player=vocabulary]) #aic-v2 .v2-btn:disabled{opacity:1;background:var(--g2-soft);color:var(--g2-muted)}
body:has([data-aic-g2-player=vocabulary]) #aic-v2 .v2-recall-placeholder{background:var(--g2-panel);color:var(--g2-ink)}
body:has([data-aic-g2-player=vocabulary]) #aic-v2 .v2-recall-placeholder span{color:var(--g2-muted)}
body:has([data-aic-g2-player=grammar]) #grammar-app .hint{background:var(--g2-soft);color:var(--g2-ink)}
body:has([data-aic-g2-player=grammar]) #grammar-app .hint strong{color:var(--g2-ink)}
body:has([data-aic-g2-player=grammar]) #grammar-app button:disabled{opacity:1;background:var(--g2-soft);color:var(--g2-muted)}
body:has([data-aic-g2-player=kanji]) :is(.explore-note,.repair-status){background:var(--g2-soft);color:var(--g2-ink)}
body:has([data-aic-g2-player=kanji]) #app .repair-status strong{color:var(--g2-ink)}
body:has([data-aic-g2-player=kanji]) .unlock-item.locked{opacity:1;background:var(--g2-soft);color:var(--g2-ink)}
body:has([data-aic-g2-player=kanji]) button:disabled{opacity:1;background:var(--g2-soft);color:var(--g2-muted)}

/* Native pre-help Repair guidance has its own text-bearing surface. */
body:has([data-aic-g2-player=kanji]) #app .repair-guidance{background:var(--g2-soft);color:var(--g2-ink)}
body:has([data-aic-g2-player=kanji]) #app .repair-guidance strong{color:var(--g2-ink)}

/* Preserve the native transparent drawing grid and visible model underlay. */
body:has([data-aic-g2-player=kana]) .canvas-wrap canvas{background:linear-gradient(90deg,transparent 49.8%,#dae2df 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,#dae2df 50%,transparent 50.2%)}

/* G2-05: revealed Grammar lesson numbers use their card text color, not accent gold. */
body:has([data-aic-g2-player=grammar]) #grammar-app .card-num{color:inherit}

/* G2-05A: admitted First25 presentation only. No engine or storage changes. */
body:has([data-aic-g2-player=kanji]) :is(main,.wp-block-group):has(#aic-kj-p04){padding-inline:0!important;margin-inline:0!important}
body:has([data-aic-g2-player=kanji]) #aic-kj-p04{max-width:1180px;padding:0;margin:0 auto}
body:has([data-aic-g2-player=kanji]) #aic-kj-p04 .p04-runtime{border:0;border-radius:0;box-shadow:none;overflow:visible;background:var(--g2-paper)}
body:has([data-aic-g2-player=kanji]) #aic-kj-p04 iframe{min-height:0;background:var(--g2-paper)}
body:has(#aic-kj-p04.g2-dark){background:#102d29}
#aic-kj-p04.g2-dark{--g2-paper:#102d29;--g2-ink:#eee9da;--g2-muted:#c7cbbd}
#aic-kj-p04 .g2-parent-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body:has([data-aic-g2-player=kanji]){display:flow-root;min-height:0}
body:has([data-aic-g2-player=kanji]) :is(.topbar,.primary .inner,.shell){max-width:1180px}
body:has([data-aic-g2-player=kanji]) .topbar{padding:12px 16px;gap:12px;flex-wrap:wrap}
body:has([data-aic-g2-player=kanji]) .brand strong{white-space:nowrap}
body:has([data-aic-g2-player=kanji]) .brand span{font-size:13px}
body:has([data-aic-g2-player=kanji]) .langs{display:flex;gap:6px}
body:has([data-aic-g2-player=kanji]) .langs button{min-width:44px;min-height:44px}
body:has([data-aic-g2-player=kanji]) .primary .inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:4px 16px;gap:4px;overflow:visible}
body:has([data-aic-g2-player=kanji]) .primary button{min-width:0;min-height:48px;padding:6px 4px;white-space:normal;overflow-wrap:anywhere;font-size:14px;line-height:1.4}
body:has([data-aic-g2-player=kanji]) .shell{padding:16px 16px 24px;font-size:16px}
body:has([data-aic-g2-player=kanji]) .learn-top{display:block;margin-bottom:12px}
body:has([data-aic-g2-player=kanji]) .learn-top h1{font-size:clamp(26px,4vw,36px);line-height:1.3;margin:6px 0;overflow-wrap:anywhere}
body:has([data-aic-g2-player=kanji]) .learn-top p{margin:4px 0 10px}
body:has([data-aic-g2-player=kanji]) .navcard{display:grid;grid-template-columns:minmax(0,1fr) minmax(72px,1fr) minmax(0,1fr);gap:8px;margin:0}
body:has([data-aic-g2-player=kanji]) .navcard :is(button,select){min-width:0;width:100%;min-height:48px;padding:8px;font-size:14px;line-height:1.4;white-space:normal}
body:has([data-aic-g2-player=kanji]) .navcard select{appearance:none;height:auto;min-height:48px;border:1px solid var(--g2-line);border-radius:10px;padding-right:26px;background-image:linear-gradient(45deg,transparent 50%,var(--g2-ink) 50%),linear-gradient(135deg,var(--g2-ink) 50%,transparent 50%);background-size:5px 5px;background-position:calc(100% - 14px) center,calc(100% - 9px) center;background-repeat:no-repeat}
body:has([data-aic-g2-player=kanji]) #nextCard{background:var(--g2-gold);color:var(--g2-teal);border-color:var(--g2-gold);font-weight:800}
body:has([data-aic-g2-player=kanji]) #app .stage-tabs{flex-wrap:nowrap;gap:4px;overflow-x:auto;scroll-padding:4px;margin:12px 0}
body:has([data-aic-g2-player=kanji]) #app .stage-tabs button{flex:0 0 auto;min-height:48px;min-width:44px;padding:8px 12px;font-size:14px}
body:has([data-aic-g2-player=kanji]) .method-inline{margin:8px 0;padding:0 10px}
body:has([data-aic-g2-player=kanji]) .method-inline summary{min-height:44px;display:flex;align-items:center;font-size:14px}
body:has([data-aic-g2-player=kanji]) .learn-card{min-height:0}
body:has([data-aic-g2-player=kanji]) .kanji-pane{min-height:0;padding:18px}
body:has([data-aic-g2-player=kanji]) .kanji{font-size:112px}
body:has([data-aic-g2-player=kanji]) .facts-pane{padding:16px}
body:has([data-aic-g2-player=kanji]) .facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body:has([data-aic-g2-player=kanji]) .fact{padding:10px;border-top-width:1px;min-width:0;overflow-wrap:anywhere;font-size:16px}
body:has([data-aic-g2-player=kanji]) .fact span{font-size:13px;line-height:1.6;margin-bottom:4px}
body:has([data-aic-g2-player=kanji]) .fact strong{font-size:18px;line-height:1.6}
body:has([data-aic-g2-player=kanji]) .context{padding:12px;margin-top:12px;font-size:16px;line-height:1.65}
body:has([data-aic-g2-player=kanji]) .learn-actions{display:flex;gap:10px;flex-wrap:wrap}
body:has([data-aic-g2-player=kanji]) .learn-actions :is(button,.learn-complete-note){flex:1 1 130px;min-height:48px;text-align:center;white-space:normal}
@media(max-width:820px){body:has([data-aic-g2-player=kanji]) .learn-card{grid-template-columns:1fr}body:has([data-aic-g2-player=kanji]) .kanji-pane{height:auto;min-height:0;padding:8px}}
@media(max-width:350px){body:has([data-aic-g2-player=kanji]) .facts{grid-template-columns:1fr}body:has([data-aic-g2-player=kanji]) .navcard{gap:4px}body:has([data-aic-g2-player=kanji]) .navcard :is(button,select){padding:6px 4px}}
@media(max-width:280px){body:has([data-aic-g2-player=kanji]) .primary .inner,body:has([data-aic-g2-player=kanji]) .navcard{grid-template-columns:repeat(2,minmax(0,1fr))}body:has([data-aic-g2-player=kanji]) #cardPicker{grid-column:1/-1;grid-row:1}body:has([data-aic-g2-player=kanji]) #prevCard{grid-column:1;grid-row:2}body:has([data-aic-g2-player=kanji]) #nextCard{grid-column:2;grid-row:2}body:has([data-aic-g2-player=kanji]) .navcard button{overflow-wrap:anywhere}}