.mh-scope { --mh-page-gutter:clamp(16px,3vw,40px); --mh-region-gap:clamp(16px,2vw,32px); }
/* Muhit Page Standard 1.0 — optional, scoped, logical directions. */
.mh-scope .mh-shell { --mh-page-gutter:clamp(16px,3vw,40px); --mh-region-gap:clamp(16px,2vw,32px); display:grid; grid-template-columns:240px minmax(0,1fr); min-height:100dvh; background:var(--mh-bg); color:var(--mh-text); }
.mh-scope .mh-shell * { box-sizing:border-box; }
.mh-scope .mh-shell__nav { padding:24px 16px; border-inline-end:1px solid var(--mh-border); background:var(--mh-surface); min-width:0; }
.mh-scope .mh-shell__brand { display:block; margin-block-end:32px; }
.mh-scope .mh-shell__nav nav { display:grid; gap:8px; }
.mh-scope .mh-shell__nav nav a { display:flex; align-items:center; gap:12px; padding:12px; min-height:44px; border-radius:var(--mh-radius-sm); color:var(--mh-text); text-decoration:none; overflow-wrap:anywhere; }
.mh-scope .mh-shell__nav a[aria-current=page] { background:var(--mh-accent-soft); color:var(--mh-link); font-weight:700; }
.mh-scope .mh-shell__body { min-width:0; }
.mh-scope .mh-shell__bar { min-height:64px; padding:12px var(--mh-page-gutter); display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; border-block-end:1px solid var(--mh-border); }
.mh-scope.mh-content, .mh-scope .mh-content { max-width:var(--mh-content-width,1240px); margin-inline:auto; padding:var(--mh-page-gutter); min-width:0; }
.mh-scope .mh-content[data-width=reading] { max-width:80ch; }
.mh-scope .mh-content[data-width=wide] { max-width:1600px; }
.mh-scope .mh-content__header { display:flex; justify-content:space-between; align-items:start; gap:24px; flex-wrap:wrap; margin-block-end:32px; }
.mh-scope .mh-content__header h1 { font-family:var(--mh-font-heading); font-size:clamp(28px,3vw,42px); line-height:1.15; margin:8px 0 12px; }
.mh-scope .mh-content__header p { max-width:65ch; color:var(--mh-muted); }
.mh-scope .mh-crumbs { display:flex; flex-wrap:wrap; gap:8px; font-size:14px; }
.mh-scope .mh-region-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:var(--mh-region-gap); align-items:start; }
.mh-scope .mh-region { grid-column:span 12; min-width:0; overflow-wrap:anywhere; }
.mh-scope .mh-region--main { grid-column:span 8; }
.mh-scope .mh-region--rail { grid-column:span 4; }
.mh-scope .mh-region--half { grid-column:span 6; }
.mh-scope .mh-region--metric { grid-column:span 3; }
.mh-scope .mh-region > :first-child { margin-block-start:0; }
.mh-scope .mh-region .mh-panel { padding:var(--mh-space-card); }
.mh-scope .mh-prose { max-width:65ch; font-size:calc(16px * var(--mh-text-scale)); line-height:1.7; }
.mh-scope .mh-prose h2 { margin-block-start:32px; font-family:var(--mh-font-heading); line-height:1.3; }
.mh-scope .mh-content__footer { margin-block-start:40px; padding-block-start:16px; border-block-start:1px solid var(--mh-border); font-size:14px; color:var(--mh-muted); }
.mh-scope .mh-skip { position:fixed; inset-block-start:8px; inset-inline-start:8px; z-index:100; transform:translateY(-180%); padding:12px; background:var(--mh-surface); color:var(--mh-text); }
.mh-scope .mh-skip:focus { transform:none; }
.mh-scope .mh-symbol { vertical-align:middle; flex-shrink:0; }
.mh-scope .mh-shell :focus-visible { outline:3px solid var(--mh-focus); outline-offset:3px; }
@media (max-width:1199px) { .mh-scope .mh-region-grid {grid-template-columns:repeat(8,minmax(0,1fr))} .mh-scope .mh-region {grid-column:span 8} .mh-scope .mh-region--metric,.mh-scope .mh-region--half {grid-column:span 4} }
@media (max-width:1023px) { .mh-scope .mh-shell {grid-template-columns:minmax(0,1fr)} .mh-scope .mh-shell__nav {border-inline-end:0;border-block-end:1px solid var(--mh-border);padding:16px} .mh-scope .mh-shell__brand {margin-block-end:16px} .mh-scope .mh-shell__nav nav {display:flex;flex-wrap:wrap;gap:4px} }
@media (max-width:767px) { .mh-scope .mh-region-grid {grid-template-columns:repeat(4,minmax(0,1fr))} .mh-scope .mh-region {grid-column:span 4} .mh-scope .mh-shell__bar {align-items:start} }
.mh-scope .mh-region--metric h2 {font-size:14px;color:var(--mh-muted);font-weight:500;}
.mh-scope .mh-region--metric p {font-size:32px;line-height:1.2;margin-block:12px 0;font-variant-numeric:tabular-nums;}

.mh-scope .mh-region-grid > :not(.mh-region) { min-width:0; grid-column:span 6; }
.mh-scope .mh-region-grid--context > :first-child { grid-column:span 8; }
.mh-scope .mh-region-grid--context > :nth-child(2) { grid-column:span 4; }
@media(max-width:1199px){.mh-scope .mh-region-grid > :not(.mh-region) {grid-column:span 4}.mh-scope .mh-region-grid--context > * {grid-column:span 8}}
@media(max-width:767px){.mh-scope .mh-region-grid > :not(.mh-region) {grid-column:span 4}}
.mh-scope .mh-skip:not(:focus) {clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;}

.mh-scope .mh-shell--plain { grid-template-columns:minmax(0,1fr); }
.mh-scope .mh-content[data-width=fluid] { max-width:none; width:100%; }
.mh-scope .mh-icon-host { display:inline-flex; vertical-align:middle; }