#manipulation{--mp-bg:#171a20;--mp-panel:#22262e;--mp-line:#555148;--mp-text:#ece7df;--mp-muted:#c4beb3;--mp-tea:#9a8458;--mp-gold:#c4a35a;color:var(--mp-text);font:16px/1.75 Arial,sans-serif;overflow-wrap:anywhere;word-break:break-word;max-width:100%}
.post-content:has(#manipulation){max-width:1080px}
.post-content:has(#manipulation)>.post-title{display:none}
#manipulation *,#manipulation *::before,#manipulation *::after{box-sizing:border-box}
#manipulation h1{font-size:clamp(32px,5vw,57px);line-height:1.12;color:var(--mp-text);margin:16px 0 22px;letter-spacing:-1.2px}
#manipulation h2{font-size:clamp(25px,3.5vw,34px);line-height:1.25;color:var(--mp-text);margin:0 0 22px;scroll-margin-top:100px}
#manipulation h3{font-size:22px;line-height:1.35;color:var(--mp-gold);margin:30px 0 10px}
#manipulation p,#manipulation li{line-height:1.8}
#manipulation p{margin:0 0 19px}
#manipulation a{color:var(--mp-gold);text-underline-offset:4px}
#manipulation strong{color:#f0ece3}
#manipulation section{padding:42px 0;border-bottom:1px solid var(--mp-line);scroll-margin-top:90px}
#manipulation .mp-hero{padding:32px;background:linear-gradient(120deg,#24272c,#171a20);border:1px solid var(--mp-line);border-top:4px solid var(--mp-gold)}
#manipulation .mp-eyebrow{color:var(--mp-gold);font-size:12px;letter-spacing:2px;font-weight:700}
#manipulation .mp-lead{font-size:22px;line-height:1.5;max-width:790px}
#manipulation .mp-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:26px 0}
#manipulation .mp-facts>div{padding:18px;background:var(--mp-panel);border:1px solid var(--mp-tea);min-width:0}
#manipulation .mp-facts b{display:block;color:var(--mp-gold);font-size:27px;line-height:1.3;margin-bottom:8px}
#manipulation .mp-facts span{display:block;line-height:1.5;font-size:14px}
#manipulation .mp-muted,#manipulation figcaption,#manipulation .mp-small{font-size:14px;color:var(--mp-muted);line-height:1.65}
#manipulation .mp-nav{display:flex;flex-wrap:wrap;gap:10px 23px;padding:23px 0;border-bottom:1px solid var(--mp-line)}
#manipulation .video-shell{max-width:960px;margin:20px 0 8px}
#manipulation .mp-video-player{position:relative;aspect-ratio:16/9;width:100%;min-width:0;overflow:hidden;border:1px solid #555962;background:#101216;isolation:isolate}
#manipulation .mp-video-player iframe{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;border:0}
#manipulation figure{margin:30px 0 0;max-width:100%}
#manipulation figure img{width:100%;max-width:100%;height:auto;display:block;border:1px solid var(--mp-tea)}
#manipulation figcaption{padding:10px 0}
#manipulation .mp-note{background:var(--mp-panel);border-left:3px solid var(--mp-gold);padding:20px 24px;margin:25px 0}
#manipulation .mp-table{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:24px 0;border:1px solid var(--mp-line);max-width:100%}
#manipulation table{border-collapse:collapse;width:100%;min-width:580px;font-size:15px;line-height:1.55}
#manipulation caption{padding:14px;text-align:left;color:var(--mp-muted);background:var(--mp-bg)}
#manipulation th,#manipulation td{padding:15px 18px;border-bottom:1px solid #4e4c49;text-align:left;vertical-align:top}
#manipulation thead{background:#2e3036;color:var(--mp-gold)}
#manipulation tbody tr:nth-child(even){background:#20242a}
#manipulation th[scope=row]{font-weight:600;width:28%}
#manipulation .mp-calculator{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);border:1px solid var(--mp-tea);background:var(--mp-panel);margin:24px 0;max-width:100%}
#manipulation .mp-inputs{display:grid;gap:18px;padding:26px;min-width:0}
#manipulation label{display:block;font-size:15px;font-weight:600}
#manipulation select,#manipulation input[type=number]{box-sizing:border-box;display:block;width:100%;min-width:0;margin-top:8px;border:1px solid #777066;background:#15181e;color:#f0ece3;font:inherit;font-size:16px;padding:12px;min-height:46px;border-radius:3px}
#manipulation .mp-check{display:flex;align-items:center;gap:12px}
#manipulation .mp-check input{width:20px;height:20px;accent-color:var(--mp-gold);flex-shrink:0}
#manipulation .mp-result{padding:30px;border-left:1px solid var(--mp-line);display:flex;flex-direction:column;justify-content:center;min-width:0;background:#1c1f25}
#manipulation .mp-result>span{color:var(--mp-muted);font-size:.95rem;margin-bottom:8px}
#manipulation .mp-result p{margin:10px 0 0;font-size:.92rem;color:var(--mp-muted);overflow-wrap:anywhere}
#manipulation output{display:block;font-size:clamp(40px,8vw,64px);font-weight:700;color:var(--mp-gold);line-height:1.2;overflow-wrap:anywhere}
#manipulation .mp-formula{padding:22px;border:1px solid var(--mp-line);color:var(--mp-gold);font-size:18px;background:var(--mp-bg);overflow-wrap:anywhere}
#manipulation .mp-steps{padding-left:25px}
#manipulation .mp-steps li{padding-left:8px;margin-bottom:20px}
#manipulation details{border-bottom:1px solid var(--mp-line);padding:18px 0}
#manipulation summary{cursor:pointer;font-weight:700;color:var(--mp-gold);line-height:1.6}
#manipulation details p{margin:15px 0 0}
#manipulation .mp-reading{padding-top:35px}
#manipulation :focus-visible{outline:3px solid var(--mp-gold);outline-offset:3px}
@media(max-width:620px){
#manipulation .mp-hero{padding:23px 18px}
#manipulation .mp-calculator{grid-template-columns:1fr}
#manipulation .mp-result{border-left:0;border-top:1px solid var(--mp-line);padding:22px}
#manipulation .mp-facts{grid-template-columns:1fr 1fr;gap:8px}
#manipulation .mp-facts>div{padding:14px}
#manipulation section{padding:32px 0}
#manipulation .mp-inputs{padding:22px}
#manipulation .mp-nav{font-size:14px;gap:10px 16px}
#manipulation .mp-note,#manipulation .mp-lead{padding-right:0}
}