/* Phase 7. Every color, spacing and focus treatment is derived from frozen tokens. */
.mg-p7{min-height:60vh;padding-block:var(--space-16) var(--space-24);color:var(--ink);background:var(--surface)}
.mg-p7-hero{max-width:var(--measure);display:grid;gap:var(--space-6);margin-block-end:var(--space-12)}
.mg-p7-hero h1{margin:0}.mg-p7-section{padding-block:var(--space-12);border-block-start:var(--hairline) solid var(--line)}
.mg-p7-section h2{font-family:var(--font-arabic);font-size:clamp(1.5rem,3vw,2.2rem);margin-block:0 var(--space-6)}
.mg-p7-emphasis{font-size:clamp(1.1rem,2.3vw,1.5rem);font-weight:700;max-width:var(--measure);margin-block:var(--space-6)}
.mg-p7-pills{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-block:var(--space-6)}
.mg-p7-pills>a,.mg-p7-pills>span{min-height:var(--tap-min);display:inline-flex;align-items:center;padding:var(--space-3) var(--space-4);border:var(--hairline) solid var(--line-strong);border-radius:var(--radius-pill);color:var(--ink);text-decoration:none}
.mg-p7-articles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:var(--space-6)}
.mg-p7-card{padding:var(--space-6);border:var(--hairline) solid var(--line);border-radius:var(--radius-md);display:grid;gap:var(--space-3)}
.mg-p7-card h2{font-size:1.4rem;margin:0}.mg-p7-card a{color:var(--ink)}.mg-p7-card p{margin:0}
.mg-p7-article-body{max-width:var(--measure);font-size:1.1rem;line-height:1.95;overflow-wrap:anywhere}
.mg-p7-article-body img{max-width:100%;height:auto}.mg-p7-article-body pre{max-width:100%;overflow:auto}
.mg-p7-article-body h2,.mg-p7-article-body h3{margin-block:var(--space-12) var(--space-6)}
.mg-p7-copy{max-width:var(--measure);white-space:normal;line-height:1.95}.mg-p7-list{line-height:2.1;padding-inline-start:var(--space-8)}
.mg-p7-form{display:grid;gap:var(--space-6);max-width:var(--measure)}
.mg-p7-form fieldset{margin:0;padding:var(--space-6);border:var(--hairline) solid var(--line-strong);border-radius:var(--radius-md);display:grid;gap:var(--space-4)}
.mg-p7-form fieldset[hidden]{display:none}.mg-p7-form legend{font-weight:700;font-size:1.3rem;padding-inline:var(--space-2)}
.mg-p7-form label{display:grid;gap:var(--space-2);font-weight:500}.mg-p7-choice{display:flex!important;flex-direction:row;align-items:center;gap:var(--space-3)!important;min-height:var(--tap-min)}
.mg-p7-form input:not([type=radio]):not([type=checkbox]),.mg-p7-form textarea,.mg-p7-form select{width:100%;max-width:100%;min-height:var(--tap-min);padding:var(--space-3);background:var(--surface-raised);color:var(--ink);border:var(--hairline) solid var(--line-strong);border-radius:var(--radius-sm);font:inherit}
.mg-p7-form input[type=radio],.mg-p7-form input[type=checkbox]{accent-color:var(--accent);width:1.2rem;height:1.2rem}
.mg-p7-form-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.mg-p7-form button:disabled{opacity:.5;cursor:not-allowed}
.mg-p7-hidden{position:absolute;inset-inline-start:0;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
.mg-p7-form-result:not(:empty),.mg-p7-notice{padding:var(--space-4);border-inline-start:var(--space-1) solid var(--line-strong);background:var(--surface-raised)}
.mg-p7 a:focus-visible,.mg-p7 button:focus-visible,.mg-p7 input:focus-visible,.mg-p7 textarea:focus-visible,.mg-p7 select:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
@media(max-width:40rem){.mg-p7{padding-block:var(--space-8) var(--space-16)}.mg-p7-form fieldset{padding:var(--space-4)}}
@media(prefers-reduced-motion:reduce){.mg-p7 *{scroll-behavior:auto!important;transition:none!important}}

.mg-p7-kind{min-height:var(--tap-min);color:var(--ink);background:var(--surface-raised);border:var(--hairline) solid var(--line-strong);border-radius:var(--radius-pill);padding-inline:var(--space-4);font:inherit;cursor:pointer}
.mg-p7-kind[aria-pressed="true"]{border-color:var(--accent);color:var(--accent-ink);font-weight:700}