/* YieldDocket facelift, Nov 10 2026 */
.wrap{max-width:1360px}
@media(min-width:1600px){.wrap{max-width:1400px}}
main>.wrap>p,main>.wrap>ul,main>.wrap>ol{max-width:96ch}
main>.wrap>p.cap,main>.wrap>p.small{max-width:none}

/* hero */
.yf-hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:460px;margin:0;color:#fff;background:#071222;overflow:hidden}
.yf-hero>img.yf-bg{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;z-index:-2;border-radius:0;aspect-ratio:auto}
.yf-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(5,13,26,.92) 0%,rgba(5,13,26,.7) 34%,rgba(5,13,26,.18) 66%,rgba(5,13,26,.05) 100%)}
.yf-hero.yf-art{background:#071222 url(/img/yf/curve-art.svg) 70% 50%/cover no-repeat}
.yf-hero.yf-art:after{background:linear-gradient(90deg,rgba(5,13,26,.7) 0%,rgba(5,13,26,.25) 55%,rgba(5,13,26,0) 100%)}
.yf-hero-in{position:relative;width:100%;max-width:1360px;margin:0 auto;padding:0 20px 46px;box-sizing:border-box}
.yf-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 12px;color:#f0b938;font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.yf-eyebrow:before{content:"";display:block;width:34px;height:2px;background:#f0b938;border-radius:2px}
.yf-hero h1{margin:0 0 14px;max-width:20ch;color:#fff;font-size:clamp(32px,8.6vw,40px);line-height:1.06;font-weight:850;letter-spacing:-.03em;text-shadow:0 2px 6px rgba(0,0,0,.55),0 4px 28px rgba(0,0,0,.45)}
.yf-sub{margin:0;max-width:62ch;color:#e8eef6;font-size:17px;line-height:1.5;text-shadow:0 1px 4px rgba(0,0,0,.75)}
.yf-credit{position:absolute;right:10px;bottom:6px;margin:0;max-width:70%;font-size:11px;line-height:1.3;text-align:right}
.yf-credit a{color:rgba(255,255,255,.7);text-decoration:none;text-shadow:0 1px 2px rgba(0,0,0,.9)}
.yf-credit a:hover{color:#fff;text-decoration:underline}
.yf-hero.yf-slim{min-height:300px}
@media(min-width:760px){
 .yf-hero{min-height:clamp(520px,64vh,720px)}
 .yf-hero:after{background:linear-gradient(90deg,rgba(5,13,26,.88) 0%,rgba(5,13,26,.66) 34%,rgba(5,13,26,.2) 64%,rgba(5,13,26,0) 88%),linear-gradient(0deg,rgba(5,13,26,.55) 0%,rgba(5,13,26,0) 40%)}
 .yf-hero.yf-home{min-height:clamp(580px,76vh,860px)}
 .yf-hero.yf-slim{min-height:360px}
 .yf-hero-in{padding:0 28px 64px}
 .yf-hero h1{font-size:clamp(44px,4.6vw,68px);max-width:18ch}
 .yf-home h1{font-size:clamp(50px,5.4vw,80px)}
 .yf-sub{font-size:clamp(18px,1.45vw,22px)}
 .yf-eyebrow{font-size:14px}
}
@media(min-width:1600px){.yf-hero-in{max-width:1400px}}

/* breadcrumb under hero */
.yf-crumb{display:block;margin:0;padding:14px 0 4px;font-size:14px;color:#566173}
.yf-crumb a{color:#566173;text-decoration:none}
.yf-crumb a:hover{color:#0f2a4a;text-decoration:underline}
.yf-crumb .sep{margin:0 8px;color:#9aa5b5}
.yf-crumb [aria-current]{color:#14202e}
.yf-date{margin:2px 0 0;font-size:14px;color:#566173}

/* lead: top pick + signup */
.yf-lead{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin:16px 0 22px}
@media(min-width:900px){.yf-lead{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:22px}}
.yf-pick{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:center;background:#fff;border:1px solid #e2e7ef;border-top:4px solid #e0a526;border-radius:16px;padding:20px 22px;box-shadow:0 1px 2px rgba(16,32,64,.06),0 10px 28px rgba(16,32,64,.08)}
@media(min-width:640px){.yf-pick{grid-template-columns:auto minmax(0,1fr)}}
.yf-pick-num{min-width:170px;padding:14px 18px;border-radius:12px;background:#0a1c33;color:#fff;text-align:center}
.yf-pick-num strong{display:block;font-size:44px;line-height:1.05;font-weight:850;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#fff}
.yf-pick-num span{display:block;margin-top:4px;font-size:12px;color:#b9c7d8;letter-spacing:.04em;text-transform:uppercase}
.yf-badge{display:inline-block;margin:0 0 6px;padding:3px 9px;border-radius:6px;background:#fbefd2;color:#6a4a00;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.yf-pick-name{margin:0 0 4px;font-size:22px;line-height:1.2;font-weight:800;color:#0a1c33}
.yf-pick-sub{margin:0 0 12px;font-size:15px;color:#566173}
.yf-pick-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.yf-pick-note{margin:10px 0 0;font-size:13px;color:#566173}
.yf-pick-note a{color:#12355b}
.yf-mail{display:flex;flex-direction:column;justify-content:center;background:#0a1c33;color:#fff;border-radius:16px;padding:20px 22px;border-top:4px solid #e0a526}
.yf-mail h2{margin:0 0 4px;color:#fff;font-size:20px;line-height:1.25}
.yf-mail p{margin:0 0 12px;color:#c9d6e6;font-size:15px}
.yf-mail form{margin:0}
.yf-mail label{position:absolute;left:-9999px}
.yf-mail .signup-row{display:flex;gap:8px;flex-wrap:nowrap}
.yf-mail input{flex:1 1 auto;min-width:0;min-height:48px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:#fff;color:#14202e;padding:0 16px;font-size:16px}
.yf-mail button{flex:0 0 auto;min-height:48px;padding:0 20px;border-radius:999px;border:0;background:#e0a526;color:#1d1400;font-weight:800;font-size:15px;cursor:pointer}
.yf-mail button:hover{background:#f3c96a}
.yf-mail small{display:block;margin-top:8px;color:#9fb1c7;font-size:12.5px}

/* YB2 button: navy pill with rising-yield line, real text label */
.yb2,a.btn:not(.btn-ghost),.bh .signup-cta .btn,.cta-row a.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px 0 16px;border-radius:999px;background:linear-gradient(180deg,#2a3558 0%,#1b2442 100%);color:#fff;border:0;font-size:15px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;line-height:1.2;box-shadow:0 6px 16px rgba(16,24,48,.26),inset 0 1px 0 rgba(255,255,255,.14)}
.yb2:before,a.btn:not(.btn-ghost):before{content:"";flex:0 0 22px;width:22px;height:22px;background:url(/img/yf/yb2-line.svg) center/22px 22px no-repeat}
.yb2:hover,a.btn:not(.btn-ghost):hover{background:linear-gradient(180deg,#34426c 0%,#222d52 100%);color:#fff}
.yb2:focus-visible,a.btn:focus-visible{outline:3px solid #e0a526;outline-offset:2px}
.yf-hero a.btn:not(.btn-ghost){background:linear-gradient(180deg,#2a3558 0%,#1b2442 100%);color:#fff}
.yf-mail .yb2{width:100%}

/* rate strip (existing board, moved under the lead) */
.yf-strip{margin:0 0 22px;border-radius:0}
.yf-strip .bh-in{padding-top:22px;padding-bottom:22px}
.yf-strip .board{margin:0}
.yf-strip .meta{margin:10px 0 0;color:#cfdbe8}

/* intro text moved out of the hero */
.yf-intro{margin-bottom:8px}
.yf-intro p{max-width:96ch}
.yf-intro .lede{font-size:17px;color:#14202e}
.yf-intro .callout{max-width:96ch}

/* On this page, centered, larger */
.yf-onpage{display:block;margin:6px auto 26px;padding:16px 18px;text-align:center;border-top:1px solid #e2e7ef;border-bottom:1px solid #e2e7ef}
.yf-onpage p{display:block;width:100%;margin:0 0 8px;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#8a6200}
.yf-onpage ul{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 26px;margin:0;padding:0;list-style:none}
.yf-onpage a{display:inline-flex;align-items:center;min-height:40px;font-size:18px;font-weight:600;color:#0f2a4a;text-decoration:none}
.yf-onpage a:hover{text-decoration:underline}
@media(max-width:520px){.yf-onpage ul{gap:0 18px}.yf-onpage a{font-size:16.5px}}

/* home rate board below hero */
.yf-rboard{padding-top:4px}
.yf-rboard .kicker,.yf-rboard h1{display:none}

.yf-crumb a,.yf-crumb span{display:inline;min-height:0}
.rboard a.btn:not(.btn-ghost),.bh a.btn:not(.btn-ghost),.yf-strip a.btn:not(.btn-ghost){box-shadow:0 0 0 1px rgba(255,255,255,.3),0 6px 16px rgba(0,0,0,.3)}
.yf-pick-name{overflow-wrap:anywhere}
.yf-onpage ul{width:100%}
.yf-pick-sub2{margin:8px 0 0;font-size:13.5px;color:#566173}
.yf-hero[data-ph="treasury-columns"]>img.yf-bg{object-position:50% 100%}
.yf-hero[data-ph="security-thrift"]>img.yf-bg{object-position:50% 62%}