/* Embedded Pali Mate uses the main site's existing theme roles and dimensions.
   These initial values match lib/site-theme.ts; the parent sends saved design. */
@font-face{font-family:"Noto Sans Myanmar";src:url('./assets/myanmar.ttf') format('truetype');font-weight:400;font-display:swap}
:root[data-embedded="true"]{
 --site-page:#120807;--site-surface:#211211;--site-surface-strong:#4a1a1a;--site-primary:#f7c62f;--site-accent:#7de2c3;--site-text:#fff7e8;--site-muted:#c9bdb0;--site-border:#8e681c;
 --site-body-font:"Pyidaungsu","Noto Sans Myanmar",system-ui,sans-serif;--site-heading-font:"Noto Serif Myanmar","Pyidaungsu",Georgia,serif;--site-button-bg:var(--site-surface-strong);--site-button-ink:var(--site-on-strong);
 --site-on-primary:#120807;--site-on-accent:#120807;--site-on-page:#fff7e8;--site-on-surface:#fff7e8;--site-on-strong:#fff7e8;--site-button-border:var(--site-primary);--site-secondary-bg:var(--site-surface);--site-secondary-ink:var(--site-on-surface);--site-focus:var(--site-primary);
 --custom-font-size:16px;--custom-button-radius:10px;--custom-button-height:44px;--host-text-scale:1;--reading-scale:1;
 --bg:var(--site-page);--surface:var(--site-surface);--sidebar:var(--site-page);--ink:var(--site-text);--muted:var(--site-muted);--line:var(--site-border);
 --green:var(--site-primary);--green-hover:var(--site-accent);--green-soft:var(--site-surface-strong);--gold:var(--site-primary);--gold-soft:var(--site-surface-strong);--red:var(--site-accent);
 --shadow:none;--radius:var(--custom-button-radius);--text-scale:calc(var(--host-text-scale) * var(--reading-scale));color-scheme:dark;
}
:root[data-embedded="true"][data-font="large"]{--reading-scale:1.12}
:root[data-embedded="true"][data-font="larger"]{--reading-scale:1.25}
:root[data-embedded="true"] body{background:var(--site-page);color:var(--site-text);font-family:var(--site-body-font);font-size:var(--custom-font-size)}
:root[data-embedded="true"] :is(h1,h2,h3){font-family:var(--site-heading-font)}
:root[data-embedded="true"] .roman{font-family:Georgia,"Times New Roman",serif}
:root[data-embedded="true"] :is(.brand,.nav-label,.sidebar-bottom,.app-footer,.breadcrumb,.mobile-brand,.today-count){display:none!important}
:root[data-embedded="true"] .sidebar{position:sticky;top:0;bottom:auto;left:auto;right:auto;width:100%;height:auto;max-height:none;padding:0 calc(max(44px,var(--custom-button-height)) + 22px) 0 10px;border:0;border-bottom:1px solid var(--site-border);background:var(--site-page);overflow:visible;z-index:20;display:block}
:root[data-embedded="true"] .nav{display:flex;flex-direction:row;align-items:stretch;gap:4px;width:100%;height:auto;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:8px 2px}
:root[data-embedded="true"] .nav a{flex:1 0 auto;position:relative;min-width:105px;max-width:190px;min-height:max(48px,var(--custom-button-height));height:auto;display:flex;flex-direction:row;justify-content:center;gap:8px;padding:9px 11px;border:1px solid transparent;border-radius:var(--custom-button-radius);font-family:var(--site-body-font);font-size:calc(13px * var(--text-scale));line-height:1.8;white-space:normal;text-align:center;color:var(--site-muted)}
:root[data-embedded="true"] .nav a.active{background:var(--site-surface-strong);border-color:var(--site-border);color:var(--site-on-strong)}
:root[data-embedded="true"] .nav a.active:before{display:none}
:root[data-embedded="true"] .nav a:hover{background:var(--site-surface);color:var(--site-on-surface)}
:root[data-embedded="true"] .nav-count{position:static;margin-left:0;min-width:20px;font-size:calc(11px * var(--text-scale));background:var(--site-surface);color:var(--site-primary);border:1px solid var(--site-border)}
:root[data-embedded="true"] .app-shell{margin:0;padding:0;min-height:calc(100dvh - 70px)}
:root[data-embedded="true"] .topbar{height:0;min-height:0;padding:0;border:0;position:static;background:transparent}
:root[data-embedded="true"] .topbar-actions{position:fixed;top:12px;right:10px;z-index:25}
:root[data-embedded="true"] main{max-width:1300px;margin:0 auto;padding:26px 28px 34px}
:root[data-embedded="true"] .hero{margin-bottom:24px}
:root[data-embedded="true"] .hero-stamp{display:none}
:root[data-embedded="true"] .search-box{border-color:var(--site-border)}
:root[data-embedded="true"] :is(.button,.icon-button,.chip,input,select,textarea){border-radius:var(--custom-button-radius)}
:root[data-embedded="true"] :is(.button,.icon-button,select){min-height:max(44px,var(--custom-button-height))}
:root[data-embedded="true"] .icon-button{min-width:max(44px,var(--custom-button-height))}
:root[data-embedded="true"] .result-row{grid-template-columns:minmax(0,1.45fr) minmax(0,1.35fr) minmax(0,.75fr) max(44px,var(--custom-button-height))}
:root[data-embedded="true"] :is(.button,.icon-button,.chip){background:var(--site-secondary-bg);color:var(--site-secondary-ink);line-height:1.8;white-space:normal;overflow-wrap:anywhere}
:root[data-embedded="true"] :is(.button:hover,.button.secondary,.button.gold,.icon-button:hover,.icon-button.is-saved,.chip:hover,.chip.active){background:var(--site-surface-strong);color:var(--site-on-strong);border-color:var(--site-button-border)}
:root[data-embedded="true"] .button.primary{background:var(--site-button-bg);color:var(--site-button-ink);border-color:var(--site-on-surface)}
:root[data-embedded="true"] .button.primary:hover{background:var(--site-button-bg);color:var(--site-button-ink);outline:1px solid var(--site-focus);outline-offset:2px}
:root[data-embedded="true"] .button.primary:disabled{outline:0}
:root[data-embedded="true"] :is(.result-surface,.empty-state,.practice-start-card,.flashcard,.guide-section,.source-stat-card,.source-list,.reading-panel,.study-notice,.search-box){border-radius:var(--custom-button-radius)}
:root[data-embedded="true"] :is(.status-label,.warning-box,.storage-warning){color:var(--site-text);background:var(--site-surface-strong);border-color:var(--site-border)}
:root[data-embedded="true"] .status-label.unresolved{border:1px dashed var(--site-accent);color:var(--site-accent)}
:root[data-embedded="true"] .warning-box.hard{border-color:var(--site-accent);background:var(--site-surface-strong)}
:root[data-embedded="true"] .warning-box.hard strong{color:var(--site-accent)}
:root[data-embedded="true"] .storage-warning{padding:15px 28px}
:root[data-embedded="true"] .toast{left:50%;bottom:20px;background:var(--site-surface-strong);color:var(--site-text);border:1px solid var(--site-border)}
:root[data-embedded="true"] .skip-link{left:12px;background:var(--site-button-bg);color:var(--site-button-ink)}
:root[data-embedded="true"] .settings-dialog #theme-fieldset{display:none}
:root[data-embedded="true"] :is(button,a,input,select,textarea,summary):focus-visible{outline-color:var(--site-on-surface)}
@media(max-width:960px){:root[data-embedded="true"] .result-row{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) max(44px,var(--custom-button-height))}}
@media(max-width:720px){
 :root[data-embedded="true"] .sidebar{padding-left:8px;padding-right:calc(max(44px,var(--custom-button-height)) + 20px)}
 :root[data-embedded="true"] .nav{gap:4px;padding:8px 0}
 :root[data-embedded="true"] .nav a{min-width:105px;max-width:150px;min-height:max(48px,var(--custom-button-height));flex-direction:row;font-size:calc(12px * var(--text-scale));padding:8px 10px}
 :root[data-embedded="true"] .nav a svg{width:18px;height:18px}
 :root[data-embedded="true"] .nav-count{display:none}
 :root[data-embedded="true"] .topbar-actions{top:10px;right:8px}
 :root[data-embedded="true"] main{padding:22px 18px 30px}
 :root[data-embedded="true"] .app-shell{padding-bottom:0;min-height:calc(100dvh - 66px)}
 :root[data-embedded="true"] .toast{bottom:18px}
 :root[data-embedded="true"] .storage-warning{padding:12px 18px}
}
@media(max-width:420px){:root[data-embedded="true"] .result-row{grid-template-columns:minmax(0,1fr) max(44px,var(--custom-button-height))}}

/* The selected artwork includes its full title: keep the complete 3:2 frame at every size. */
:root[data-embedded="true"] .hero-top{align-items:center;gap:26px}
:root[data-embedded="true"] .hero-top>div:first-child{flex:1;min-width:0}
:root[data-embedded="true"] .hero-stamp{display:block;flex:0 0 clamp(210px,26vw,320px);width:clamp(210px,26vw,320px);height:auto;aspect-ratio:3/2;overflow:hidden;border:1px solid var(--site-border);border-radius:var(--custom-button-radius);background:var(--site-surface);box-shadow:none}
:root[data-embedded="true"] .hero-stamp:after{display:none}
:root[data-embedded="true"] .pali-study-art{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center}
@media(min-width:641px) and (max-width:860px){:root[data-embedded="true"] .hero-top{gap:20px}:root[data-embedded="true"] .hero-stamp{flex-basis:180px;width:180px}}
@media(max-width:640px){:root[data-embedded="true"] .hero-top{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}:root[data-embedded="true"] .hero-stamp{width:100%;height:auto;aspect-ratio:3/2;flex-basis:auto}}

/* New study controls inherit the shared saved site design. */
:root[data-embedded="true"] .alphabet-letter{border-radius:var(--custom-button-radius);min-height:max(53px,var(--custom-button-height));background:var(--site-secondary-bg);color:var(--site-secondary-ink)}
:root[data-embedded="true"] .alphabet-letter:is(:hover,.active){background:var(--site-surface-strong);color:var(--site-on-strong);border-color:var(--site-button-border)}
:root[data-embedded="true"] .alphabet-letter small{color:inherit}
:root[data-embedded="true"] .result-row{grid-template-columns:minmax(0,1fr) max(44px,var(--custom-button-height))}
:root[data-embedded="true"] .result-open{font-family:var(--site-body-font);color:var(--site-text)}
:root[data-embedded="true"] .detail-bar{background:var(--site-surface);border-color:var(--site-border)}
:root[data-embedded="true"] :is(.alphabet-browser,.syllable-pairs li,.source-search,.book-link){border-radius:var(--custom-button-radius)}

:root[data-embedded="true"] :is(.book-group summary,.book-link){min-height:max(44px,var(--custom-button-height));border-radius:var(--custom-button-radius)}