/* Page-specific CSS for resources — extracted verbatim from the
   approved Aura One preview. See css/shared.css for sitewide rules. */

h1,h2,h3{font-family:var(--display);}

.btn:focus-visible{outline:2px solid var(--blue);outline-offset:3px;}

.btn-outline:focus-visible{outline:2px solid var(--blue);outline-offset:3px;}

.nav-links a.nav-item[aria-current="page"]{opacity:1;color:var(--blue);}

.nav-links a:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:4px;}

/* ---------- Shared section head ---------- */
  .section-head{max-width:640px;margin:0 0 56px;}

.section-head.centered{margin-left:auto;margin-right:auto;text-align:center;}

/* ---------- Hero: editorial knowledge system ---------- */
  .res-hero{padding:64px 0 120px;position:relative;background:var(--white);overflow:hidden;}

.res-hero .wrap{max-width:1240px;}

.res-hero-grid{display:grid;grid-template-columns:52fr 48fr;gap:56px;align-items:center;padding:56px 0 0;}

.res-hero .eyebrow{margin-bottom:18px;}

.res-hero h1{
    font-family:var(--cabin);
    font-weight:600;
    font-size:clamp(32px,4.2vw,46px);
    line-height:1.18;
    letter-spacing:0;
    margin:0 0 22px;
    color:var(--black);
  }

.res-hero .sub{font-size:18px;line-height:1.6;color:var(--gray-text);max-width:480px;margin:0 0 32px;}

.res-hero-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}

.res-hero-visual svg{width:100%;height:auto;display:block;filter:drop-shadow(0 30px 60px rgba(28,26,23,.1));}

/* ---------- Workspace Health Check ---------- */
  .health{padding:120px 0;background:var(--gray-bg);}

.health-intro{font-size:17px;line-height:1.75;color:var(--gray-text);max-width:680px;margin:0 0 48px;}

.health-rail{max-width:820px;margin:0 auto 40px;border-top:1px solid var(--border);}

.health-item{border-bottom:1px solid var(--border);padding:0;}

.health-item summary{
    list-style:none;
    cursor:pointer;
    display:flex;
    align-items:center;
    gap:18px;
    padding:26px 4px;
  }

.health-item summary::-webkit-details-marker{display:none;}

.health-num{
    flex:none;
    width:34px;height:34px;
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    font-family:var(--display);font-weight:800;font-size:13px;
    color:var(--white);
    background:var(--hc);
  }

.health-item summary .health-title{flex:1;font-size:17px;font-weight:700;color:var(--black);}

.health-item summary .health-toggle{
    flex:none;width:22px;height:22px;border-radius:50%;
    border:1.5px solid var(--border);
    display:flex;align-items:center;justify-content:center;
    font-size:14px;color:var(--gray-text);
  }

.health-item[open] summary .health-toggle{background:var(--black);color:var(--white);border-color:transparent;}

.health-item[open] summary .health-toggle:before{content:"\2013";}

.health-item summary .health-toggle:before{content:"+";}

.health-questions{list-style:none;margin:0;padding:0 4px 30px 68px;display:flex;flex-direction:column;gap:14px;}

.health-questions li{position:relative;padding-left:24px;font-size:15.5px;line-height:1.6;color:var(--gray-text);}

.health-questions li::before{content:"";position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:2px;background:var(--hc);}

.health-result{max-width:820px;margin:0 auto;background:var(--white);border:1px solid var(--border);border-radius:18px;padding:36px 40px;}

.health-result p{font-size:16.5px;line-height:1.7;color:var(--black);margin:0 0 24px;}

.health-result .btn-outline{margin:0;}

/* ---------- Five principles: editorial sequence ---------- */
  .foundations{padding:120px 0;background:var(--white);}

.foundation-row{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:44px 0;border-top:1px solid var(--border);}

.foundation-row:last-child{border-bottom:1px solid var(--border);}

.foundation-row:nth-child(even) .foundation-copy{order:2;}

.foundation-row:nth-child(even) .foundation-diagram{order:1;}

.foundation-num{font-family:var(--cabin);font-weight:600;font-size:15px;color:var(--fc);margin-bottom:12px;display:block;}

.foundation-copy h3{font-size:20px;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin:0 0 12px;}

.foundation-copy p{font-size:15.5px;line-height:1.7;color:var(--gray-text);margin:0;max-width:480px;}

.foundation-diagram{display:flex;align-items:center;justify-content:center;}

.foundation-diagram svg{max-width:220px;width:100%;height:auto;}

/* ---------- Guidance by where you are: branching map ---------- */
  .pathways{padding:120px 0;background:var(--gray-bg);}

.pathways-map{position:relative;max-width:960px;margin:0 auto;}

.pathways-spine{display:block;width:100%;height:34px;margin-bottom:6px;}

.pathways-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}

.pathway-card{background:var(--white);border-top:3px solid var(--pc);border-radius:16px;padding:28px 22px;box-shadow:0 18px 36px -24px rgba(28,26,23,.16);}

.pathway-tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--pc);margin-bottom:14px;}

.pathway-card h3{font-size:16.5px;font-weight:700;margin:0 0 10px;letter-spacing:-.005em;line-height:1.3;}

.pathway-card p{font-size:14px;line-height:1.6;color:var(--gray-text);margin:0 0 20px;}

.pathway-card a{font-size:13.5px;font-weight:700;color:var(--black);display:inline-flex;align-items:center;gap:6px;}

.pathway-card a:hover{color:var(--pc);}

.pathway-card a svg{width:12px;height:12px;}

/* ---------- Common questions checklist ---------- */
  .checklist{padding:120px 0;background:var(--white);}

.checklist-panel{max-width:880px;margin:0 auto;}

.checklist-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 40px;margin-bottom:44px;}

.checklist-item{display:flex;align-items:flex-start;gap:16px;padding:18px 0;border-bottom:1px solid var(--border);}

.checklist-num{flex:none;width:26px;height:26px;border-radius:7px;background:var(--gray-bg-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--near-black);font-family:var(--display);}

.checklist-item p{margin:0;font-size:15.5px;line-height:1.55;color:var(--black);padding-top:2px;}

.checklist-closing{font-size:17px;font-weight:700;color:var(--black);line-height:1.6;max-width:720px;padding-top:8px;border-top:2px solid var(--black);}

/* ---------- Insights from James ---------- */
  .insights{padding:120px 0;background:var(--gray-bg);}

.insights-grid{display:grid;grid-template-columns:minmax(0,180px) 1fr;gap:48px;align-items:center;}

.insights-photo{width:100%;aspect-ratio:1;border-radius:18px;overflow:hidden;background:var(--white);box-shadow:0 24px 48px -26px rgba(28,26,23,.24);}

.insights-photo img{width:100%;height:100%;object-fit:cover;object-position:center 20%;}

.insights-copy .eyebrow{margin-bottom:16px;}

.insights-copy h2{font-weight:700;font-size:clamp(24px,2.8vw,32px);letter-spacing:-.015em;line-height:1.24;margin:0 0 18px;}

.insights-copy p{font-size:16.5px;line-height:1.75;color:var(--gray-text);margin:0 0 26px;max-width:600px;}

.insights-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}

.insights-notes{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap;}

.insights-note{background:var(--white);border:1px solid var(--border);border-radius:10px;padding:10px 14px;font-size:12px;font-weight:700;color:var(--gray-text-2);}

.insights-note span{color:var(--black);}

/* ---------- Growing resource library ---------- */
  .library{padding:110px 0;background:var(--white);}

.library-panel{max-width:820px;margin:0 auto;text-align:center;}

.library-panel .section-head{margin-left:auto;margin-right:auto;}

.library-topics{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:36px 0 32px;}

.library-topic{font-size:13.5px;font-weight:600;padding:10px 18px;border-radius:100px;background:var(--gray-bg-2);border:1px solid var(--border);color:var(--near-black);}

.library-supporting{font-size:15.5px;line-height:1.7;color:var(--gray-text);font-style:italic;max-width:560px;margin:0 auto;}

/* ---------- Final CTA ---------- */
  .final-cta{position:relative;color:var(--black);text-align:center;padding:100px 0 130px;background:var(--white);}

.final-cta p{font-size:18px;color:var(--gray-text);margin:0 0 36px;max-width:540px;margin-left:auto;margin-right:auto;}

.final-cta .res-hero-cta{justify-content:center;}

@media(max-width:900px){
    .wrap{padding:0 24px;}
    .nav-inner{padding:14px 24px;}
    .nav-links{gap:20px;}
    .res-hero-grid{grid-template-columns:1fr;gap:44px;padding:36px 0 0;}
    .res-hero-visual{order:-1;max-width:420px;margin:0 auto;}
    .foundation-row{grid-template-columns:1fr;gap:24px;padding:32px 0;text-align:left;}
    .foundation-row:nth-child(even) .foundation-copy{order:1;}
    .foundation-row:nth-child(even) .foundation-diagram{order:2;}
    .foundation-diagram{justify-content:flex-start;}
    .foundation-diagram svg{max-width:160px;}
    .pathways-spine{display:none;}
    .pathways-grid{grid-template-columns:1fr 1fr;gap:16px;}
    .checklist-grid{grid-template-columns:1fr;gap:0;}
    .insights-grid{grid-template-columns:1fr;gap:28px;}
    .insights-photo{max-width:180px;margin:0 auto;}
    .insights-copy{text-align:center;}
    .insights-copy p{margin-left:auto;margin-right:auto;}
    .insights-cta{justify-content:center;}
    .insights-notes{justify-content:center;}
    .footer-top{grid-template-columns:1fr 1fr;gap:32px 24px;}
    .footer-brand{grid-column:1/-1;margin-bottom:8px;}
    .final-cta{padding:72px 0 96px;}
    .cta-panel{padding:60px 32px;border-radius:22px;}
  }

@media(max-width:560px){
    .pathways-grid{grid-template-columns:1fr;}
    .health-questions{padding-left:50px;}
    .footer-top{grid-template-columns:1fr;}
    .footer-brand{grid-column:auto;}
    .footer-bottom{flex-direction:column;align-items:flex-start;gap:8px;}
    .cta-panel{padding:48px 24px;border-radius:18px;}
  }

.reveal-group.in-view .reveal-item:nth-child(4){transition-delay:.24s;}

.reveal-group.in-view .reveal-item:nth-child(5){transition-delay:.31s;}