/* Human API film Pieces() integration. Geometry/colors live in method-source.js.
   No CSS transforms, perspective, substitute coins, or stretched SVG viewports. */
.method-source{--ms-paper:#f8f5ee;--ms-ink:#11110f;--ms-line:#c8c5ba;--ms-color:#dfae4a;background:var(--ms-paper);color:var(--ms-ink);border-top:2px solid var(--ms-ink);border-bottom:1px solid var(--ms-line)}
.method-source button{appearance:none;cursor:pointer;border-radius:0;font-family:Archivo,Arial,sans-serif}
.method-source button:focus-visible,.method-source .ms-viewport:focus-visible{outline:2px solid #f04417;outline-offset:4px}
.method-source .ms-toolbar{display:flex;align-items:center;gap:25px;padding:20px 0;flex-wrap:wrap;border-bottom:1px solid var(--ms-line)}
.method-source .ms-toolbar>button{min-height:44px;border:0;border-bottom:2px solid transparent;padding:8px 0;font-size:12px;font-weight:650;background:transparent;color:var(--ms-ink)}
.method-source .ms-toolbar>button:hover,.method-source .ms-toolbar>button[aria-pressed=true]{border-bottom-color:#f04417}
.method-source .ms-layouts{display:flex;border:1px solid var(--ms-ink);padding:3px}
.method-source .ms-layouts button{min-height:40px;padding:10px 22px;background:transparent;color:var(--ms-ink);border:0;font:650 12px/1.4 Archivo,Arial,sans-serif}
.method-source .ms-layouts button[aria-pressed=true]{background:var(--ms-ink);color:var(--ms-paper)}
.method-source [data-ms-connections]{margin-left:auto}
.method-source .ms-motion-status{margin:24px 0 0;color:#a64228;font:500 25px/1.3 Caveat,cursive;text-align:center}
.method-source .ms-viewport{width:100%;overflow:auto;overscroll-behavior-inline:contain;scrollbar-color:#b5ad9b transparent;scrollbar-width:thin}
.method-source .ms-canvas{width:100%;height:570px;position:relative}
.method-source[data-layout=sequence] .ms-canvas{height:330px}
.method-source .ms-svg{display:block;width:100%;height:100%;overflow:visible}
.method-source .ms-svg circle{transform:none}
.method-source .ms-piece{cursor:pointer}
.method-source .ms-scroll-hint{display:none}
.method-source .ms-activities{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:0;border-top:1px solid var(--ms-line);border-bottom:1px solid var(--ms-line);padding:12px 0}
.method-source .ms-activities button{min-width:0;min-height:64px;background:transparent;color:#5e6259;border:0;padding:11px 6px 12px;text-align:center;font:600 12px/1.35 Archivo,Arial,sans-serif;border-bottom:3px solid transparent}
.method-source .ms-activities button span{display:block;font-size:9px;letter-spacing:.08em;margin-bottom:7px;color:#777568}
.method-source .ms-activities button[aria-pressed=true]{color:var(--ms-ink);border-bottom-color:var(--ms-color)}
.method-source .ms-activities button:hover{color:var(--ms-ink);background:#eeeadd}
.method-source .ms-detail{display:grid;grid-template-columns:.85fr 1fr 1.15fr;gap:40px;padding:38px 0 40px;align-items:center}
.method-source .ms-stage-name{font:600 10px/1.5 Archivo,Arial,sans-serif;letter-spacing:.08em;color:#57604f;margin:0 0 15px}
.method-source .ms-identity>div{display:flex;align-items:center;gap:18px}
.method-source .ms-letter{font:800 62px/.9 Archivo,Arial,sans-serif;color:var(--ms-color);letter-spacing:-.06em}
.method-source .ms-name{font:750 29px/1.1 Archivo,Arial,sans-serif;letter-spacing:-.035em;margin:0;text-wrap:balance}
.method-source .ms-question{font:400 25px/1.35 Newsreader,Georgia,serif;margin:0}
.method-source .ms-result{border-left:1px solid var(--ms-line);padding-left:32px}
.method-source .ms-result>span{font:550 9px/1.4 Archivo,Arial,sans-serif;letter-spacing:.08em;color:#57604f}
.method-source .ms-result>p{font:400 22px/1.4 Newsreader,Georgia,serif;margin:12px 0 0}
.method-source .ms-footer{display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid var(--ms-line);padding:22px 0}
.method-source .ms-footer p{font:400 19px/1.45 Newsreader,Georgia,serif;max-width:740px;margin:0}

@media(max-width:800px){
 .method-source .ms-toolbar{gap:18px}
 .method-source [data-ms-connections]{margin-left:0}
 .method-source .ms-activities{grid-template-columns:repeat(3,minmax(0,1fr));padding:6px 0}
 .method-source .ms-activities button{min-height:57px;font-size:13px;padding:10px 6px}
 .method-source .ms-activities button span{display:inline;margin:0 7px 0 0;font-size:9px}
 .method-source .ms-detail{grid-template-columns:.8fr 1.2fr;gap:25px;padding:28px 0}
 .method-source .ms-result{grid-column:1/-1;border-left:0;border-top:1px solid var(--ms-line);padding:20px 0 0}
 .method-source .ms-canvas{height:520px}
 .method-source .ms-footer{display:block}
 
}
@media(max-width:600px){
 .method-source .ms-toolbar{gap:8px 19px;padding:15px 0}
 .method-source .ms-toolbar>button{font-size:11px;min-height:42px}
 .method-source .ms-layouts button{font-size:11px;min-height:38px;padding:8px 17px}
 .method-source .ms-motion-status{font-size:23px;margin:19px 0 0;min-height:30px}
 .method-source .ms-canvas{height:auto;aspect-ratio:970/1010;min-height:310px}
 .method-source[data-layout=sequence] .ms-canvas{min-width:900px;width:900px;height:330px;aspect-ratio:auto;min-height:0}
 .method-source.is-animating .ms-canvas{width:100%;min-width:0;height:auto;aspect-ratio:970/1010;min-height:310px}
 .method-source[data-layout=sequence]:not(.is-animating) .ms-scroll-hint{display:block;margin:8px 0 16px;font:500 11px/1.4 Archivo,Arial,sans-serif;color:#686c61}
 .method-source .ms-activities button{font-size:11px;padding:10px 3px}
 .method-source .ms-activities button span{display:block;margin:0 0 4px;font-size:9px}
 .method-source .ms-detail{grid-template-columns:1fr;gap:23px}
 .method-source .ms-identity>div{gap:16px}
 .method-source .ms-name{font-size:31px}
 .method-source .ms-question{font-size:25px}
 .method-source .ms-result>p{font-size:22px}
 .method-source .ms-footer p{font-size:19px}
}
@media(prefers-reduced-motion:reduce){.method-source [data-ms-play],.method-source [data-ms-replay]{display:none}}