:root{--cream:#fff9ef;--paper:#fffdf6;--navy:#15345f;--yellow:#ffcb05;--blue:#2a75bb;--muted:#647183;--line:#dcd9ce}*{box-sizing:border-box}html{scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--navy);font:16px/1.65 "DM Sans",Arial,sans-serif}a{color:inherit}img{max-width:100%;height:auto}button{font:inherit}.info-shell{width:min(1240px,calc(100% - 64px));margin-inline:auto}.info-hero{padding:80px 0 55px;max-width:890px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin:0 0 20px}.info-hero h1{font:clamp(44px,6vw,80px)/1.05 "Lilita One",sans-serif;letter-spacing:-.025em;margin:0 0 25px}.info-hero h1 span{color:var(--yellow);-webkit-text-stroke:.11em #1b72bb;paint-order:stroke fill;text-shadow:.045em .065em #153e7e}.info-lead{font-size:18px;max-width:690px;color:var(--muted)}h2{font:clamp(28px,3.4vw,43px)/1.13 "Lilita One",sans-serif;letter-spacing:-.015em;margin:0 0 24px}h3{font-size:21px;line-height:1.3;margin:18px 0 12px}p{margin:0 0 18px}.info-panel{background:var(--paper);border:1px solid #a8b1ba;border-radius:22px;padding:32px;box-shadow:0 5px 0 #15345f0c}.info-section{margin:64px 0}.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.info-grid .info-panel p:not(.eyebrow){color:var(--muted)}.step-number{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--yellow);font-weight:800;border:1px solid var(--navy)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:22px}.info-button{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--navy);background:var(--yellow);color:var(--navy);border-radius:10px;padding:10px 18px;cursor:pointer;white-space:nowrap;font-weight:700}.info-button:disabled{opacity:.6;cursor:wait}.info-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:30px 0}.info-metrics span{display:block;font-size:13px;color:var(--muted)}.info-metrics strong{display:block;font-size:clamp(20px,2.6vw,32px);overflow-wrap:anywhere}.info-small{font-size:13px;color:var(--muted)}.info-notice{border-left:4px solid var(--blue);background:#e9eff4;padding:16px 20px;border-radius:0 12px 12px 0;font-size:14px}.info-notice a{display:inline-block}.info-record{border-block-end:1px solid #a8b1ba}.info-record:first-of-type{border-block-start:1px solid #a8b1ba}.info-record summary{display:flex;justify-content:space-between;align-items:center;gap:22px;font-weight:700;padding:22px 0;cursor:pointer;list-style:none}.info-record summary::-webkit-details-marker{display:none}.summary-icon{font-size:23px;font-weight:400;flex-shrink:0}.info-record[open] .summary-icon{transform:rotate(45deg)}.record-content{padding:0 0 25px}.record-content p{max-width:780px}.info-ledger{margin:20px 0}.info-ledger>div{display:flex;justify-content:space-between;gap:25px;padding:16px 0;border-bottom:1px solid var(--line)}.info-ledger dt{color:var(--muted)}.info-ledger dd{font-weight:700;margin:0;text-align:right;overflow-wrap:anywhere;max-width:55%}.evidence-links{padding-left:20px;overflow-wrap:anywhere}.narrow{max-width:880px}.text-link{font-size:14px;font-weight:700}.info-banner{background:var(--navy);color:var(--cream);border:2px solid var(--yellow);border-radius:24px;padding:44px;max-width:100%}.info-banner .eyebrow{color:var(--yellow)}.info-banner p{max-width:740px}.fee-total{font-size:18px}.fee-bar{display:flex;height:20px;border:1px solid var(--navy);border-radius:5px;overflow:hidden;margin:22px 0}.fee-bar i:nth-child(1){background:#ef6aa4;flex:2}.fee-bar i:nth-child(2){background:var(--blue);flex:3}.fee-bar i:nth-child(3){background:var(--yellow);flex:25}.source-list{list-style:none;padding:0;margin:0}.source-list li{padding:18px 0;border-bottom:1px solid var(--line)}.source-list a{font-weight:700}.source-list span{display:block;font-size:14px;color:var(--muted)}.skip-link{position:absolute;top:-100px;left:16px;background:var(--yellow);padding:12px;z-index:10}.skip-link:focus{top:12px}:focus-visible{outline:3px solid var(--blue);outline-offset:5px}@media(max-width:800px){.info-grid{grid-template-columns:1fr}.info-hero{padding-top:48px}.info-metrics{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.info-shell{width:calc(100% - 36px)}.info-panel{padding:23px 20px}.info-lead{font-size:16px}.info-section{margin-block:42px}.info-banner{padding:28px 23px}.info-ledger>div{gap:12px;font-size:14px}.info-record summary{font-size:15px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.refresh-icon{flex:none}

/* Same background and header actions as the landing page; skip link only visible when focused. */
body{background:transparent;isolation:isolate}
.public-background{position:fixed;inset:0;z-index:-1;pointer-events:none;background:#f5d65b url("/comic-production/hookemon-background-yellow-2560.webp") center / cover no-repeat}
@media (max-width:1600px){.public-background{background-image:url("/comic-production/hookemon-background-yellow-1600.webp")}}
@media (max-width:860px){.public-background{background-image:url("/comic-production/hookemon-background-yellow-960.webp");background-position:50% 40%}}
.info-panel{background:rgb(255 253 246 / 100%)}




.refresh-icon{width:18px;height:18px;flex:none}
.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0;margin:-1px}



/* Hero copy sits on the same translucent panel as the landing page, so it stays readable on the ball. */
.info-hero{background:rgb(255 253 246 / 96%);border:1px solid rgb(21 52 95 / 40%);border-radius:16px;padding:24px 28px;width:fit-content;max-width:100%;box-sizing:border-box;margin-block:48px 40px}
.info-hero .info-lead{margin-bottom:0}
@media(max-width:800px){.info-hero{padding:20px 18px;margin-block:28px 28px}}