/* September review corrections; scoped to the requested existing surfaces. */
.mf-account-visible{display:flex;align-items:center;gap:14px;min-inline-size:0;font-size:14px}
.mf-account-visible>bdi{max-inline-size:130px;overflow-wrap:anywhere}
.mf-signout{min-block-size:44px;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.mf-signout:focus-visible{outline:2px solid var(--mf-red-dark);outline-offset:3px}
.lp-resource-overview{grid-template-columns:70px minmax(0,1fr);gap:20px;padding-block-end:18px}
.lp-resource-overview>img{inline-size:60px;block-size:85px;grid-row:auto}
.lp-tool-grid .lp-tool-interactive{background:var(--mf-red);color:#fff}
.lp-tool-interactive .lp-tool-icon,.lp-tool-interactive:hover .lp-tool-icon,.lp-tool-interactive:focus-visible .lp-tool-icon{color:#fff}
.lp-tool-grid .lp-tool-interactive:hover{background:var(--mf-red-dark)}
.mf-site .lp-tool-grid .lp-tool-interactive:is(:hover,:focus-visible),.lp-tool-interactive .lp-tool-label{color:#fff}
.lp-tool-interactive:focus-visible{outline:3px solid #0055a4;outline-offset:4px}
.lp-reader-pending{display:flex;align-items:center;justify-content:center;text-align:center}
.lp-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 20px}
.lp-tool-grid .lp-tool{min-block-size:140px;padding:15px 8px;gap:10px}
.lp-tool-icon svg{inline-size:48px;block-size:48px}
.lp-resource-page{margin-block:18px;padding-block:22px}
.lp-reader-frame iframe{block-size:calc(100svh - 230px);min-block-size:460px}

.mf-credit-group h3,.mf-credit-group h3:lang(ar){font-size:22px!important;margin-block-end:14px!important}
.mf-credit-group li,.mf-credit-group li:lang(ar){font-size:24px;line-height:1.6}
.mf-credit-group{margin-block-end:32px}
.mf-credit-group ul{gap:8px}
.mf-credits-window{block-size:420px;max-block-size:65svh}
.mf-credits-set{padding-block:24px}
.mf-credits[data-ready] .mf-credits-track::after{content:'';display:block;block-size:var(--credits-window-height,420px)}
.mf-portal{padding-block:24px;max-inline-size:1280px}
.mf-portal-intro{text-align:center;max-inline-size:none;margin-block-end:24px}
.mf-portal-intro>p{margin-inline:auto}
.mf-portal h1{font-size:clamp(30px,3vw,42px)}
.mf-series-choice{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 24px 26px}
.mf-portal-covers{inline-size:100%;block-size:clamp(150px,27svh,280px);min-block-size:0;margin-block-end:18px}
.mf-portal-covers img{inline-size:100%;block-size:100%;object-fit:contain;object-position:center}
.mf-series-choice h2{font-size:clamp(27px,2.7vw,36px)}
.mf-series-choice>p{max-inline-size:38ch;font-size:18px;line-height:1.6}
.mf-series-choice>p:lang(ar){font-size:23px}
.mf-series-choice .mf-button{margin-block-start:auto;min-inline-size:180px}
.mf-series-choice .mf-portal-count{margin-block-end:18px}
.mf-portal-access-note{text-align:center}
.hp-sample-trigger{color:#fff;cursor:default}
.hp-sample-trigger-frame{fill:#0055a4}
.hp-sample-trigger-frame>circle:first-child{stroke:#0055a4}
.hp-sample-trigger-frame>circle+circle{stroke:#fff;opacity:.6}
.hp-sample-orbit-art{opacity:.5;pointer-events:none}
.mf-wheel-teeth{stroke-width:7;stroke-dasharray:1 8;opacity:.55}
.mf-wheel-selector{position:absolute;inset:0;inline-size:100%;block-size:100%;fill:none;stroke:var(--wheel-color,#0055a4);stroke-width:2.5;pointer-events:none}
.mf-wheel-selector path{fill:none;stroke-linecap:round}
.mf-wheel-keyboard .mf-wheel-selector{transition:none}
.mf-audio{padding-block:24px;margin-block:18px}
.mf-audio-heading{padding-block-end:18px;margin-block-end:12px}
.mf-audio-heading h1{font-size:clamp(30px,3.4vw,44px)}
.mf-audio-heading p{margin-block-start:8px!important}
.mf-audio-picker{max-inline-size:380px;margin-inline:auto}
.mf-audio-picker .hp-sample-trigger span{font-size:19px;text-align:center}
.mf-audio-picker .hp-sample-trigger{padding:0}
.mf-audio-center-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;inline-size:85%}
.mf-audio-center-content>svg{inline-size:36px;block-size:36px;flex:none}
.mf-audio-picker .mf-audio-center-content>span{inline-size:100%;max-inline-size:none;text-align:center}
.mf-audio-picker .hp-sample-panel h2{font:600 28px/1.35 var(--mf-ui);color:var(--wheel-ink);margin-block-end:12px}
.mf-audio-picker .mf-audio-link{display:flex;min-block-size:80px;padding:8px 4px;gap:8px;align-items:center;color:var(--level-color)!important}
.mf-audio-picker .mf-audio-link:hover{background:transparent}
.mf-audio-picker .hp-sample-panels{min-block-size:115px}
@media(min-width:1001px){.mf-inner-site:has(.lp-toolbox) main,.mf-inner-site:has(.mf-audio) main{min-block-size:calc(100svh - 155px)}}
@media(max-width:1000px){.mf-account-visible{flex-basis:100%;justify-content:flex-end}.mf-account-visible>bdi{max-inline-size:170px}}
@media(max-width:640px){
 .mf-account-visible{font-size:12px;gap:10px}.mf-account-visible>bdi{max-inline-size:125px}
 .lp-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}
 .lp-tool-grid .lp-tool{min-block-size:111px;padding:10px 6px;gap:6px}
 .lp-tool-icon svg{inline-size:40px;block-size:40px}
 .lp-tool-label:lang(ar){font-size:19px}
 .lp-resource-heading h1{font-size:23px}
 .mf-audio-picker{max-inline-size:340px}
 .mf-audio-picker .hp-sample-trigger span{font-size:16px}
 .mf-portal-series{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mf-series-choice{padding:16px 10px 20px}
 .mf-series-choice+.mf-series-choice{border-block-start:0;border-inline-start:1px solid var(--mf-line)}
 .mf-portal-covers{block-size:120px;margin-block-end:14px}
 .mf-series-choice h2{font-size:21px;line-height:1.5}
 .mf-series-choice>p,.mf-series-choice>p:lang(ar){font-size:17px;line-height:1.65}
 .mf-series-choice .mf-portal-count,.mf-series-choice:lang(ar) .mf-portal-count{font-size:14px}
 .mf-series-choice .mf-button{min-inline-size:0;inline-size:100%;padding:10px 7px;font-size:14px}
}
@media(max-width:380px){.mf-portal-series{grid-template-columns:1fr}.mf-series-choice+.mf-series-choice{border-inline-start:0;border-block-start:1px solid var(--mf-line)}.mf-portal-covers{block-size:170px}}
@media(prefers-reduced-motion:reduce){.mf-wheel-selector{transition:none}}

.mf-wheel-mechanics{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.hp-sample-picker:not([data-ready]) .mf-wheel-selector{display:none}

/* Portal: one heading, balanced artwork and a clear gap above both actions. */
.mf-series-qawaid .mf-portal-covers img{filter:drop-shadow(0 7px 6px #25232020)}
.mf-series-choice .mf-portal-count{margin-block:14px 28px}
.mf-series-choice .mf-series-description:lang(ar){max-inline-size:none;font-size:21px;white-space:nowrap}
@media(max-width:1000px){
 .mf-portal-series{grid-template-columns:1fr}
 .mf-series-choice+.mf-series-choice{border-inline-start:0;border-block-start:1px solid var(--mf-line)}
 .mf-portal-covers{block-size:clamp(170px,30vw,250px)}
 .mf-series-choice{padding-inline:16px}
 .mf-series-choice .mf-button{inline-size:auto;min-inline-size:180px}
 .mf-series-choice .mf-series-description:lang(ar){font-size:clamp(14px,3.9vw,21px)}
}




/* Reviewed alpha photographs retain complete arrangements and apparent scale. */
.mf-portal .mf-portal-covers{block-size:310px;max-inline-size:470px;margin-inline:auto}
.mf-portal .mf-series-qawaid .mf-portal-covers{max-inline-size:512px}
.mf-portal .mf-portal-covers img{filter:none;background:transparent;object-fit:contain}
@media(max-width:1000px){.mf-portal .mf-portal-covers{block-size:clamp(170px,42vw,290px);max-inline-size:440px}.mf-portal .mf-series-qawaid .mf-portal-covers{max-inline-size:480px}}
@media(max-width:640px){.mf-portal .mf-portal-covers{block-size:auto;aspect-ratio:1591/1103}.mf-portal .mf-series-qawaid .mf-portal-covers{aspect-ratio:1591/1003}}
.mf-portal .mf-series-choice{container-type:inline-size}
@container (max-width:440px){.mf-series-choice .mf-series-description:lang(ar){white-space:normal}}

/* Original portrait pixels: consistent circular framing without inner cutouts. */
.mf-author-portrait{position:relative;display:block;overflow:hidden;box-sizing:border-box;background:#fff;padding:0}
.mf-author-photo{inline-size:100%;block-size:100%;object-fit:cover;object-position:center 25%}
.mf-author-portrait-2 .mf-author-photo,.mf-author-portrait-3 .mf-author-photo{position:absolute;block-size:auto;object-fit:contain;object-position:center;inset-block-start:4.5%}
.mf-author-portrait-2 .mf-author-photo{inline-size:108%;max-inline-size:none;inset-block-start:0;left:-8%;right:auto;filter:saturate(1.14) contrast(1.08) brightness(1.02)}
.mf-author-portrait-3 .mf-author-photo{inline-size:85%;inset-inline-start:7.5%;clip-path:inset(0 0 0 1px)}
