/* A result stage: the geometry stays distinct from the selected physical field. */
.mptt-opening{gap:45px;padding-bottom:60px}
.mptt-opening .study-hero h1{font-size:clamp(38px,4.5vw,65px)}
.mptt-opening-art{min-width:0;align-self:center;display:block;padding-top:15px}
.mptt-opening-art>div{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px}
.mptt-opening-art img{display:block;width:100%;height:auto;object-fit:contain;border-radius:10px}
.mptt-opening-art .mptt-opening-geometry{transform:translateY(-28px)}
.mptt-opening-art .mptt-opening-field{transform:translateY(18px)}
.mptt-opening-art>span{display:block;text-align:center;font-size:12px;line-height:1.8;color:var(--muted);margin-top:28px}
.mptt-section-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:start;margin-bottom:35px}
.mptt-section-intro h2{font-size:clamp(30px,3.5vw,46px);white-space:pre-line;line-height:1.22}
.mptt-section-intro>p{font-size:16px;line-height:1.9;color:var(--muted);margin:0;max-width:650px}
.mptt-controls{display:flex;flex-wrap:wrap;gap:23px 35px;padding:24px 28px;background:#f0edf4;border-radius:16px 16px 0 0}
.mptt-controls[hidden]{display:none}
.mptt-choice{min-width:0;border:0;padding:0;margin:0;flex:0 1 auto}
.mptt-choice legend{font-size:11px;line-height:1.8;color:#726c79;padding:0;margin:0 0 9px}
.mptt-choice label{position:relative;display:inline-flex;cursor:pointer;margin:0 3px 4px 0;vertical-align:top}
.mptt-choice input{position:absolute;opacity:0;width:1px;height:1px;inset:50% auto auto 50%}
.mptt-choice span{display:inline-flex;align-items:center;min-height:44px;padding:9px 14px;border:1px solid transparent;border-radius:24px;font-size:12px;line-height:1.6;color:#57515e;transition:background .18s,color .18s}
.mptt-choice input:checked+span{background:#fff;color:var(--violet-deep);border-color:#e2dbe9}
.mptt-choice label:hover span{background:#ffffffa8}
.mptt-choice input:focus-visible+span{outline:3px solid var(--violet-deep);outline-offset:3px}
.mptt-result-layout{display:grid;grid-template-columns:minmax(0,1fr);padding:35px;background:#fff;border-radius:0 0 16px 16px}
.mptt-with-geometry{grid-template-columns:minmax(0,.65fr) minmax(0,1.45fr);gap:45px;align-items:center}
.mptt-geometry{margin:0;min-width:0}
.mptt-geometry>figcaption{font-size:11px;line-height:1.8;color:var(--muted);margin:0 0 25px;text-align:center}
.mptt-geometry>img{display:block;width:100%;height:300px;object-fit:contain}
.mptt-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;min-width:0}
.mptt-fields[data-panel-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.mptt-field{min-width:0;margin:0}
.mptt-field[hidden]{display:none}
.mptt-field>figcaption{font-size:13px;line-height:1.8;color:var(--violet-deep);text-align:center;margin:0 0 18px}
.mptt-field>a{display:flex;align-items:center;justify-content:center;min-width:0;border-radius:4px}
.mptt-field>a>img{display:block;width:100%;height:400px;object-fit:contain}
.mptt-fields[data-panel-count="2"] .mptt-field>a>img{height:330px}
.mptt-field-legend{display:block;width:100%;height:12px;object-fit:fill;max-width:680px;margin:15px auto 0}
.mptt-scale-labels{display:flex;align-items:center;justify-content:space-between;gap:15px;max-width:680px;margin:7px auto 0;font-size:11px;line-height:1.7;color:var(--muted)}
.mptt-scale-labels b{font-weight:500;color:var(--ink)}
.mptt-viewer-caption{font-size:12px;line-height:1.9;color:var(--ink);margin:17px 0 0;min-height:1.9em}
.mptt-source-line{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:11px;line-height:1.8;color:var(--muted);margin-top:9px}
.mptt-source-line>a{color:var(--violet-deep);min-height:32px;display:inline-flex;align-items:center}
.mptt-main .mptt-context{font-size:12px;line-height:1.85;color:var(--muted);max-width:900px;margin-top:20px}
.mptt-use-paths{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:40px 0 60px}
.mptt-use-paths>article{padding:25px 0;border-top:1px solid var(--line)}
.mptt-use-paths h3{font-size:27px;font-weight:500;letter-spacing:-.035em;margin:0 0 20px}
.mptt-use-paths p,.mptt-use-example>p{font-size:15px;line-height:1.9;color:var(--muted);max-width:850px;margin:0 0 23px}
.mptt-use-example{padding-top:35px;scroll-margin-top:20px}
.mptt-use-example>h3{font-size:clamp(26px,3vw,36px);font-weight:550;line-height:1.3;letter-spacing:-.035em;margin:0 0 30px}
.mptt-use-example .recording{border-radius:16px;border-color:#e7e2ec}
.mptt-use-example .recording-bar p{font-family:var(--font);font-size:12px}
.mptt-speed{padding:10px 0 30px;scroll-margin-top:20px}
.mptt-speed-summary{display:grid;grid-template-columns:.7fr 1.3fr;gap:45px;align-items:start}
.mptt-speed-summary>strong{font-size:clamp(65px,8vw,110px);font-weight:400;line-height:1.1;letter-spacing:-.065em;color:var(--violet-deep)}
.mptt-speed-summary h3{font-size:26px;line-height:1.4;margin:0 0 18px}
.mptt-speed-summary p{font-size:16px;line-height:1.9;color:var(--muted);margin:0 0 15px;max-width:700px}
.mptt-speed-summary .mptt-context{margin:0;font-size:12px}
.mptt-main .study-details>p{max-width:900px;font-size:14px;line-height:1.9}
.mptt-extra-links{display:flex;flex-wrap:wrap;gap:15px 35px;padding-top:25px}
.mptt-main #architecture .study-details{margin-top:0}
.mptt-main #phase-field .mptt-result-layout{padding:25px 35px}
.mptt-main #scale .mptt-result-layout{background:#f5f7fa}
.mptt-main #scale .mptt-field>a>img{height:360px}
.mptt-main #scale .mptt-fields[data-panel-count="2"] .mptt-field>a>img{height:280px}
@media(max-width:1100px){.mptt-section-intro{gap:40px}.mptt-with-geometry{gap:30px;grid-template-columns:minmax(0,.7fr) minmax(0,1.5fr)}.mptt-result-layout{padding:28px}.mptt-controls{padding:23px;gap:20px 25px}.mptt-choice span{padding-inline:12px}.mptt-use-paths{gap:40px}.mptt-opening{gap:30px}.mptt-opening-art>div{gap:5px}}
@media(max-width:800px){.mptt-opening-art{max-width:520px;width:100%;margin:auto;padding:0}.mptt-opening-art>div{gap:25px}.mptt-opening-art img{max-height:300px}.mptt-opening-art>span{margin-top:20px}.mptt-opening{padding-bottom:35px;gap:40px}.mptt-section-intro{grid-template-columns:1fr;gap:23px;margin-bottom:28px}.mptt-section-intro h2{font-size:34px}.mptt-section-intro>p{font-size:15px}.mptt-with-geometry{grid-template-columns:minmax(0,.7fr) minmax(0,1.4fr);gap:20px}.mptt-result-layout{padding:25px 20px}.mptt-geometry>img{height:240px}.mptt-field>a>img{height:340px}.mptt-fields[data-panel-count="2"]{grid-template-columns:1fr}.mptt-fields[data-panel-count="2"] .mptt-field>a>img{height:330px}.mptt-fields{gap:25px}.mptt-controls{padding:20px}.mptt-choice span{font-size:12px}.mptt-speed-summary{grid-template-columns:.65fr 1.35fr;gap:30px}.mptt-speed-summary p{font-size:15px}.mptt-main #scale .mptt-field>a>img{height:300px}.mptt-main #scale .mptt-fields[data-panel-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.mptt-main #scale .mptt-fields[data-panel-count="2"] .mptt-field>a>img{height:230px}}
@media(max-width:520px){.mptt-opening .study-hero h1{font-size:38px}.mptt-opening-art>div{gap:8px}.mptt-opening-art>span{font-size:11px}.mptt-opening-art img{max-height:230px}.mptt-section-intro h2{font-size:30px}.mptt-section-intro>p{font-size:14px}.mptt-controls{padding:18px 15px;gap:17px}.mptt-choice{flex-basis:100%}.mptt-choice span{padding:9px 12px;font-size:12px}.mptt-choice label{margin-right:0}.mptt-with-geometry{grid-template-columns:1fr;gap:25px}.mptt-result-layout{padding:25px 17px}.mptt-geometry{padding-bottom:23px;border-bottom:1px solid #ebe7ee}.mptt-geometry>figcaption{margin-bottom:16px}.mptt-geometry>img{height:200px}.mptt-field>a>img,.mptt-fields[data-panel-count="2"] .mptt-field>a>img{height:340px}.mptt-field>figcaption{margin-bottom:10px;font-size:12px}.mptt-fields{gap:27px}.mptt-viewer-caption{font-size:11px}.mptt-source-line{font-size:10px;gap:5px}.mptt-use-paths{grid-template-columns:1fr;gap:0;margin:25px 0}.mptt-use-paths>article{padding:25px 0 30px}.mptt-use-paths h3{font-size:25px}.mptt-use-paths p,.mptt-use-example>p{font-size:14px}.mptt-use-example>h3{font-size:27px;margin-bottom:25px}.mptt-speed{padding-top:28px}.mptt-speed-summary{grid-template-columns:1fr;gap:25px}.mptt-speed-summary>strong{font-size:82px}.mptt-speed-summary h3{font-size:24px}.mptt-speed-summary p{font-size:14px}.mptt-speed-summary .mptt-context{font-size:11px}.mptt-main #phase-field .mptt-result-layout{padding:20px 17px}.mptt-main #phase-field .mptt-field>a>img{height:300px}.mptt-main #scale .mptt-field>a>img{height:250px}.mptt-main #scale .mptt-fields[data-panel-count="2"]{grid-template-columns:1fr}.mptt-main #scale .mptt-fields[data-panel-count="2"] .mptt-field>a>img{height:250px}.mptt-main .study-details>p{font-size:13px}.mptt-main .mptt-context{font-size:11px}.mptt-main .study-table-wrap{font-size:11px}.mptt-extra-links{gap:12px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.mptt-choice span{transition:none}}