:root{--paper:#f7f0de;--purple:#302159;--muted:#65567f;--line:#d1c3dc;--lilac:#cbb8ed;--violet:#6941e9;--coral:#ed6c4b}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--purple);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
body:before{content:"";display:block;height:6px;background:repeating-linear-gradient(90deg,var(--coral) 0 38px,#302159 38px 52px,var(--paper) 52px 60px)}
a{color:inherit}
a:focus-visible,summary:focus-visible{outline:3px solid var(--violet);outline-offset:4px}
.method-wrap{width:min(100% - 40px,1100px);margin:0 auto}
.method-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0 32px}
.method-brand{display:flex;align-items:center;gap:9px;color:var(--purple);font-size:clamp(24px,3.8vw,32px);font-weight:900;letter-spacing:-.06em;text-decoration:none}
.method-brand-icon{width:46px;height:46px;overflow:hidden;background:#f8d4b7;border:2.5px solid #27231c;border-radius:13px;transform:rotate(-6deg);box-shadow:3px 3px 0 #c49c84}
.method-brand-icon img{width:100%;height:100%;object-fit:contain;transform:scale(1.4) translateY(5%)}
.method-brand-dot{color:var(--coral)}
.method-edition{border:1.5px solid #d5c5e8;border-radius:100px;background:#fffefb;color:#675287;padding:8px 13px;font:800 11px "Courier New",monospace;white-space:nowrap}
.method-main{max-width:820px;margin:0 auto;padding-bottom:50px}
.method-intro{margin:17px 0 34px}
.method-eyebrow{margin:0 0 12px;color:#7754ac;letter-spacing:.13em;font:900 11px/1.4 "Courier New",monospace}
.method-intro h1{margin:0 0 12px;letter-spacing:-.068em;font:900 clamp(42px,8vw,64px)/1.02 Arial,sans-serif}
.method-intro>p:last-child{max-width:690px;margin:0;color:#665777;font:clamp(16px,2.1vw,19px)/1.53 Georgia,serif}
.method-panel{margin:0 0 20px;padding:clamp(22px,4vw,33px);border:1.5px solid #d4c8d9;border-radius:23px;background:#fffefa;box-shadow:0 3px 0 #e4d8d4}
.method-panel h2{font:900 clamp(22px,3vw,28px)/1.16 Arial,sans-serif;letter-spacing:-.038em;padding:0 0 17px;border-bottom:1px solid #e6ddeb;margin:0 0 20px}
.method-panel p,.method-panel li{color:#625675;font-size:15px;line-height:1.68}
.method-panel p{margin:0 0 14px}
.method-panel p:last-child{margin-bottom:0}
.method-panel strong{color:var(--purple);font-weight:800}
.method-panel a{font-weight:800;color:#6440b5;text-underline-offset:3px;overflow-wrap:anywhere}
.method-area-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 23px;margin:17px 0;padding-left:28px}
.method-area-list li{padding-left:3px;font-weight:800;color:#463371}
.method-votes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:19px 0}
.method-votes span{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;border:1.5px solid #d7c7e6;border-radius:15px;background:#faf6ff}
.method-votes b{color:#49328c;font-size:15px}
.method-votes small{color:#665b78;font:12px/1.45 Georgia,serif}
.method-formula{display:flex;flex-direction:column;gap:7px;margin:19px 0;border:2px solid #cbb5ea;background:#f7f2ff;border-radius:16px;padding:17px 19px}
.method-formula span{font:900 11px/1.25 "Courier New",monospace;letter-spacing:.08em;color:#7752af}
.method-formula strong{font:900 clamp(19px,3.1vw,27px)/1.14 Arial,sans-serif;color:#5033ae}
.method-formula small{font:12px/1.3 Arial,sans-serif;color:#74658f}
.method-faq h3{font:900 17px/1.3 Arial,sans-serif;margin:20px 0 6px;color:#302159}
.method-faq h3:first-child{margin-top:0}
.method-faq p{margin-bottom:9px}
.method-panel code{background:#f1eafa;border-radius:4px;padding:2px 5px;color:#513189;font:13px/1.4 "Courier New",monospace}
.method-spoiler{border-left:4px solid #ee8263;background:#fff5f0;padding:12px 15px;border-radius:0 8px 8px 0}
.method-catalog{margin:21px 0 0;border-top:1px solid #e5dceb}
.method-area{border-bottom:1px solid #e5dceb}
.method-area>summary{display:flex;align-items:center;gap:10px;padding:17px 4px;cursor:pointer;list-style:none;color:#302159;font:900 18px/1.4 Arial,sans-serif}
.method-area>summary::-webkit-details-marker,.method-case>summary::-webkit-details-marker{display:none}
.method-area>summary::before{content:"+";display:grid;place-items:center;background:#f1e9fc;color:#6f44bb;border-radius:8px;width:25px;height:25px;font-size:19px;flex:none}
.method-area[open]>summary::before{content:"−"}
.method-area>summary small{font:800 11px "Courier New",monospace;letter-spacing:.02em;color:#7a6a93;margin-left:auto;white-space:nowrap}
.method-case-list{padding:0 0 10px 34px}
.method-case{border-top:1px dashed #e2d9e7}
.method-case>summary{display:flex;align-items:flex-start;gap:8px;list-style:none;padding:13px 2px;cursor:pointer}
.method-case>summary::before{content:"›";color:#6941e9;font-size:23px;line-height:.8;flex:none;transition:transform .15s ease}
.method-case[open]>summary::before{transform:rotate(90deg)}
.method-case>summary strong{font-size:14px;line-height:1.42;flex:1}
.method-case>summary small{color:#6f6085;font:11px/1.3 "Courier New",monospace}
.method-case-body{margin:0 0 17px 19px;padding:13px 16px 16px;background:#faf7ff;border:1px solid #ded3e8;border-radius:12px}
.method-case-body p{font-size:13px;line-height:1.52;margin:0 0 9px}
.method-case-body p:last-child{margin-bottom:0}
.method-tag{display:inline-block;margin:0 0 12px;padding:5px 9px;font:900 10px/1.2 "Courier New",monospace;letter-spacing:.045em;border-radius:30px;background:#f8dddc;color:#943822}
.method-tag.legitimate{background:#deeee4;color:#276445}
.method-case-body a{font-size:12px}
.method-back{display:flex;justify-content:center;align-items:center;gap:10px;padding:18px;margin:34px 0 10px;background:#6941e9;border-radius:16px;box-shadow:0 5px 0 #4928a6;color:#fff;text-align:center;text-decoration:none;font:900 15px/1.2 Arial,sans-serif}
.method-back:hover{filter:brightness(1.05)}
.method-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 20px;border-top:1px solid #d4c6b9;padding:18px 0 28px;color:#736b79}
.method-footer p{margin:0;font-size:12px;line-height:1.5}
.method-footer nav{display:flex;align-items:center;flex-wrap:wrap;gap:13px;color:#39265f;font-size:12px;font-weight:800}
.method-footer nav p{color:#736b79}
.method-footer nav a{text-decoration:none;color:#39265f}
.method-footer nav a:hover{text-decoration:underline}
.method-footer nav>span{height:15px;width:1px;background:#cbbbd9}
@media(max-width:640px){
 .method-wrap{width:calc(100% - 30px)}
 .method-top{padding:13px 0 24px}
 .method-intro{margin:11px 0 26px}
 .method-panel{padding:19px 17px;border-radius:19px}
 .method-area-list{grid-template-columns:1fr;gap:2px}
 .method-votes{gap:8px}
 .method-votes span{padding:11px 10px}
 .method-votes b{font-size:13px}
 .method-case-list{padding-left:6px}
 .method-case>summary{flex-direction:row;flex-wrap:wrap}
 .method-case>summary small{margin-left:18px}
 .method-footer{align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.method-case>summary::before{transition:none}}