.control-page{--paper:#f1f0eb;--paper-2:#fbfaf6;--ink:#2b2b2b;--muted:#6f6b5c;--hair:#c1bd9d;--wash:#e9e7dd;--risk:#b4532f;--protect:#2f6d8f;--max:720px;--wide:1120px;background-color:var(--paper);border-color:var(--hair);color:var(--ink);border-style:solid;font-family:EB Garamond,Georgia,serif;line-height:1.6}.control-page a{color:inherit;text-underline-offset:.16em}.control-page a:hover{opacity:.7}.control-page .sitebar{border-bottom:1px solid var(--hair);letter-spacing:.2em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:24px;padding:18px clamp(20px,4vw,54px);font-family:Instrument Sans,sans-serif;font-size:11px;display:flex}.control-page .sitebar strong{letter-spacing:.2em;font-weight:600}.control-page .sitebar nav{color:var(--muted);flex-wrap:wrap;gap:20px;display:flex}.control-page .sitebar nav a{text-decoration:none}.control-page .hero,.control-page .prose,.control-page .method{width:min(var(--max), calc(100% - 40px));margin-inline:auto}.control-page .hero{padding:clamp(56px,9vw,120px) 0 48px}.control-page .eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--muted);margin:0 0 20px;font-family:Oswald,sans-serif;font-size:12px}.control-page h1{letter-spacing:-.02em;text-transform:uppercase;margin:0 0 28px;font-family:Oswald,sans-serif;font-size:clamp(52px,10vw,104px);font-weight:600;line-height:.92}.control-page .dek{max-width:640px;color:var(--ink);margin:0;font-size:clamp(20px,2.6vw,26px);line-height:1.4}.control-page .prose{font-size:19px}.control-page .prose p{margin:0 0 1.35em}.control-page .prose .lede{font-size:22px;line-height:1.5}.control-page .prose strong{font-weight:600}.control-page .prose a,.control-page .method a{text-decoration:underline}.control-page .prose h2,.control-page .method h2{letter-spacing:.01em;margin:72px 0 22px;font-family:Oswald,sans-serif;font-size:clamp(28px,4vw,42px);font-weight:600;line-height:1.1}.control-page .prose h3,.control-page .method h3{margin:48px 0 16px;font-family:Oswald,sans-serif;font-size:23px;font-weight:500;line-height:1.2}.control-page blockquote{border-left:3px solid var(--hair);margin:44px 0;padding:0 0 0 22px;font-size:clamp(22px,3vw,30px);font-style:italic;line-height:1.3}.control-page blockquote cite{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:16px;font-family:Instrument Sans,sans-serif;font-size:12px;font-style:normal;display:block}.control-page .aside{background:var(--wash);border-top:3px solid var(--hair);margin:40px 0;padding:22px 24px;font-size:17px}.control-page .aside p:last-child{margin-bottom:0}.control-page .control-wrap{width:min(var(--wide), calc(100% - 24px));background:var(--paper-2);border-top:6px solid var(--hair);border-bottom:1px solid var(--hair);margin:60px auto 76px;padding:clamp(20px,4vw,44px)}.control-page .chart-kicker{text-transform:uppercase;letter-spacing:.15em;color:var(--muted);margin-bottom:12px;font-family:Oswald,sans-serif;font-size:12px}.control-page .control-head,.control-page .monsters-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;display:grid}.control-page .control-head{border-bottom:1px solid var(--hair);padding-bottom:22px}.control-page .control-head h2{margin:0 0 12px;font-size:clamp(32px,5vw,54px);line-height:1.02}.control-page .control-head p{color:var(--muted);max-width:680px;margin:0;font-size:17px}.control-page .current-read{text-align:right;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);white-space:nowrap;font-family:Instrument Sans,sans-serif;font-size:11px}.control-page .summary-strip{background:var(--hair);border:1px solid var(--hair);grid-template-columns:1fr 1fr;gap:1px;margin:28px 0 8px;display:grid}.control-page .summary-half{background:var(--paper-2);padding:20px 22px}.control-page .summary-half .tag{text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px;font-family:Oswald,sans-serif;font-size:12px}.control-page .summary-half .big{font-size:22px;font-weight:600}.control-page .summary-half p{color:var(--muted);margin:6px 0 0;font-size:15px}.control-page .summary-half.risk .tag{color:var(--risk)}.control-page .summary-half.protect .tag{color:var(--protect)}.control-page .chart-note{color:var(--muted);max-width:800px;margin:20px 0 22px;font-size:15px}.control-page .combined-chart{width:100%;margin-top:8px}.control-page .chart-source{border-top:1px solid var(--hair);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:32px;padding-top:14px;font-family:Instrument Sans,sans-serif;font-size:12px;display:flex}.control-page .monsters-section{margin:80px 0 40px}.control-page .monsters-head{width:min(var(--wide), calc(100% - 40px));margin:0 auto 24px}.control-page .monsters-head h2{margin:0 0 10px}.control-page .monsters-head p{max-width:660px;color:var(--muted);margin:0;font-size:17px}.control-page .carousel-actions{gap:8px;display:flex}.control-page .carousel-actions button{border:1px solid var(--hair);background:var(--paper-2);width:42px;height:42px;color:var(--ink);cursor:pointer;border-radius:50%;font-size:20px}.control-page .carousel-actions button:hover{background:var(--ink);color:var(--paper)}.control-page .monster-rail{padding:14px max(20px, calc((100vw - var(--wide)) / 2)) 40px;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;gap:18px;display:flex;overflow-x:auto}.control-page .flip-card{perspective:1300px;scroll-snap-align:start;cursor:pointer;outline:none;flex:0 0 min(430px,84vw);height:570px}.control-page .flip-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.7,.2,1);position:relative}.control-page .flip-card.is-flipped .flip-card-inner{transform:rotateY(180deg)}.control-page .card-face{backface-visibility:hidden;border:1px solid var(--hair);background:var(--paper-2);position:absolute;inset:0;overflow:hidden}.control-page .card-front{grid-template-rows:57% 43%;display:grid}.control-page .card-image{background:var(--wash);position:relative;overflow:hidden}.control-page .card-image img{object-fit:cover;filter:grayscale()contrast(1.03);opacity:0;width:100%;height:100%;transition:filter .25s,transform .5s,opacity .3s;display:block;position:relative}.control-page .card-image img.loaded{opacity:1}.control-page .flip-card:hover .card-image img{filter:grayscale(.2);transform:scale(1.015)}.control-page .placeholder-mark{color:#00000014;place-items:center;font-size:80px;display:grid;position:absolute;inset:0}.control-page .card-front-copy{flex-direction:column;padding:22px 22px 18px;display:flex}.control-page .card-name{margin-bottom:6px;font-family:Oswald,sans-serif;font-size:25px;line-height:1.05}.control-page .card-maker{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px;font-family:Instrument Sans,sans-serif;font-size:11px}.control-page .card-quote{margin:auto 0 10px;font-size:19px;font-style:italic;line-height:1.3}.control-page .card-source{color:var(--muted);font-family:Instrument Sans,sans-serif;font-size:11px;line-height:1.35}.control-page .flip-hint{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-top:12px;font-family:Instrument Sans,sans-serif;font-size:10px}.control-page .card-back{background:var(--wash);flex-direction:column;padding:24px 25px 22px;display:flex;transform:rotateY(180deg)}.control-page .back-top{border-bottom:1px solid var(--hair);margin-bottom:18px;padding-bottom:14px}.control-page .back-title{font-family:Oswald,sans-serif;font-size:24px;line-height:1.05}.control-page .back-block{margin-bottom:18px}.control-page .back-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:5px;font-family:Instrument Sans,sans-serif;font-size:10px}.control-page .back-block p{margin:0;font-size:16px;line-height:1.5}.control-page .back-stat{border-top:2px solid var(--hair);margin-top:auto;padding-top:13px;font-size:16px;font-style:italic}.control-page .image-credit{color:var(--muted);min-height:14px;margin-top:10px;font-family:Instrument Sans,sans-serif;font-size:10px}.control-page .question{border-bottom:1px solid var(--hair);padding:0 0 18px}.control-page .question p:last-child{margin-bottom:0}.control-page .question .keyline{font-style:italic;font-weight:600}.control-page .method-wrap{background:var(--wash);margin-top:84px;padding:72px 0}.control-page .method{font-size:17px}.control-page .method .intro{max-width:660px;font-size:20px}.control-page details{border-top:1px solid var(--hair)}.control-page details:last-of-type{border-bottom:1px solid var(--hair)}.control-page summary{cursor:pointer;justify-content:space-between;gap:20px;padding:18px 0;font-family:Oswald,sans-serif;font-size:17px;font-weight:500;list-style:none;display:flex}.control-page summary::-webkit-details-marker{display:none}.control-page summary:after{content:"+";font-size:22px;font-weight:400}.control-page details[open] summary:after{content:"–"}.control-page .details-body{padding:0 0 26px}.control-page .details-body p{margin:0 0 15px}.control-page .details-body ul{padding-left:20px;list-style:outside}.control-page .details-body li{margin:8px 0}.control-page .source-list{gap:8px;font-size:15px;display:grid}.control-page .ledger-wrap{border:1px solid var(--hair);background:var(--paper-2);overflow-x:auto}.control-page .ledger-table{border-collapse:collapse;width:100%;min-width:760px;font-size:14px}.control-page .ledger-table th,.control-page .ledger-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--hair);padding:10px 11px}.control-page .ledger-table th{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);background:var(--wash);font-family:Instrument Sans,sans-serif;font-size:10px}.control-page .ledger-table td:first-child,.control-page .ledger-table td:nth-child(2),.control-page .ledger-table td:nth-child(3){white-space:nowrap}.control-page .ledger-table tr:last-child td{border-bottom:0}.control-page footer{width:min(var(--max), calc(100% - 40px));border-top:1px solid var(--hair);color:var(--muted);margin:0 auto;padding:64px 0 84px;font-size:15px}.control-page .stay{color:var(--ink);margin:0 0 18px;font-family:Oswald,sans-serif;font-size:clamp(28px,4.5vw,42px);line-height:1.05}@media (width<=760px){.control-page .control-head,.control-page .monsters-head{grid-template-columns:1fr}.control-page .current-read{text-align:left}.control-page .summary-strip{grid-template-columns:1fr}.control-page .carousel-actions{display:none}.control-page .flip-card{height:540px}.control-page .sitebar nav{display:none}}@media (prefers-reduced-motion:reduce){.control-page .flip-card-inner,.control-page .card-image img{transition:none}}
