/* The Signal: HEARD editorial feature. No app, payment or signup behaviour. */
.hf-page{--hf-navy:#102b46;--hf-blue:#dfeff6;--hf-gold:#e9c775;--hf-copy:#283845}
.hf-skip{position:absolute;left:-10000px}.hf-skip:focus{left:16px;top:16px;z-index:100;background:#fff;padding:12px;color:#102b46}
.hf-shell{width:min(1100px,calc(100% - 36px));margin:auto;padding:30px 0 44px}
.hf-breadcrumb{font:600 13px/1.7 var(--sans,system-ui);margin-bottom:28px}
.hf-intro{background:var(--hf-navy);color:#fffaf0;padding:clamp(24px,5vw,54px);border-top:5px solid var(--hf-gold)}
.hf-eyebrow{font:800 11px/1.7 var(--sans,system-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--hf-gold)}
.hf-intro h1{font:700 clamp(40px,6vw,68px)/1.07 var(--serif,Georgia);letter-spacing:-.035em;max-width:850px;margin:22px 0}
.hf-lead{font:400 clamp(18px,2.1vw,22px)/1.65 var(--sans,system-ui);color:#deebf4;max-width:760px;margin:0}
.hf-meta{font:500 13px/1.8 var(--sans,system-ui);color:#d2dfeb;margin:24px 0 0}
.hf-pill{display:inline-block;border:1px solid #e9c775;padding:6px 12px;font:700 12px/1.6 var(--sans,system-ui);margin:22px 0 0;color:#f8e3b0}
.hf-jump{display:flex;gap:12px 23px;flex-wrap:wrap;border-bottom:1px solid #cfc9bd;margin:0 auto 35px;padding:21px 0;font:700 14px/1.6 var(--sans,system-ui);max-width:780px}
.hf-story{max-width:780px;margin:auto;overflow-wrap:break-word;color:var(--hf-copy)}
.hf-story p{font:400 20px/1.85 var(--serif,Georgia);margin:0 0 22px}
.hf-story h2{font:700 clamp(28px,4vw,37px)/1.18 var(--serif,Georgia);letter-spacing:-.02em;margin:43px 0 18px;scroll-margin-top:100px;color:var(--hf-navy)}
.hf-story h3{font:700 23px/1.3 var(--serif,Georgia);margin:24px 0 14px;color:var(--hf-navy)}
.hf-story a{color:inherit;text-underline-offset:4px}
.hf-quote{font:italic clamp(25px,4vw,34px)/1.5 var(--serif,Georgia);padding:25px 0;margin:30px 0;border-block:1px solid #bca275;color:var(--hf-navy)}
.hf-quote cite{display:block;font:500 12px/1.7 var(--sans,system-ui);margin-top:14px}
.hf-demo{margin:30px 0;padding:clamp(19px,4vw,31px);background:var(--hf-blue);border:1px solid #b4ccd9;border-radius:12px;color:var(--hf-navy)}
.hf-demo-top{display:flex;align-items:start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:23px}
.hf-demo-brand{font:800 31px/1 var(--sans,system-ui);letter-spacing:.035em}.hf-demo-brand small{display:block;font:700 10px/1.7 var(--sans,system-ui);letter-spacing:.12em;margin-top:7px}
.hf-demo-label{font:800 10px/1.6 var(--sans,system-ui);letter-spacing:.1em;padding:6px 9px;border:1px solid #758faa;border-radius:4px}
.hf-demo-note,.hf-demo .hf-demo-note{font:400 13px/1.8 var(--sans,system-ui);margin:0 0 18px;color:#324f65}
.hf-example-voice{background:white;border-radius:12px;padding:22px;margin-bottom:18px;border:1px solid #bdd1db}
.hf-example-voice span{font:800 11px/1.7 var(--sans,system-ui);letter-spacing:.1em;text-transform:uppercase;color:#426178}
.hf-example-voice p{font:400 19px/1.7 var(--serif,Georgia);margin:9px 0 0;color:var(--hf-navy)}
.hf-demo details{background:#f9fcfe;border:1px solid #a8c2d2;border-radius:8px;margin:12px 0;overflow:hidden}
.hf-demo summary{cursor:pointer;padding:17px;font:700 17px/1.55 var(--sans,system-ui)}
.hf-demo details[open] summary{border-bottom:1px solid #c3d6e1;background:#eef6fa}
.hf-demo details p{font:400 17px/1.8 var(--sans,system-ui);margin:0;padding:17px}
.hf-story .hf-panel{padding:23px;background:#fbf8f1;border-left:4px solid #ac884b;margin:29px 0}
.hf-panel p{font:400 16px/1.8 var(--sans,system-ui);margin:0}.hf-panel h3{margin:0 0 12px}
.hf-beta{padding:27px;background:var(--hf-navy);color:#fffaf0;margin:32px 0;border-radius:7px}
.hf-beta h2{color:#fffaf0;margin:0 0 17px}.hf-beta p{font:400 17px/1.8 var(--sans,system-ui);color:#e8f1f7}.hf-beta p:last-child{margin-bottom:0}
.hf-beta-count{font:700 47px/1 var(--serif,Georgia);color:var(--hf-gold);display:block;margin-bottom:12px}.hf-beta-count small{font:600 13px/1.8 var(--sans,system-ui);display:block;margin-top:9px;color:#e8f1f7}
.hf-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:21px}
.hf-button,.hf-story .hf-button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:13px 18px;border:1px solid var(--hf-navy);background:var(--hf-navy);color:white;font:700 15px/1.5 var(--sans,system-ui);text-decoration:none;max-width:100%}
.hf-button.secondary,.hf-story .hf-button.secondary{background:transparent;color:var(--hf-navy)}
.hf-book{padding:26px;margin:40px 0;background:#eee6d9;border:1px solid #cfc9bd}.hf-book h2{margin:0 0 15px}.hf-book p{font:400 17px/1.8 var(--sans,system-ui)}
.hf-footer-note{font:400 13px/1.85 var(--sans,system-ui)!important;border-top:1px solid #cfc9bd;padding-top:23px;color:#4c5862}
.hf-support{font:400 16px/1.8 var(--sans,system-ui)!important;border:1px solid #aebfcf;background:#e5eef4;padding:22px;margin:32px 0!important}
.hf-page a:focus-visible,.hf-demo summary:focus-visible,.heard-feature-card a:focus-visible{outline:3px solid #aa7328;outline-offset:4px}
.heard-feature-card{min-width:0;background:#fbf8f1}
.heard-card-visual{display:block;background:#102b46;color:#fffaf0;text-decoration:none;padding:24px;border-top:4px solid #e9c775}
.heard-card-visual strong{display:block;font:800 35px/1.1 var(--sans,system-ui);letter-spacing:.03em;margin:12px 0}
.heard-card-visual span{display:block;font:700 10px/1.8 var(--sans,system-ui);letter-spacing:.1em;text-transform:uppercase;color:#e9c775}
.heard-card-visual p{font:400 21px/1.45 var(--serif,Georgia);margin:17px 0 0;color:#deebf4}
@media(max-width:660px){.hf-shell{padding-top:22px}.hf-story p{font-size:19px;line-height:1.8}.hf-intro h1{font-size:clamp(37px,10vw,49px)}.hf-buttons{flex-direction:column;align-items:stretch}.hf-demo details p{font-size:16px}.hf-beta p,.hf-book p{font-size:16px}.hf-panel p,.hf-support{font-size:16px}.hf-demo .hf-demo-note{font-size:13px}.hf-footer-note{font-size:13px!important}}
@media print{.hf-page .nav,.hf-page .topline,.hf-buttons,.hf-jump,.hf-breadcrumb{display:none}.hf-shell{width:100%}.hf-demo details{break-inside:avoid}.hf-demo details::details-content{display:block;content-visibility:visible}.hf-intro,.hf-beta{background:white;color:#102b46;border:1px solid #b4ccd9}.hf-intro h1,.hf-lead,.hf-meta,.hf-beta h2,.hf-beta p{color:#102b46}.hf-story p{font-size:12pt;line-height:1.65}}
