/* Resources hub (v7 redesign, Oct 2026). Loaded only on resources.html. Pillar colours: Growth gold, Retention teal,
   Income green, Protection blue (Income/Protection match the Options Blueprint pillar badges in options.css). */
.pil-growth{--pc:#E9A006;--pt:#7A5200;--pl:#FDF4DD;--pf:#021C4A}
.pil-retention{--pc:#0E6577;--pt:#0E6577;--pl:#E2F0F2;--pf:#fff}
.pil-income{--pc:#1E5E36;--pt:#1E5E36;--pl:#E4F1E8;--pf:#fff}
.pil-protection{--pc:#12397F;--pt:#12397F;--pl:#E6ECF7;--pf:#fff}
.chip-growth{--pc:#E9A006;--pf:#021C4A}.chip-retention{--pc:#0E6577;--pf:#fff}.chip-income{--pc:#1E5E36;--pf:#fff}.chip-protection{--pc:#12397F;--pf:#fff}
#tools,#more-tools,.res-pillar{scroll-margin-top:90px}
.res-letter{display:inline-grid;place-items:center;flex:none;width:58px;height:58px;border-radius:50%;background:var(--pc,var(--navy));color:var(--pf,#fff);font-family:var(--head);font-size:1.9rem;line-height:1}
.res-letter.sm{width:34px;height:34px;font-size:1.1rem}
.res-letter.xs{width:26px;height:26px;font-size:.95rem}
.res-type{display:block;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--pt,var(--gold-text))}
.res-t{display:block;font-weight:700;color:var(--navy);font-size:1.12rem;line-height:1.3;margin:.2rem 0 .25rem}
.res-d{display:block;color:var(--muted);font-size:1rem;line-height:1.45}
/* jump bar */
.res-jump{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin:1.6rem 0 0}
.res-jump-l{margin:0;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.85rem;color:var(--muted)}
.res-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.55rem}
.res-chip{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.3rem 1rem .3rem .4rem;border:2px solid var(--pc,var(--navy));border-radius:999px;background:#fff;color:var(--navy);font-weight:700;text-decoration:none;font-size:1.02rem}
.res-chip.chip-tools,.res-chip.chip-soon{padding-left:1rem}
.res-chip.chip-tools{background:var(--navy);color:#fff}
.res-chip:hover{background:var(--pc,var(--navy));color:var(--pf,#fff)}
.res-chip:hover .res-letter{background:#fff;color:var(--navy)}
.res-chip.chip-tools:hover{background:var(--navy-2)}
/* tools strip */
.res-tools{margin-top:2rem;background:var(--navy);border-radius:var(--radius);padding:1.5rem;color:#fff;position:relative;overflow:hidden}
.res-tools::after{content:"";position:absolute;right:-70px;top:-70px;width:220px;height:220px;border-radius:50%;border:2px solid rgba(233,160,6,.35);pointer-events:none}
.res-tools-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.2rem 1.5rem;margin-bottom:1rem;position:relative;z-index:1}
.res-tools-head h2{color:#fff;font-size:clamp(1.5rem,3.6vw,1.9rem);margin:0}
.res-tools-head p{margin:0;color:#D5DDEE;font-size:1rem}
.res-tools-head a{color:#FFD36B;font-weight:700}
.res-tool-grid{list-style:none;margin:0;padding:0;display:grid;gap:.8rem;grid-template-columns:repeat(3,1fr);position:relative;z-index:1}
.res-tool{display:block;height:100%;box-sizing:border-box;background:#fff;border-radius:12px;padding:1rem 1rem 1.1rem;text-decoration:none;color:var(--ink);border-top:4px solid var(--gold);transition:transform .15s,box-shadow .15s}
.res-tool:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.25);color:var(--ink)}
.res-ico{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--sand);color:var(--navy);margin-bottom:.5rem}
.res-ico svg{width:24px;height:24px}
.res-tool .res-type{color:var(--gold-text)}
.res-q{display:block;font-style:italic;color:var(--muted);font-size:1rem;line-height:1.4}
/* pillars */
.res-paths-head{max-width:760px;margin:0 auto 2rem}
.res-tagline{font-style:italic;font-weight:500;color:var(--gold-text);font-size:1.15rem;margin:0}
.res-pillar{background:#fff;border:1px solid var(--line);border-top:6px solid var(--pc);border-radius:var(--radius);padding:1.5rem;margin:0 0 1.6rem;box-shadow:0 2px 10px rgba(2,28,74,.05)}
.res-ph{display:flex;gap:1rem;align-items:center;margin-bottom:1.2rem}
.res-ph h2{margin:0;font-size:clamp(1.6rem,4vw,2.1rem)}
.res-line{margin:.15rem 0 .1rem;font-size:1.1rem;color:var(--ink)}
.res-house{margin:0;font-size:.98rem;color:var(--muted)}
.res-house a{color:var(--pt);font-weight:700}
.res-list{list-style:none;margin:0;padding:0;display:grid;gap:.8rem;grid-template-columns:repeat(3,1fr);align-content:start}
.res-list.n4{grid-template-columns:repeat(4,1fr)}
.res-list.n5{grid-template-columns:repeat(6,1fr)}
.res-list.n5 li{grid-column:span 2}
.res-list.n5 li:nth-child(n+4){grid-column:span 3}
.res-item{display:block;height:100%;box-sizing:border-box;padding:.85rem 1rem .95rem;border-radius:10px;background:var(--pl);border-left:4px solid var(--pc);text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s}
.res-item:hover{transform:translateY(-2px);box-shadow:var(--shadow);color:var(--ink)}
.res-item:hover .res-t{text-decoration:underline;text-underline-offset:3px}
.res-opt{margin-top:1rem;border:2px solid var(--pc);border-radius:12px;padding:1.1rem 1.2rem;background:#fff;display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:.6rem 1.8rem}
.res-opt-a{padding-right:.4rem}
.res-opt h3{color:var(--navy);font-size:1.2rem;margin:.2rem 0 .3rem}
.res-opt-list{margin:.2rem 0 .4rem;padding-left:1.4rem}
.res-opt-list li,.res-opt-adv li{margin:.3rem 0;font-weight:700}
.res-tag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.1rem .5rem;border-radius:999px;background:var(--pc);color:var(--pf);vertical-align:2px}
.res-opt-sub{margin:.2rem 0 .2rem;font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.res-opt-b .res-opt-sub+.res-opt-list{margin-top:0}
.res-opt-adv{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 1rem}
.res-opt-b .res-opt-adv{margin-top:0}
.res-opt-list+.res-opt-sub{margin-top:.7rem}
.res-opt-adv li{font-weight:500;margin:.15rem 0}
.res-opt-more{list-style:none;margin:0;padding:0;font-size:1.02rem}
.res-opt-more li{margin:0}
.res-opt-more a{display:inline-block;padding:.35rem 0}
.res-opt-risk{margin:.6rem 0 0;font-size:.92rem;color:var(--muted)}
.res-opt a,.res-soon-list a{color:var(--navy-3)}
/* coming soon + more */
.res-soon-feature{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-3) 100%);color:#fff;border-radius:var(--radius);padding:1.8rem 1.6rem;border-left:8px solid var(--gold)}
.res-soon-feature h2{color:#fff;margin:.6rem 0 .3rem}
.res-soon-feature p{margin:0;color:#D5DDEE;max-width:760px}
.res-soon-feature a{color:#FFD36B;font-weight:700}
.res-soon-h{margin:0 0 .2rem}
.res-soon-lead{margin:0 0 1rem;color:var(--muted)}
.res-soon-list{list-style:none;margin:0;padding:0;display:grid;gap:.8rem;grid-template-columns:repeat(2,1fr)}
.res-soon-list li{display:flex;gap:.8rem;align-items:flex-start;background:var(--cream);border:1px dashed var(--line);border-radius:10px;padding:.8rem 1rem;font-size:1.02rem;line-height:1.45}
.res-soon-list strong{color:var(--navy)}
.res-more{margin-top:2.4rem;padding-top:1.6rem;border-top:1px solid var(--line)}
.res-more h2{font-size:clamp(1.4rem,3.4vw,1.8rem)}
.res-more-links{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-wrap:wrap;gap:.6rem}
.res-more-links a{display:inline-flex;align-items:center;min-height:44px;padding:.3rem 1.1rem;border:2px solid var(--navy);border-radius:999px;text-decoration:none;font-weight:700;color:var(--navy)}
.res-more-links a:hover{background:var(--navy);color:#fff}
/* tablet (iPad portrait ~820px) */
@media (max-width:1099px){
 .res-tool-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:979px){
 .res-list,.res-list.n4,.res-list.n5{grid-template-columns:repeat(2,1fr)}
 .res-list.n5 li:first-child,.res-list.n9 li:last-child{grid-column:1/-1}
 .res-list.n5 li:nth-child(n+2){grid-column:auto}
 .res-opt{grid-template-columns:1fr 1fr}
 .res-opt-a{grid-column:1/-1}
}
/* phone */
@media (max-width:639px){
 .res-tools{padding:1.2rem 1rem}
 .res-tool-grid{grid-template-columns:1fr}
  .res-tool{display:grid;grid-template-columns:40px 1fr;column-gap:.8rem;padding:.8rem .9rem}
 .res-tool .res-ico{grid-row:span 3;margin:0}
 .res-tool .res-t{margin:.05rem 0 .1rem}
 .res-pillar{padding:1.2rem 1rem}
 .res-ph{align-items:flex-start}
 .res-letter{width:48px;height:48px;font-size:1.6rem}
 .res-list,.res-list.n4,.res-list.n5,.res-soon-list,.res-opt{grid-template-columns:1fr}
 .res-list.n5 li,.res-list.n5 li:first-child,.res-list.n5 li:nth-child(n+2),.res-list.n9 li:last-child{grid-column:auto}
 .res-jump{gap:.5rem}
 .res-chip{font-size:.98rem}
}

/* Topics row (v7): sits under Tools at a glance */
.res-topics{margin-top:2rem}
.res-topics .res-tools-head h2{color:var(--navy)}
.res-topics .res-tools-head p{color:var(--muted)}
.res-chip.chip-topics{padding-left:1rem;border-color:var(--gold)}
@media (min-width:640px) and (max-width:819px){.res-tool-grid{grid-template-columns:repeat(2,1fr)}}