.method-page{gap:28px;max-width:1080px;display:grid}.method-eyebrow{color:var(--accent);font-size:var(--type-meta);letter-spacing:.14em;font-weight:600}.method-hero h1{margin:8px 0 10px;font-size:clamp(28px,4vw,40px);line-height:1.15}.method-hero>p{color:var(--muted);font-size:var(--type-body);max-width:640px;line-height:1.6}.method-promises{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px;display:grid}.method-promises>div{border:1px solid var(--border);background:var(--surface);border-radius:12px;grid-template-columns:auto 1fr;gap:4px 10px;padding:16px;display:grid}.method-promises svg{color:var(--green);grid-row:span 2;margin-top:2px}.method-promises span{color:var(--muted);font-size:var(--type-secondary);line-height:1.5}.method-flow{counter-reset:step;grid-template-columns:repeat(4,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid}.method-flow li{background:linear-gradient(160deg, #8b7cf61f, transparent 70%), var(--surface);border:1px solid var(--border);border-radius:12px;gap:4px;padding:14px 16px;display:grid;position:relative}.method-flow svg{color:var(--accent)}.method-flow span{color:var(--muted);font-size:var(--type-secondary)}.method-flow li:not(:last-child):after{content:"→";color:var(--muted);z-index:1;font-size:14px;position:absolute;top:50%;right:-10px;transform:translateY(-50%)}.method-section{gap:14px;scroll-margin-top:100px;display:grid}.method-head h2{font-size:var(--type-section,22px);margin:0 0 4px}.method-head p,.method-muted,.method-note{color:var(--muted);font-size:var(--type-secondary);margin:0;line-height:1.55}.method-factors{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.method-factor{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:8px;padding:16px;display:grid}.method-factor-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.method-factor-top span{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:700}.method-factor p{color:var(--muted);font-size:var(--type-secondary);margin:0;line-height:1.5}.method-bar{background:var(--surface-raised);border-radius:99px;height:6px;overflow:hidden}.method-bar i{background:linear-gradient(90deg,#7c5cff,#a99bff);border-radius:99px;height:100%;display:block}.method-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.method-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;align-content:start;gap:12px;padding:20px;display:grid}.method-card h3{font-size:var(--type-card,17px);align-items:center;gap:8px;margin:0;display:flex}.method-card p{color:var(--muted);margin:0;line-height:1.6}.method-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.method-list li{line-height:1.45;font-size:var(--type-secondary);align-items:flex-start;gap:9px;display:flex}.method-list svg{flex:none;margin-top:2px}.method-list.yes svg{color:#4fbf8f}.method-list.no li{color:var(--muted)}.method-list.no svg{color:#e0787a}.method-recency{gap:8px;display:grid}.method-recency>div{font-size:var(--type-secondary);grid-template-columns:78px 1fr 42px;align-items:center;gap:10px;display:grid}.method-recency span{color:var(--muted)}.method-recency b{text-align:right;font-variant-numeric:tabular-nums}.method-recency .method-bar i{background:linear-gradient(90deg,#22c55e,#4fbf8f)}.method-inline{grid-template-columns:auto 1fr;gap:16px}.method-inline>svg{color:var(--accent)}.method-labels{gap:8px;display:grid}.method-label{border:1px solid var(--border);background:var(--surface);border-radius:12px;grid-template-columns:210px 1fr;align-items:center;gap:16px;padding:12px 16px;display:grid}.method-label p{color:var(--muted);font-size:var(--type-secondary);margin:0;line-height:1.5}.method-chip{font-size:var(--type-secondary);border:1px solid;border-radius:99px;justify-self:start;padding:5px 11px;font-weight:600}.method-label.bull .method-chip{color:#6fd6a8;background:#4fbf8f29;border-color:#4fbf8f80}.method-label.bull-soft .method-chip{color:#9bd8bd;background:#4fbf8f12;border-color:#4fbf8f4d}.method-label.mixed .method-chip{color:#e8c37a;background:#e8c37a1a;border-color:#e8c37a66}.method-label.bear .method-chip{color:#f09a9b;background:#e0787a24;border-color:#e0787a73}.method-label.none .method-chip{color:var(--muted);background:var(--surface-raised);border-color:var(--border)}.method-limits{background:linear-gradient(160deg, #8b7cf61a, transparent 60%), var(--surface);border-color:#8b7cf659}.method-limits h3 svg{color:var(--accent)}.method-limits ul{color:var(--muted);gap:8px;margin:0;padding-left:18px;line-height:1.55;display:grid}.method-limits b{color:var(--text);font-weight:600}.method-more{border:1px solid var(--border);background:var(--surface);border-radius:12px;scroll-margin-top:100px}.method-more summary{cursor:pointer;justify-content:space-between;align-items:center;padding:16px 20px;font-weight:600;list-style:none;display:flex}.method-more summary::-webkit-details-marker{display:none}.method-more summary svg{color:var(--muted);transition:transform .2s}.method-more[open] summary svg{transform:rotate(180deg)}.method-more summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:12px}.method-more-body{color:var(--muted);gap:12px;padding:0 20px 20px;line-height:1.6;display:grid}.method-more-body p{margin:0}.method-weights{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.method-weights>div{background:var(--surface-raised);text-align:center;border-radius:10px;gap:2px;padding:12px;display:grid}.method-weights b{color:var(--accent);font-size:22px}.method-weights span{font-size:var(--type-secondary)}.method-table{border-collapse:collapse;width:100%;font-size:var(--type-secondary)}.method-table th,.method-table td{text-align:left;border-bottom:1px solid var(--border);padding:9px 10px}.method-table td:nth-child(2){color:var(--accent);font-variant-numeric:tabular-nums}.method-fine{gap:10px;margin:0;padding-left:18px;display:grid}.method-fine b{color:var(--text)}@media (max-width:860px){.method-promises,.method-grid{grid-template-columns:1fr}.method-flow{grid-template-columns:1fr 1fr}.method-flow li:after{display:none}.method-label{grid-template-columns:1fr;gap:8px}}@media (prefers-reduced-motion:reduce){.method-more summary svg{transition:none}}
