/* AlefMad application identity: navy panels, mint actions, raised controls. */
:root,[data-theme=light]{--ink:#153542;--muted:#506772;--paper:#f4f8fa;--wash:#eaf2f5;--panel:#fff;--raised:#e1edf4;--line:#bdcfd9;--mint:#9be8d7;--teal:#006651;--navy:#133342;--shadow:0 14px 35px #123a5010;color-scheme:light}
[data-theme=dark]{--ink:#edf5ff;--muted:#aec3d3;--paper:#0b1925;--wash:#102331;--panel:#152d3e;--raised:#213e53;--line:#365367;--mint:#9be8d7;--teal:#9be8d7;--navy:#0b2f3d;--shadow:0 18px 45px #0003;color-scheme:dark}
body{color:var(--ink);background:var(--paper)}.header{background:var(--panel);border-color:var(--line)}.header-inner{gap:22px}.nav{gap:22px}.brand img{border-radius:14px}.header-tools{display:flex;align-items:center;gap:12px}.language-picker{position:relative;display:flex;align-items:center;gap:10px}.language-label{font-size:.78rem;white-space:nowrap;color:var(--muted)}.flag-toggle,.icon-button,.menu-toggle{background:var(--raised);border:1px solid var(--line);border-bottom-width:4px;min-width:45px;min-height:47px;padding:8px 12px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;gap:9px;color:var(--ink);transition:background .2s,transform .2s,box-shadow .2s}.flag-toggle>span{font-size:1.55rem;line-height:1}.flag-toggle svg{width:13px}.language-options{position:absolute;top:calc(100% + 10px);right:0;min-width:125px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:7px;display:flex;gap:7px;z-index:30}.language-options[hidden]{display:none}.language-options a{display:flex;align-items:center;justify-content:center;min-width:48px;min-height:45px;border-radius:10px;font-size:1.7rem}.language-options a:hover,.language-options a[aria-current]{background:var(--raised);box-shadow:inset 0 0 0 1px var(--mint)}.theme-toggle .sun{display:flex;color:#ffcc58}.theme-toggle .moon{display:none}[data-theme=light] .theme-toggle .moon{display:flex;color:#245b79}[data-theme=light] .theme-toggle .sun{display:none}.menu-toggle{display:none}.flag-toggle:hover,.icon-button:hover,.menu-toggle:hover{transform:translateY(-2px);box-shadow:0 5px 14px #0002;border-color:var(--mint)}.icon-button:hover svg,.feature:hover svg,.program-card:hover svg{transform:scale(1.12) rotate(-5deg)}svg{transition:transform .18s}.button{background:var(--mint);color:#073e36;border:1px solid #a8f5df;border-bottom:5px solid #438d7c;border-radius:17px;min-height:53px;font-weight:800;padding:13px 21px;box-shadow:0 5px 12px #0001}.button:hover{background:#b5f6e6;box-shadow:0 8px 18px #0002}.button:active,.icon-button:active,.flag-toggle:active{transform:translateY(2px)}.button.secondary{background:var(--raised);color:var(--ink);border:1px solid var(--line);border-bottom:5px solid var(--line)}.button.secondary:hover{background:var(--panel);border-color:#6e9caa}.button.mint{background:var(--mint);color:#073e36}.nav a:hover{color:var(--teal)}.hero{gap:55px}.hero h1{font-size:clamp(2.6rem,5.4vw,4.65rem)}.showcase{background:linear-gradient(140deg,#183a50,#124c50);border:1px solid var(--line);box-shadow:0 20px 55px #0002}.showcase-top{color:#d0e3e9}.letter-note{border-color:#194750;background:#a3ebd8;box-shadow:0 8px 0 #214d50}.series-line{border-color:var(--line)}.program-card{background:var(--panel);border-color:var(--line);border-bottom:5px solid var(--line);border-radius:26px}.program-card:hover{border-color:#6ea797}.program-card .level{background:var(--mint);color:#083e38;border-color:#73b7a8;box-shadow:0 4px 0 #487e7855}.program-card .meta{color:var(--muted)}.program-card .card-link{color:var(--teal);min-height:44px}.card-link{display:flex;align-items:center;gap:9px;font-size:.9rem;font-weight:750}.programs{gap:17px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.feature{position:relative}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:55px;height:55px;border-radius:18px;background:var(--raised);color:var(--teal);border:1px solid var(--line);border-bottom-width:4px;margin-bottom:28px}.feature-icon svg{width:25px;height:25px}.step-number{position:absolute;right:15px;top:5px;font-size:1.5rem;color:var(--muted);opacity:.55;font-weight:800}.feature p{color:var(--muted);font-size:.97rem}.feature h3{font-size:1.2rem}.guide-banner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:48px;background:var(--panel);border:1px solid var(--line);border-radius:30px}.guide-banner p{color:var(--muted)}.guide-stack{display:grid;gap:11px}.guide-stack a{display:flex;gap:15px;align-items:center;padding:12px 15px;background:var(--raised);border:1px solid var(--line);border-bottom-width:4px;border-radius:18px;transition:transform .2s}.guide-stack a:hover{transform:translateX(4px);border-color:var(--mint)}.guide-stack .level{width:42px;height:42px;flex-shrink:0;margin:0;background:var(--mint);color:#123d38;border:0;font-size:.92rem}.guide-stack a>span:nth-child(2){flex:1}.guide-stack strong{display:block;font-size:.97rem}.guide-stack small{font-size:.81rem;color:var(--muted)}.guide-stack svg{color:var(--teal)}.faq-section{display:grid;grid-template-columns:1fr 1.4fr;gap:65px;padding-bottom:85px}.faq{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{display:flex;justify-content:space-between;gap:20px;font-size:1.06rem;font-weight:730;cursor:pointer;list-style:none;line-height:1.5}.faq summary::-webkit-details-marker{display:none}.faq summary>span{color:var(--teal);font-size:1.5rem;line-height:1;font-weight:500}.faq[open] summary>span{transform:rotate(45deg)}.faq p{color:var(--muted);margin:16px 28px 4px 0}.footer{background:var(--panel);border-top:1px solid var(--line);color:var(--ink)}.footer p,.footer-bottom{color:var(--muted)}.footer-bottom{border-color:var(--line)}.footer-links span{font-size:.85rem;color:var(--muted)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:30px;font-size:.85rem;color:var(--muted)}.breadcrumbs a:hover{color:var(--teal);text-decoration:underline}.program-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:75px;align-items:center;padding:45px 0 60px}.program-hero h1{max-width:700px}.lead{font-size:1.14rem;line-height:1.85;color:var(--muted);max-width:750px}.program-preview{background:linear-gradient(140deg,var(--raised),var(--panel));padding:25px 20px 22px;border:1px solid var(--line);border-radius:30px;position:relative;min-height:470px}.program-app-icon{position:absolute;right:13px;top:17px;z-index:1;border-radius:24px;border:3px solid var(--mint);box-shadow:var(--shadow)}figure{margin:0}.screenshot-frame{height:405px;width:236px;max-width:85%;overflow:hidden;border:6px solid #365667;border-radius:28px;margin:auto;box-shadow:0 14px 25px #0002}.screenshot-frame img{width:100%}.program-preview figcaption{text-align:center;font-size:.76rem;color:var(--muted);margin-top:20px}.stat-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.stat-chips span{display:flex;align-items:center;gap:7px;background:var(--panel);border:1px solid var(--line);border-radius:30px;font-size:.8rem;padding:8px 12px}.stat-chips svg{width:15px;color:var(--teal)}.two-notes{display:grid;grid-template-columns:1fr 1fr;gap:25px}.two-notes article{background:var(--panel);padding:32px;border:1px solid var(--line);border-radius:24px}.two-notes h2{font-size:1.6rem}.two-notes p{color:var(--muted);margin:0}.module-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.muted{color:var(--muted)}.module{display:flex;gap:25px;border-bottom:1px solid var(--line);padding:0 0 24px;margin-bottom:28px}.module p{margin:0;color:var(--muted)}.module-number{font-size:1rem;font-weight:800;color:var(--teal);padding-top:3px}.module h3{margin-bottom:10px}.doc-teaser{background:var(--panel);border:1px solid var(--line);border-radius:26px}.doc-teaser>div{flex:1}.doc-teaser .button{flex-shrink:0}.next-level{display:flex;align-items:center;justify-content:space-between;gap:50px;margin-bottom:70px}.next-level p{max-width:720px;font-size:1.05rem}.availability{background:var(--raised);padding:16px 20px;border-radius:15px;color:var(--muted);margin:0;width:100%}.page-intro{padding-block:58px 42px}.page-intro .lead{margin:0}.quick-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.quick-links a{display:flex;gap:9px;align-items:center;padding:12px 15px;border:1px solid var(--line);border-radius:14px;color:var(--teal);background:var(--panel);font-size:.89rem;font-weight:650}.quick-links a:hover{border-color:var(--mint)}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:60px}.guide-card{display:flex;gap:23px;padding:28px;background:var(--panel);border:1px solid var(--line);border-bottom-width:5px;border-radius:25px;transition:transform .18s,border-color .18s}.guide-card:hover{transform:translateY(-4px);border-color:var(--mint)}.guide-card img{width:62px;height:62px;border-radius:18px;flex-shrink:0}.guide-card .eyebrow{font-size:.7rem;letter-spacing:.12em;margin-bottom:12px}.guide-card h2{font-size:1.55rem}.guide-card p{color:var(--muted);font-size:.95rem}.guide-card .card-link{color:var(--teal)}.doc-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding-block:40px}.doc-intro h1{font-size:clamp(2.4rem,4vw,3.6rem)}.doc-intro .lead{max-width:700px;font-size:1.05rem}.doc-intro>.actions{flex-shrink:0;flex-direction:column;min-width:170px}.doc-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:64px;align-items:start;padding-bottom:80px}.doc-toc{position:sticky;top:116px;font-size:.9rem;max-height:calc(100dvh - 140px);overflow-y:auto;scrollbar-width:thin}.doc-toc details{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:20px}.doc-toc summary{font-weight:800;cursor:pointer}.doc-toc nav{display:grid;gap:5px;margin-top:17px}.doc-toc nav a{border-left:2px solid var(--line);padding:9px 10px;color:var(--muted);line-height:1.5}.doc-toc nav a:hover,.doc-toc nav a[aria-current]{color:var(--teal);border-color:var(--teal);background:var(--raised);border-radius:0 8px 8px 0}.doc-other{padding:23px 5px}.doc-other>span{color:var(--muted);font-size:.78rem}.doc-other>div{display:flex;gap:8px;margin-top:12px}.doc-other a{display:grid;place-items:center;min-width:40px;height:42px;border:1px solid var(--line);border-radius:10px;background:var(--panel);font-weight:800}.doc-other a[aria-current]{background:var(--mint);color:#103d35}.doc-notice{display:flex;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px;color:var(--muted);font-size:.88rem}.doc-notice svg{color:var(--teal);margin-top:4px}.doc-notice p{margin:0}.doc-section{padding-block:40px 20px;border-bottom:1px solid var(--line);scroll-margin-top:110px}.doc-section h2{font-size:1.9rem;line-height:1.25;letter-spacing:-.035em}.doc-number{font-size:.75rem;font-weight:850;color:var(--teal);display:block;margin-bottom:14px;letter-spacing:.1em}.doc-section p{color:var(--muted)}.instruction-list{list-style:none;padding:0;counter-reset:steps;margin-top:24px}.instruction-list li{position:relative;counter-increment:steps;padding:7px 0 18px 46px;line-height:1.75}.instruction-list li::before{content:counter(steps);display:grid;place-items:center;position:absolute;left:0;top:7px;width:29px;height:29px;border-radius:9px;background:var(--raised);color:var(--teal);font-weight:800;font-size:.86rem;border:1px solid var(--line)}.doc-end{margin-top:40px;padding:30px;background:var(--panel);border:1px solid var(--line);border-radius:24px}.doc-end h2{font-size:1.75rem}.doc-end p{color:var(--muted)}.support-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:65px;padding-bottom:60px}.support-grid h2{font-size:1.9rem}.support-grid aside{align-self:start;position:sticky;top:125px}.support-card{border:1px solid var(--line);border-radius:25px;padding:30px;background:var(--panel)}.support-card p{color:var(--muted)}.support-card .email{font-size:.8rem;margin:15px 0 0}.backup-box{padding:40px;border:1px solid var(--line);background:var(--panel);border-radius:28px;display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-bottom:70px;scroll-margin-top:110px}.backup-box h2{font-size:2rem}.backup-box p{color:var(--muted)}.backup-box ol{margin-top:0;margin-bottom:0}.information{max-width:800px;padding-bottom:65px}.information section{padding:25px 0;border-bottom:1px solid var(--line)}.information h2{font-size:1.65rem}.information p{color:var(--muted)}.text-link{color:var(--teal);text-decoration:underline;text-underline-offset:4px;display:inline-block;padding-block:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[id]{scroll-margin-top:115px}a,button,summary{overflow-wrap:anywhere}.program-card .meta{overflow-wrap:normal}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:var(--teal)}
@media(max-width:1160px){.language-label{display:block;font-size:.75rem}.header-inner{gap:16px}.nav{gap:17px}.hero{gap:35px}.programs{gap:12px}.program-card{padding-inline:16px}.guide-banner{gap:35px}.doc-layout{gap:35px;grid-template-columns:245px minmax(0,1fr)}}
@media(max-width:900px){.program-hero{gap:35px}.features{grid-template-columns:1fr 1fr;gap:25px}.module-section{gap:35px}.doc-layout{grid-template-columns:215px minmax(0,1fr);gap:25px}.doc-intro{display:block}.doc-intro>.actions{flex-direction:row;margin-top:20px}.guide-card{gap:15px;padding:22px}.guide-card img{width:45px;height:45px}.support-grid{gap:30px}.guide-banner{padding:32px}.program-app-icon{width:70px;height:70px}.program-preview{padding-inline:10px}}
@media(max-width:760px){.header-inner{display:flex;min-height:91px;gap:9px;flex-wrap:wrap}.brand{gap:8px}.brand img{width:37px;height:37px}.brand span{font-size:1.2rem}.header-tools{margin-left:auto;gap:7px;order:1}.menu-toggle{display:flex;width:40px;min-width:40px;margin-left:0;order:2;padding:8px}.nav{order:3;border-top:1px solid var(--line);margin:0;padding:12px 0 18px;gap:5px}.nav a{padding:12px 15px;background:var(--raised);border-radius:12px;font-size:1rem}.language-picker{display:block}.language-label{display:block;position:absolute;right:0;top:-20px;font-size:.75rem;line-height:1.2;width:117px;text-align:right}.flag-toggle{min-height:42px;padding:6px 9px;gap:7px;border-radius:12px}.flag-toggle>span{font-size:1.3rem}.icon-button{min-width:40px;min-height:42px;padding:8px;border-radius:12px}.header-tools{padding-top:7px}.hero{padding-block:38px 42px}.hero h1{font-size:3rem}.hero .actions{gap:10px}.hero .button{padding-inline:15px;font-size:.9rem}.showcase{border-radius:26px}.programs{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.program-card{padding:20px 17px}.program-card h3{font-size:1.18rem;min-height:50px}.program-card p{font-size:.92rem}.program-card .meta{font-size:.8rem}.program-card .card-link{font-size:.85rem;align-items:flex-start;line-height:1.5}.program-card .card-link svg{margin-top:2px}.guide-banner{grid-template-columns:1fr;gap:30px;padding:28px}.guide-banner .button{width:100%}.guide-stack a{padding:12px}.faq-section{grid-template-columns:1fr;gap:10px;padding-bottom:45px}.program-hero{grid-template-columns:1fr;padding-top:30px;gap:30px}.program-hero h1{font-size:2.75rem}.program-preview{max-width:450px;width:100%;margin:auto;min-height:420px}.program-preview .screenshot-frame{height:350px}.program-app-icon{right:35px;top:30px}.two-notes{grid-template-columns:1fr;gap:18px}.two-notes article{padding:25px}.module-section{grid-template-columns:1fr;gap:20px}.module-section h2{font-size:2rem}.doc-teaser{padding:26px}.doc-teaser h2{font-size:1.7rem}.next-level{display:block;margin-bottom:40px}.page-intro{padding-block:38px 30px}.page-intro h1{font-size:2.8rem}.guide-grid{grid-template-columns:1fr;gap:18px}.guide-card{padding:23px;gap:18px}.guide-card img{width:48px;height:48px}.guide-card h2{font-size:1.4rem}.doc-layout{grid-template-columns:1fr;gap:5px}.doc-toc{position:static;max-height:none;overflow:visible}.doc-toc details{padding:17px 20px}.doc-toc nav{grid-template-columns:1fr 1fr;font-size:.85rem}.doc-other{padding:18px 0 25px}.doc-other>div{gap:9px}.doc-other a{width:47px;height:44px}.doc-section{padding-top:32px}.doc-section h2{font-size:1.65rem}.doc-intro{padding-block:30px}.doc-intro h1{font-size:2.4rem}.doc-end{padding:23px}.doc-end .button{max-width:100%;font-size:.9rem}.support-grid{grid-template-columns:1fr;gap:35px}.support-grid aside{position:static}.backup-box{padding:26px;grid-template-columns:1fr;gap:10px;margin-bottom:45px}.support-card .email{font-size:.9rem}.footer-grid{column-gap:25px}.footer .brand span{font-size:1.4rem}.information h2{font-size:1.5rem}}
@media(max-width:380px){.container{width:calc(100% - 28px)}.brand span{font-size:1.06rem}.brand img{width:32px;height:32px}.brand{gap:6px}.header-inner{gap:5px}.header-tools{gap:5px}.flag-toggle{padding-inline:7px;gap:3px}.menu-toggle{min-width:37px;width:37px}.icon-button{min-width:36px}.hero h1{font-size:2.55rem}.hero .actions .button{width:100%}.programs{grid-template-columns:1fr}.program-card h3{min-height:0}.program-card:last-child{grid-column:auto}.doc-toc nav{grid-template-columns:1fr}.guide-card{padding:20px;gap:14px}.guide-card img{width:40px;height:40px}.guide-card h2{font-size:1.35rem}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.doc-end .button svg{display:none}}
@media print{html,body{color:#172d37!important;background:white!important;font-size:11pt}.header,.footer,.breadcrumbs,.doc-toc,.doc-intro>.actions,.doc-end .button,.skip{display:none!important}.container{width:100%;max-width:none}.doc-layout{display:block;padding:0}.doc-content{max-width:none}.doc-section{padding:20px 0 8px;border-color:#ccc;break-inside:auto;scroll-margin:0}.doc-section h2{color:#142d36;font-size:17pt;break-after:avoid}.doc-intro{padding-top:0}.doc-intro h1{font-size:30pt;color:#132d37}.doc-notice{border:1px solid #ccc;background:white!important;color:#344b56}.doc-section p,.lead,.doc-notice p,.eyebrow,.doc-number,.doc-end p{color:#344b56!important}.instruction-list li::before{background:#edf3f3;color:#17382f;border-color:#ccc}.instruction-list li{break-inside:avoid}.doc-end{background:white;border-color:#bbb}.doc-section a{color:inherit}.faq p{color:#333}h1,h2,h3{break-after:avoid}@page{margin:18mm}}
.flag-image{width:30px;height:20px;border-radius:2px;box-shadow:0 0 0 1px #ffffff30}.language-options .flag-image{width:33px;height:22px}
@media(max-width:760px){.showcase{display:grid;grid-template-columns:1fr 1fr;gap:15px 18px;min-height:0;max-height:none;padding:22px 20px 0}.showcase-top{grid-column:1/-1;font-size:.72rem}.showcase-phone{grid-column:1;grid-row:2/4;max-width:100%;width:190px;margin:0 0 -40px;max-height:310px;border-width:5px;align-self:start}.letter-note{grid-column:2;grid-row:2;position:static;width:100%;padding:12px 6px;margin-top:16px;border:0;align-self:start;border-radius:20px;transform:rotate(3deg)}.letter-note .fa{font-size:4.5rem}.letter-note span:last-child{font-size:.76rem}.showcase-caption{grid-column:2;grid-row:3;position:static;max-width:none;margin:0 0 28px;font-size:.91rem;text-align:center;align-self:start;line-height:1.5}}
h1,h2,h3{overflow-wrap:anywhere}@media(max-width:380px){.program-hero h1{font-size:2.25rem}}
.brand span{letter-spacing:-.025em;word-spacing:.14em}
.skip{color:#073e36}
.faq summary>span{flex:0 0 24px;width:24px;height:24px;align-self:center;display:grid;place-items:center}

/* Release 1.0.1: small-screen reflow, keyboard access and print contrast. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.header{background:var(--panel);-webkit-backdrop-filter:blur(18px)}
.hero>*,.showcase>*,.program-hero>*,.guide-banner>*,.guide-card>div,.module>div,.support-grid>*,.footer-grid>*{min-width:0}
.showcase{grid-template-columns:repeat(2,minmax(0,1fr))}
.showcase-top{flex-wrap:wrap}.mini-label{white-space:nowrap}
.header-tools .icon-button,.header-tools .flag-toggle,.menu-toggle,.doc-other a{min-width:44px;min-height:44px}
.nav a[aria-current]{color:var(--teal);text-decoration:underline;text-underline-offset:7px}
.footer-links a{padding-block:7px}.footer-links{gap:4px}
.doc-toc{max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px)}
.doc-toc nav a{min-height:44px}
.header-inner{padding-block:8px}
@media(max-width:760px){
  .showcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .showcase-top{align-items:flex-start}.showcase-phone{width:100%;transform:none}
  .letter-note{transform:none}.showcase-caption{overflow-wrap:anywhere}
  .header .menu-toggle{width:44px;min-width:44px;min-height:44px}
  .header-tools .flag-image{width:26px;height:18px}
  .doc-toc{max-height:none}
}
@media(max-width:380px){
  .header-inner{gap:5px}.header-tools{gap:5px}.header .brand span{font-size:1rem}
  .header-tools .flag-toggle{padding-inline:6px}
  .showcase{padding:18px 14px 0}.showcase-top{font-size:.7rem}
  .showcase-phone{border-radius:19px}.letter-note{margin-top:4px}
  .showcase-caption{font-size:.82rem}.letter-note .fa{font-size:3.8rem}
}
@media(max-height:500px){.header{position:relative}.doc-toc{position:static;max-height:none}}
@media print{
  :root,[data-theme=dark],[data-theme=light]{--ink:#172d37;--muted:#344b56;--paper:white;--panel:white;--raised:#edf3f3;--line:#ccc;--teal:#17382f;color-scheme:light}
  .doc-end h2{color:#172d37!important}.doc-toc{display:none!important}
}

/* Public samples contain only one selected lesson per level. */
.store-panel{padding:32px;border:1px solid var(--line);border-radius:26px;background:var(--panel);display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:18px 40px;margin-bottom:42px}
.store-panel h2{font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.2;margin:15px 0}.store-panel p{color:var(--muted);margin-bottom:0}
.store-list{list-style:none;padding:0;margin:0;display:grid;gap:10px;align-content:center}.store-list li{display:flex;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--raised)}
.store-list strong,.store-list small{display:block}.store-list strong{font-size:1rem}.store-list small{color:var(--muted);font-size:.78rem;margin-top:3px}.store-symbol{display:grid;place-items:center;color:var(--teal);flex:0 0 28px}.store-note{grid-column:1/-1;font-size:.86rem;padding-top:16px;border-top:1px solid var(--line)}
.demo-page{max-width:980px}.demo-page .page-intro{padding-top:28px}.demo-page .page-intro h1{font-size:clamp(2rem,5vw,3.5rem);margin:16px 0}.demo-scope{display:flex;gap:12px;align-items:flex-start;padding:17px 20px;border-left:4px solid var(--mint);border-radius:12px;background:var(--raised);font-size:.94rem;color:var(--ink)}.demo-scope svg{flex:0 0 22px;margin-top:3px}
.demo-panel{padding:30px;background:var(--panel);border:1px solid var(--line);border-radius:25px;margin-bottom:24px;min-width:0}.demo-panel h2{font-size:1.75rem;margin:16px 0}.demo-panel>p{color:var(--muted)}
.demo-words{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;margin:25px 0 16px}.demo-word{background:var(--raised);border:1px solid var(--line);border-radius:20px;padding:20px;min-width:0;display:flex;flex-direction:column;text-align:center}.demo-item-number{text-align:left;font-size:.7rem;letter-spacing:.15em;color:var(--muted)}
.demo-fa{font-family:Tahoma,Arial,sans-serif;font-size:clamp(2.2rem,5vw,3.2rem);line-height:1.9;margin:12px 0;color:var(--ink);unicode-bidi:isolate;overflow-wrap:anywhere}.demo-lesson[data-band="1"] .demo-fa{font-size:6rem;line-height:1.5}.demo-meaning{font-weight:800;font-size:1.05rem;margin:0 0 6px}.demo-translit{font-size:.92rem;color:var(--muted);margin:0 0 14px}.demo-word audio{display:block;width:100%;min-width:0;max-width:400px;margin:14px auto 0;height:54px}.demo-audio-status{font-size:.9rem;margin:8px 0 0;color:var(--muted)}.demo-audio-status:empty{display:none}.demo-panel .demo-note,.demo-note{font-size:.87rem;color:var(--muted);line-height:1.65}
.demo-question-count{font-size:.88rem;margin:10px 0}.demo-progress{display:block;width:100%;height:10px;appearance:none;border:0;border-radius:10px;overflow:hidden;background:var(--raised);accent-color:var(--mint)}.demo-progress::-webkit-progress-bar{background:var(--raised)}.demo-progress::-webkit-progress-value{background:var(--mint)}.demo-progress::-moz-progress-bar{background:var(--mint)}
.demo-question{font-size:1.3rem;line-height:1.5;margin:26px 0 18px}.demo-question:focus{outline:none}.demo-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px}.demo-options button{border:1px solid var(--line);border-bottom:4px solid var(--line);border-radius:16px;min-height:64px;padding:16px;background:var(--raised);color:var(--ink);font:inherit;font-weight:750;cursor:pointer;transition:background .18s,transform .18s}.demo-options button:hover:not(:disabled){border-color:var(--teal);transform:translateY(-2px)}.demo-options button[lang="fa"]{font-family:Tahoma,Arial,sans-serif;font-size:2rem;line-height:1.6}.demo-options button:disabled{cursor:default;opacity:1}
.demo-options button.is-correct{background:#c6efd8;color:#155236;border-color:#397b55}.demo-options button.is-wrong{background:#fbe0de;color:#812a27;border-color:#a94a45}.demo-feedback{min-height:1.6em;color:var(--ink)!important}.demo-feedback:empty{margin:0}.demo-feedback:not(:empty){padding:14px 0 0}.demo-result{padding-top:22px}.demo-result h3{font-size:1.55rem}.demo-result p{color:var(--muted)}.demo-next svg{transform:rotate(-90deg)}.demo-lesson [hidden]{display:none!important}
.demo-audio-button{align-self:center;margin-top:auto;min-width:150px;max-width:100%}.demo-word:has(.demo-audio-button) .demo-meaning:last-of-type{margin-bottom:18px}
.demo-writing-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 14px}.demo-writing-controls .button{font-size:.9rem;white-space:normal;padding-inline:12px}.demo-canvas{display:block;width:100%;height:clamp(200px,37vw,300px);border:2px solid #94b9b0;border-radius:20px;background:#fcfcf4;touch-action:none;cursor:crosshair}.demo-writing-footer{display:flex;align-items:center;gap:20px;margin:16px 0 0}.demo-writing-footer .button{flex:0 0 auto;font-size:.9rem}.demo-writing-footer p{margin:0}.demo-end-links{margin:0 0 55px}
@media(max-width:760px){.store-panel{grid-template-columns:1fr;padding:24px;gap:20px}.store-panel .store-note{margin:0}.demo-panel{padding:24px}.demo-page .store-panel{margin-top:30px}.demo-words{grid-template-columns:1fr}.demo-writing-footer{display:block}.demo-writing-footer p{margin:16px 0 0}}
@media(max-width:380px){.store-panel,.demo-panel{padding:19px}.demo-scope{padding:14px}.demo-writing-controls{grid-template-columns:1fr}.demo-writing-footer .button{width:100%}.demo-panel h2{font-size:1.55rem}.demo-word{padding:16px}.demo-end-links .button{width:100%}}
@media print{.demo-interactive,.demo-word audio{display:none}.demo-page .actions{display:none}.store-panel,.demo-panel{break-inside:avoid}}