/* Spelling Rules tutorial: notebook visual layer; no shared token overrides. */
body.spelling-notebook{background:var(--paper);color:var(--ink)}
.spelling-notebook .lhero{background:var(--paper);color:var(--ink);padding:var(--sp-16) var(--gutter) var(--sp-8)}
.spelling-notebook .lhero__inner{max-width:var(--measure)}
.spelling-notebook .lhero__pos{border:0;border-radius:0;padding:0;color:var(--ink-meta);font-size:var(--fs-meta);margin-bottom:var(--sp-4)}
.spelling-notebook .lhero__title{font-family:var(--font-display);font-size:var(--fs-display);line-height:var(--lh-display);color:var(--ink);margin-bottom:var(--sp-4)}
.spelling-notebook .lhero__sub{color:var(--ink-soft);font-size:var(--fs-lead);line-height:var(--lh-lead);max-width:var(--measure-lesson)}
.spelling-notebook .b3-intro__actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-6)}
.spelling-notebook .spelling-method{display:grid;grid-template-columns:280px minmax(0,1fr);align-items:center;gap:var(--sp-6);max-width:var(--measure);margin:var(--sp-6) auto var(--sp-12);padding:var(--sp-6);border:1px solid var(--line-gold);border-radius:var(--r-surface);background:var(--slip)}
.spelling-notebook .spelling-method img{display:block;width:100%;max-width:280px;height:auto;margin:auto}
.spelling-notebook .spelling-method figcaption{min-width:0;font-size:var(--fs-body);line-height:var(--lh-body)}
.spelling-notebook .spelling-method__labels{font-size:var(--fs-h3);font-weight:700;color:var(--ink);line-height:var(--lh-en);overflow-wrap:anywhere}
.spelling-notebook .spelling-method p{margin:var(--sp-3) 0}
.spelling-notebook .blindspot{background:var(--paper);padding:var(--sp-10) var(--gutter);border-block:1px solid var(--line-gold)}
.spelling-notebook .blindspot__inner{max-width:var(--measure-lesson)}
.spelling-notebook .blindspot__opt{min-height:56px;border-radius:var(--r-control);background:var(--slip);color:var(--ink)}
.spelling-notebook .meta{padding-block:var(--sp-6)}
.spelling-notebook .toc{padding:var(--sp-6) var(--gutter) var(--sp-12);background:var(--paper)}
.spelling-notebook .toc__list{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--sp-6)}
.spelling-notebook .toc__item{min-width:0}
.spelling-notebook .toc__link{padding-block:var(--sp-4);font-size:var(--fs-body);line-height:var(--lh-body)}
.spelling-notebook .toc__num{color:var(--ink-meta)}
.spelling-notebook .article{padding:0 var(--gutter) var(--sp-12);background:var(--paper)}
.spelling-notebook .article__inner{max-width:var(--measure-lesson)}
.spelling-notebook .article p{font-size:var(--fs-body);line-height:var(--lh-body);margin-block:0 var(--sp-5);color:var(--ink)}
.spelling-notebook .article p.beat{font-size:var(--fs-lead);padding-block:var(--sp-6);color:var(--ink-soft)}
.spelling-notebook .b5-section{padding-block:var(--sp-10);border-block-start:1px solid var(--line-gold)}
.spelling-notebook .b5-section h2{font-family:var(--font-display);font-size:var(--fs-h2);line-height:var(--lh-heading);margin-block:0 var(--sp-6)}
.spelling-notebook .b3-example{background:var(--slip);border:1px solid var(--line-gold);border-inline-start:3px solid var(--ink);border-radius:var(--r-surface);padding:var(--sp-6);margin-block:var(--sp-6)}
.spelling-notebook .b3-example p[lang=en]{line-height:var(--lh-en);text-align:left;overflow-wrap:anywhere}
.spelling-notebook .b3-example__answer{font-size:var(--fs-lead);font-weight:700}
.spelling-notebook .b5-points{line-height:var(--lh-body);padding-inline-start:var(--sp-6)}
.spelling-notebook .article details{margin-block:var(--sp-5);border-block:1px dashed var(--line-dash);padding:var(--sp-4) 0}
.spelling-notebook .article summary,.spelling-notebook .b5-nojs summary{cursor:pointer;min-height:44px;line-height:var(--lh-body);font-weight:700}
.spelling-notebook .audit{background:var(--paper);padding:var(--sp-12) var(--gutter);border-block-start:1px solid var(--line-gold)}
.spelling-notebook .audit__inner{max-width:var(--measure-lesson)}
.spelling-notebook .section-title{font-family:var(--font-display);font-size:var(--fs-h2);line-height:var(--lh-heading);color:var(--ink)}
.spelling-notebook .audit__intro{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink-soft)}
.spelling-notebook .audit__card{background:var(--slip);border:1px solid var(--ink);border-radius:var(--r-surface);box-shadow:none;margin-block:var(--sp-8)}
.spelling-notebook .audit__choice{font-size:var(--fs-body);min-height:56px;border-radius:var(--r-control);background:var(--paper);color:var(--ink)}
.spelling-notebook .audit__choice.is-correct{border-color:var(--ink);background:var(--slip)}
.spelling-notebook .audit__choice.is-wrong{border-style:dashed;background:var(--paper);color:var(--ink-soft)}
.spelling-notebook .audit__btn,.spelling-notebook .audit__retry{min-height:56px;border-radius:var(--r-control);font-size:var(--fs-body)}
.spelling-notebook .audit__source-text{line-height:var(--lh-en);overflow-wrap:anywhere}
.spelling-notebook .dcard{background:var(--paper);padding:var(--sp-12) var(--gutter)}
.spelling-notebook .dcard__inner{max-width:var(--measure-lesson)}
.spelling-notebook .dcard__sheet{border:1px solid var(--ink);border-radius:var(--r-surface);background:var(--slip);box-shadow:none}
.spelling-notebook .dcard__sheet-head{background:var(--slip);color:var(--ink);border-bottom:1px solid var(--ink)}
.spelling-notebook .dcard__sheet-head h3{font-family:var(--font-display);font-size:var(--fs-h2);color:var(--ink)}
.spelling-notebook .dcard__sheet-head p{color:var(--ink-meta)}
.spelling-notebook .dcard__fact{background:var(--slip);border-color:var(--line-gold)}
.spelling-notebook .dcard__fact-body{font-size:var(--fs-body);line-height:var(--lh-body)}
.spelling-notebook .dcard__print-btn{min-height:44px;border-radius:var(--r-control)}
.spelling-notebook .lnav{background:var(--paper);padding-block:var(--sp-12)}
.spelling-notebook .lnav__next{border:1px solid var(--line-gold);border-radius:var(--r-surface);background:var(--slip);box-shadow:none}
.spelling-notebook .lnav__next-head{background:var(--slip);border-bottom:1px solid var(--line-gold);color:var(--ink-meta)}
.spelling-notebook .lnav__next-head .lnav__next-eyebrow{color:var(--ink-meta)}
.spelling-notebook .lnav__next-title{font-family:var(--font-display);font-size:var(--fs-h3)}
.spelling-notebook .b5-nojs{background:var(--slip);border:1px solid var(--line-gold);padding:var(--sp-6);border-radius:var(--r-surface);line-height:var(--lh-body)}
.spelling-notebook :is(a,button,summary):focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.spelling-notebook :is(h2,section[id],article[id]){scroll-margin-top:var(--sp-24)}
@media(max-width:767px){
 .spelling-notebook .lhero{padding-block:var(--sp-10) var(--sp-6)}
 .spelling-notebook .lhero__title{font-size:var(--fs-h1)}
 .spelling-notebook .spelling-method{grid-template-columns:1fr;margin-inline:var(--gutter);gap:var(--sp-3);padding:var(--sp-5)}
 .spelling-notebook .spelling-method img{max-width:240px}
 .spelling-notebook .toc__list{grid-template-columns:1fr}
 .spelling-notebook .b5-section{padding-block:var(--sp-8)}
 .spelling-notebook .b3-example{padding:var(--sp-5)}
}
@media(prefers-reduced-motion:reduce){.spelling-notebook *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{
 .spelling-notebook .spelling-method{display:none!important}
 .spelling-notebook .dcard{padding:0}
 .spelling-notebook .dcard__sheet{break-inside:avoid}
 .spelling-notebook .dcard__sheet-head{background:var(--slip)!important;color:var(--ink)!important}
 .spelling-notebook .dcard::after{content:"farhadmirsaeedi.com \00b7 \0644\06cc\0633\0646\06cc\0646\06af\0020\0622\06cc\0644\062a\0633\0020\00b7\0020\062f\0631\0633\0020\06f2\06f0"}
}

.spelling-notebook .b3-intro__actions .btn--primary{min-height:56px}

/* Keep teaching and fallback content rendered for keyboard and native zoom. */
.spelling-notebook :is(.article,.audit,.dcard,.markread,.lnav){content-visibility:visible;contain-intrinsic-size:none}
.spelling-notebook .audit__choice.is-right{background:var(--slip);border-color:var(--ink)}