/* Adapted from Claude Design / Entrada informe v2. Scope: private test components. */
.hft-preview{margin-top:16px;padding:0;border:0;background:transparent;font-family:'Archivo',system-ui,sans-serif}
.hft-report-strip{display:block;width:100%;padding:20px;border:1px solid #303238;border-radius:12px;background:#16181d;color:#fff;text-align:left}
.hft-report-copy{min-width:0}
.hft-report-mobile{display:none}
.hft-report-eyebrow{display:block;font:500 10.5px/1.5 'IBM Plex Mono',monospace;letter-spacing:1px;text-transform:uppercase;color:#b2b6bd}
.hft-report-title{display:block;margin:8px 0 0;font-size:21px;font-weight:700;line-height:1.2;letter-spacing:-.4px;text-wrap:pretty;color:#fff}
.hft-report-meta{display:block;margin-top:7px;font-size:12px;line-height:1.5;color:#b2b6bd}
.hft-report-sample{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid #36383e;font-size:12px;line-height:1.4;color:#c4c7cd}
.hft-report-sample strong{font:600 11px/1.3 'IBM Plex Mono',monospace;padding:4px 10px;border:1px solid currentColor;border-radius:999px;color:#dfe2e6}
.hft-report-sample .hft-normal{color:#8fe0ad}
.hft-report-sample .hft-review{color:#ffb4ae}
.hft-report-note{display:block;margin-top:9px;font-size:11.5px;line-height:1.5;color:#b2b6bd}
.hft-report-action{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:50px;margin:16px 0 0;padding:13px 16px;border:0;border-radius:9px;background:#fff;color:#16181d;font:700 15px/1.3 'Archivo',system-ui,sans-serif;cursor:pointer;text-align:left}
.hft-report-action strong{font-weight:700}
.hft-report-action>span{font-size:12px;font-weight:500;white-space:nowrap}
.hft-preview>.hft-muted{margin:7px 0 0;font-size:11px;color:#54565c}
.hft-preview .hft-report-action:focus-visible{outline:2px solid #fff;outline-offset:4px}
.hft-report-action:active{background:#e1e3e6}
.hft-desktop-teaser button:focus-visible,#hf-thumbs .hf-thumb:focus-visible{outline:3px solid #137a43;outline-offset:3px}
@media(hover:hover){.hft-report-action:hover{background:#e9eaec}}

/* Only the locked purchase dialog is dark; the complete paid report is preserved. */
#ov.hft-locked{align-items:center!important;padding:16px!important;background:rgba(8,9,11,.72)!important}
#ov.hft-locked>div{max-width:460px!important;max-height:94dvh!important;background:#16181d!important;color:#fff;border:1px solid #3c3e43!important;border-radius:14px;scrollbar-width:thin;scrollbar-color:#666a73 #16181d;color-scheme:dark}
#ov.hft-locked>div>div:first-child{padding:10px 18px!important;border-bottom:1px solid #36383e}
#ov.hft-locked .x-btn{border-radius:9px}
.hft-paywall{padding:18px}
.hft-purchase{max-width:none;color:#fff}
.hft-purchase h2{margin:0 0 9px;font-size:25px;line-height:1.15;font-weight:700;letter-spacing:-.5px;color:#fff}
.hft-pass-includes>strong{display:block;color:#fff;font-size:14px;line-height:1.5;font-weight:600}
.hft-purchase .hft-pass-includes p{margin:5px 0 0;color:#bfc3cb;font-size:13px;line-height:1.55}
.hft-pass-includes b{color:#fff;font-weight:600}
.hft-options{display:grid;gap:8px;margin:17px 0 16px;padding:0;border:0}
.hft-options legend,.hft-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hft-option{display:flex;align-items:center;gap:12px;min-height:62px;margin:0;padding:12px 14px;border:1px solid #535760;border-radius:10px;background:transparent;color:#fff;cursor:pointer}
.hft-option:has(input:checked){padding:12px 14px;border:1px solid #fff;background:#272a30}
.hft-option input{appearance:none;width:19px;height:19px;border:1.5px solid #a0a5ae;border-radius:50%;background:transparent;display:grid;place-content:center;flex:none;margin:0;cursor:pointer}
.hft-option input:checked{border-color:#fff}
.hft-option input:checked:after{content:'';width:9px;height:9px;background:#fff;border-radius:50%}
.hft-option strong{font-size:16px;font-weight:700;line-height:1.3}
.hft-option>b{flex:none;font-size:17px;font-weight:700;line-height:1.2;text-align:right;white-space:nowrap}
.hft-option>b small{margin-top:4px;font-size:10.5px;line-height:1.3;font-weight:400;color:#b2b6bd}
.hft-label{display:block;margin:14px 0 7px;color:#dfe2e6;font-size:12px;font-weight:500;line-height:1.4}
.hft-input{min-height:48px;padding:12px;border:1px solid #626670;border-radius:9px;background:#101215;color:#fff;font:16px/1.4 'Archivo',system-ui,sans-serif}
.hft-input::placeholder{color:#a0a5ae}
.hft-purchase .hft-payment{margin:10px 0 12px;text-align:center;font-size:12px;font-weight:600;line-height:1.4;color:#dfe2e6}
.hft-payment span{color:#b2b6bd;font-size:12px}
.hft-purchase .hft-primary{min-height:52px;padding:14px 10px;border-radius:10px;background:#fff;color:#16181d;font-size:15px;font-weight:700;line-height:1.3}
.hft-purchase .hft-primary:disabled{opacity:.7}
.hft-purchase .hft-muted{margin:10px 0 0;color:#b2b6bd;font-size:11.5px;line-height:1.55;text-align:center}
.hft-purchase .hft-muted strong{color:#dfe2e6;font-weight:500}
.hft-purchase .hft-explainer{margin:16px 0 0;padding:13px 0 0;border-top:1px solid #36383e;color:#b2b6bd;font-size:11.5px;line-height:1.6}
.hft-explainer strong{color:#dfe2e6;font-weight:500}
.hft-purchase .hft-test-note{margin:12px 0 0;padding:10px 12px;border:1px solid #655b45;border-radius:8px;background:#25231f;color:#d8c9ac;font-size:11px;line-height:1.5}
.hft-test-note strong{font-weight:600;color:#e7dbc5}
.hft-recovery{margin-top:14px;padding-top:5px;border-top:1px solid #36383e}
.hft-recovery summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:8px 0;font-size:13px;font-weight:600;line-height:1.4;color:#e5e7eb;list-style:none;cursor:pointer}
.hft-recovery summary::-webkit-details-marker{display:none}
.hft-recovery summary:after{content:'+';font-size:20px;font-weight:400;color:#b2b6bd}
.hft-recovery[open] summary:after{content:'−'}
.hft-recovery form+form{border-top-color:#535760}
.hft-recovery .hft-secondary{border:1px solid #727782;border-radius:9px;background:transparent;color:#fff}
.hft-purchase .hft-notice{background:#302b21;color:#f1dbab;border-color:#c9ac76;font-size:13px}
.hft-purchase :focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(hover:hover){.hft-option:hover{border-color:#c4c7cd}.hft-purchase .hft-primary:hover{background:#e9eaec}.hft-recovery .hft-secondary:hover{background:#272a30}}
@media(prefers-reduced-motion:reduce){#ov.hft-locked>div{animation:none!important}}
@media(max-width:767px){
 .hft-layout{grid-template-columns:minmax(0,1fr)!important}
 .hft-desktop-teaser{display:none}
 #hf-thumbs{display:flex!important;flex-wrap:nowrap;position:relative;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2px;scrollbar-width:thin;scrollbar-color:#74757a #f1efe9;padding:3px 2px 6px}
 #hf-thumbs .hf-thumb{flex:0 0 76px;scroll-snap-align:start}
 #hft-gallery-stage{touch-action:pan-y pinch-zoom}
 #hft-gallery-stage button{min-width:44px;min-height:44px}
 body:has(.hft-preview){padding-bottom:calc(var(--hft-nav-height,62px) + var(--hft-float-height,88px) + 24px + env(safe-area-inset-bottom,0px))}
 .hft-preview{position:fixed;left:8px;right:8px;bottom:calc(var(--hft-nav-height,62px) + 8px + env(safe-area-inset-bottom,0px));margin:0;padding:0;z-index:65;box-shadow:0 6px 20px rgba(0,0,0,.22);border-radius:12px;background:#16181d}
 .hft-report-strip{display:flex;align-items:center;gap:10px;padding:11px 10px 11px 13px;border-color:#44464d}
 .hft-report-copy{flex:1;min-width:0}
 .hft-report-desktop,.hft-report-meta{display:none}
 .hft-report-mobile{display:block}
 .hft-report-eyebrow{font-family:'Archivo',system-ui,sans-serif;font-size:10px;line-height:1.3;letter-spacing:0;text-transform:none;color:#b2b6bd}
 .hft-report-title{font-size:14px;line-height:1.2;letter-spacing:-.15px;margin-top:3px;text-wrap:initial}
 .hft-report-sample{justify-content:flex-start;flex-wrap:wrap;gap:3px 6px;margin-top:4px;padding:0;border:0;font-size:10.5px;line-height:1.3}
 .hft-report-sample strong{font-family:inherit;font-size:10.5px;line-height:1.3;padding:0;border:0;border-radius:0}
 .hft-report-action{flex:none;flex-direction:column;justify-content:center;gap:3px;width:auto;min-height:48px;margin:0;padding:11px 10px;text-align:center;font-size:13px}
 .hft-report-action>span{font-size:10px}
 .hft-preview>.hft-muted{color:#b2b6bd;font-size:10px;margin:0;padding:0 12px 8px}
 body:has(#ov[aria-hidden="false"]) .hft-preview{visibility:hidden;pointer-events:none}
}
@media(max-width:400px){
 #ov.hft-locked{padding:0!important;align-items:flex-end!important}
 #ov.hft-locked>div{max-width:none!important;max-height:96dvh!important;border-radius:14px 14px 0 0}
 #ov.hft-locked>div>div:first-child{padding:8px 14px!important}
 #ov.hft-locked>div>div:first-child span{font-size:10px!important;letter-spacing:.6px!important}
 .hft-paywall{padding:16px 14px calc(16px + env(safe-area-inset-bottom,0px))}
 .hft-purchase h2{font-size:23px}
 .hft-report-strip{gap:8px;padding-left:11px}
 .hft-report-title{font-size:13px}
 .hft-option{gap:10px;padding-inline:12px}
 .hft-option:has(input:checked){padding-inline:12px}
}
/* Privacy and terms: use the existing dark pass dialog typography and controls. */
.hft-purchase .hft-privacy-note{font-size:12px;line-height:1.55;color:#c4c7cd;margin:8px 0 14px}
.hft-privacy-note a,.hft-terms a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.hft-terms{display:flex;align-items:flex-start;gap:10px;min-height:44px;font-size:12px;line-height:1.55;margin:16px 0;cursor:pointer;color:#e5e7eb}
.hft-terms input{flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:#fff;cursor:pointer}
.hft-purchase .hft-form-error{color:#ffe1da;border:1px solid #be7469;background:#462d2b;padding:10px 12px;font-size:13px;line-height:1.5;border-radius:8px}
.hft-form-error[hidden]{display:none!important}
.hft-purchase [aria-invalid=true]{outline:2px solid #ffb4a7;outline-offset:2px}
.hft-purchase input:focus-visible,.hft-purchase a:focus-visible{outline:2px solid #fff;outline-offset:3px}