.method-page .profile-section.profile-hero{padding-top:48px}.method-entry-options{background:var(--background);grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:20px;display:grid}.method-entry-options button{border:1px solid var(--line);text-align:left;border-radius:16px;flex-direction:column;align-items:flex-start;gap:12px;padding:18px;transition:background .2s,border-color .2s,transform .2s;display:flex}.method-entry-options button:hover{transform:translateY(-3px)}.method-entry-options button[aria-pressed=true]{border-color:var(--brand-copper);background:#f3e9dc}.method-entry-options small,.method-page small{color:var(--ink-soft);font-size:12px;line-height:1.6}.method-switch{background:#f1ede7;border-radius:15px;flex-wrap:wrap;gap:6px;margin-bottom:24px;padding:5px;display:flex}.method-switch button{border-radius:11px;flex:1;padding:12px;font-size:13px;transition:background .2s,box-shadow .2s}.method-switch button[aria-pressed=true]{color:var(--copper-ink);background:#fff;box-shadow:0 2px 6px #0f172a12}.method-evidence-list{gap:22px;display:grid}.method-evidence-list>div{border-bottom:1px solid var(--line);padding-bottom:22px;padding-left:45px;position:relative}.method-evidence-list>div>span{font:12px var(--font-mono);color:var(--copper-ink);position:absolute;left:0}.method-continuity{grid-template-columns:1.2fr 1fr;gap:28px;display:grid}.method-continuity aside{background:#f7f3ee;border-radius:18px;padding:24px}.method-continuity p{margin-block:12px}.method-stepper{gap:12px;min-height:100px;margin:32px 0;padding:0;list-style:none;display:flex}.method-stepper li{flex-direction:column;flex:1;gap:10px;font-size:12px;display:flex;position:relative}.method-stepper li span{border:1px solid var(--brand-copper);z-index:1;background:#fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.method-stepper li:not(:last-child):after{content:"";background:var(--brand-copper);width:calc(100% - 10px);height:1px;position:absolute;top:14px;left:28px}.method-layers{flex-direction:column;align-items:center;padding:16px;display:flex}.method-layers>div{border:1px solid var(--line);text-align:center;border-radius:18px;width:100%;padding:12px 18px}.method-layers svg{margin:0 auto 5px}.method-layers small{display:block}.method-layers h3{font:500 22px var(--font-serif);margin:5px 0}.method-brand-layer{background:var(--foreground);color:#fff}.method-brand-layer small{color:#e4c5a2}.method-layer-line{background:var(--brand-copper);width:2px;height:28px;position:relative}.method-layer-line:after{content:"";background:var(--brand-copper);border-radius:50%;width:8px;height:8px;position:absolute;top:0;left:-3px}[data-playing=true] .method-layer-line:after{animation:1.8s ease-in-out 4 layer-travel}@keyframes layer-travel{0%{opacity:.2;transform:translateY(0)}to{opacity:1;transform:translateY(24px)}}.method-comparison{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.method-comparison section{border:1px solid var(--line);border-radius:16px;padding:18px}.method-comparison section>div{border-top:1px solid var(--line);min-height:94px;padding:14px 0}.method-comparison strong{font-size:12px}.method-comparison p{margin-top:8px;font-size:12px}.method-difference{border:1px solid var(--line);border-radius:18px;min-height:330px;padding:18px}.method-difference>svg{margin-bottom:15px}.method-boundaries{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.method-boundaries section>span{color:var(--copper-ink);font:12px var(--font-mono)}.method-boundaries p{margin-block:12px}.method-check{align-items:flex-start;gap:10px;margin-block:20px;font-size:13px;display:flex}.method-check input{accent-color:var(--brand-copper);margin-top:3px}.method-value>div{border-bottom:1px solid var(--line);padding:24px 0}.method-value>div>span{font:12px var(--font-mono);color:var(--copper-ink)}.method-value small{margin-top:12px;display:block}.method-exits{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.method-exits>a,.method-exits>div{border:1px solid var(--line);border-radius:18px;padding:24px}.method-exits h3{margin-top:14px}.method-exits span{color:var(--copper-ink);font-size:13px}.method-exits p{margin:12px 0}.method-destination{flex-direction:column;grid-column:1/-1;align-items:flex-start;gap:12px;margin-top:25px;margin-left:28px;display:flex}@media (max-width:900px){.method-comparison,.method-boundaries{grid-template-columns:1fr}.method-comparison section>div{min-height:0}.method-page .profile-section.profile-hero{padding-top:32px}.method-entry-options{gap:6px;padding:12px}.method-entry-options button{padding:12px}.method-continuity{grid-template-columns:1fr}}@media (max-width:600px){.method-entry-options,.method-exits{grid-template-columns:1fr}.method-entry-options button{grid-template-columns:28px 1fr;gap:6px 14px;display:grid}.method-entry-options small{grid-column:2}.method-stepper{flex-direction:column;min-height:0}.method-stepper li{flex-direction:row;align-items:center;min-height:38px}.method-stepper li:not(:last-child):after{width:1px;height:30px;top:28px;left:14px}.method-destination{margin-left:10px}.method-switch button{min-width:100px}}@media (prefers-reduced-motion:reduce){.method-page *,.profile-navigation *{transition:none!important;animation:none!important}}
