/* PersonaScope 4.0 RC42 - Home design polish */
#home{
  --home-panel:rgba(10,24,43,.78);
  --home-panel-strong:rgba(13,31,54,.94);
  --home-line:rgba(126,165,214,.20);
  --home-line-strong:rgba(126,200,214,.34);
}

/* Guidance: lighter and shorter, while keeping first-run disclosure intact. */
#home .home-guidance{gap:7px;margin:10px 0 15px}
#home .guidance-item{border-radius:15px;background:rgba(10,25,44,.72);box-shadow:none}
#home .guidance-item summary{grid-template-columns:34px minmax(0,1fr) auto;gap:9px;padding:10px 11px;min-height:56px}
#home .guide-icon{width:29px;height:29px;border-radius:10px;font-size:12px}
#home .guidance-item summary b{font-size:13px;line-height:1.35}
#home .guidance-item summary small{font-size:9px;line-height:1.35;margin-top:1px}
#home .guidance-item summary em{font-size:7px;padding:4px 6px}
#home .guide-body{padding:0 13px 12px 47px;font-size:10px;line-height:1.65;color:#aebbd1}
#home .home-guidance.is-reviewed .guidance-item:not([open]) summary{min-height:46px;padding-top:7px;padding-bottom:7px}
#home .home-guidance.is-reviewed .guidance-item:not([open]) summary small{display:none}
#home .home-guidance.is-reviewed .guidance-item:not([open]) summary em{opacity:.74}

/* Hero: shorter copy and clear action hierarchy. */
#home .hero-grid{display:block!important;padding:16px 0 10px!important}
#home .hero-copy{max-width:650px;margin-inline:auto}
#home .hero-copy .eyebrow{margin-bottom:8px}
#home .hero-copy .emotional-copy{font-size:clamp(21px,5.6vw,34px);line-height:1.42;margin:0 auto 12px;letter-spacing:.01em}
#home .hero-copy .lead{max-width:560px;font-size:13px;line-height:1.8;margin-top:0;color:#b7c4d9}
#home .hero-actions.home-action-stack{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;width:100%;max-width:600px;margin:20px auto 0!important}
#home .home-action-stack button{font-family:inherit}
#home .home-start-button{display:grid!important;gap:2px;place-items:center;min-height:56px;padding:10px 18px!important;border-radius:15px!important}
#home .home-start-button strong{font-size:15px}
#home .home-start-button small{font-size:9px;font-weight:500;opacity:.78}
#home .home-library-entry{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-areas:"kicker arrow" "title arrow" "desc arrow";text-align:left;padding:13px 15px;border:1px solid var(--home-line-strong);border-radius:16px;background:linear-gradient(135deg,rgba(53,87,145,.24),rgba(42,170,159,.10));color:#f3f7ff;cursor:pointer;min-height:78px}
#home .home-library-entry .home-action-kicker{grid-area:kicker;color:#82e9dc;font-size:8px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:3px}
#home .home-library-entry strong{grid-area:title;font-size:15px;line-height:1.4}
#home .home-library-entry small{grid-area:desc;color:#aebbd0;font-size:9px;line-height:1.5;margin-top:2px}
#home .home-action-arrow{grid-area:arrow;align-self:center;font-size:24px;color:#7de1d7;padding-left:12px}
#home .home-learning-links{display:grid;grid-template-columns:1fr 1fr;gap:9px}
#home .home-learning-links button{display:grid;align-content:center;min-height:65px;padding:10px 8px;border:1px solid var(--home-line);border-radius:14px;background:rgba(12,27,48,.72);color:#eef4ff;cursor:pointer;text-align:center}
#home .home-learning-links strong{font-size:12px;line-height:1.35}
#home .home-learning-links small{margin-top:3px;color:#95a6c0;font-size:8px;line-height:1.4}
#home .home-theory-link{justify-self:center;border:0;background:transparent;color:#9fb5d3;padding:7px 12px;font-size:10px;cursor:pointer}
#home .home-theory-link span{color:#6fe0d3;margin-left:4px}
#home .home-library-entry:hover,#home .home-learning-links button:hover{border-color:rgba(115,226,211,.50);transform:translateY(-1px)}

/* History: no more enormous empty card before first diagnosis. */
#home .home-history-preview{width:100%;max-width:650px;margin:25px auto 0!important;padding:17px;border-radius:19px;background:linear-gradient(145deg,rgba(17,42,71,.93),rgba(8,23,42,.91));border:1px solid rgba(101,161,207,.23);box-shadow:0 16px 46px rgba(0,0,0,.12)}
#home .history-preview-head{align-items:center;gap:12px}
#home .history-preview-head h2{font-size:19px;margin:2px 0 4px}
#home .history-preview-head p{font-size:10px;line-height:1.55}
#home .history-preview-link{font-size:9px;white-space:nowrap;padding:6px 9px;border-radius:999px;background:rgba(80,210,196,.10);color:#75e4d7}
#home .history-preview-canvas-wrap{max-width:365px;margin:5px auto 0}
#home .home-first-result-note{display:none}
#home.home-unstarted .home-history-preview{min-height:0;padding:17px 16px;cursor:pointer}
#home.home-unstarted .history-preview-head .eyebrow{display:none}
#home.home-unstarted .history-preview-head h2{font-size:16px;margin:0 0 5px}
#home.home-unstarted .history-preview-head p{display:none}
#home.home-unstarted .history-preview-canvas-wrap,
#home.home-unstarted .home-history-summary{display:none!important}
#home.home-unstarted .home-first-result-note{display:grid;gap:3px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(130,160,205,.14);text-align:left}
#home.home-unstarted .home-first-result-note strong{font-size:11px;color:#dce7f8}
#home.home-unstarted .home-first-result-note span{font-size:9px;line-height:1.55;color:#8fa1bc}
#home.home-unstarted #homeDashboard{display:none!important}

/* Result dashboard remains useful, but is denser after a diagnosis. */
#home .home-dashboard{max-width:650px;margin:17px auto 0;gap:9px}
#home .home-type-card{padding:16px 15px;border-radius:18px}
#home .home-type-card h2{font-size:20px;margin:4px 0 6px}
#home .home-type-card p{font-size:11px;line-height:1.6}
#home .auxiliary-label-note{font-size:8px;line-height:1.5}
#home .home-stat-grid{gap:7px}
#home .home-stat-grid article{padding:10px 6px;border-radius:13px;background:rgba(10,24,43,.70)}
#home .home-stat-grid b{font-size:14px;margin-bottom:2px}
#home .home-history-guide{font-size:9px;margin-top:2px}

/* Replace specification wall with a calm, optional explanation. */
#home .home-about{max-width:650px;margin:18px auto 0;border:1px solid rgba(116,151,199,.17);border-radius:16px;background:rgba(8,20,37,.56);overflow:hidden}
#home .home-about summary{display:grid;grid-template-columns:1fr auto;align-items:center;text-align:left;gap:12px;padding:13px 15px;cursor:pointer;list-style:none}
#home .home-about summary::-webkit-details-marker{display:none}
#home .home-about summary b{display:block;color:#dce7f8;font-size:12px}
#home .home-about summary small{display:block;color:#8194af;font-size:8px;margin-top:2px}
#home .home-about-arrow{font-size:20px;color:#67d9cd;transition:transform .2s ease}
#home .home-about[open] .home-about-arrow{transform:rotate(90deg)}
#home .home-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 11px 11px}
#home .home-about-grid article{padding:11px;border-radius:12px;background:rgba(17,34,57,.67);border:1px solid rgba(115,151,200,.12);text-align:left}
#home .home-about-grid b{display:block;font-size:10px;color:#e3ebfa;margin-bottom:3px}
#home .home-about-grid span{display:block;color:#8fa1ba;font-size:8px;line-height:1.55}
#home>.quality-strip,#home>.feature-grid{display:none!important}

#home + .screen{margin-top:0}

@media(max-width:520px){
  #home .hero-grid{padding-top:12px!important}
  #home .hero-copy .lead{font-size:11px;line-height:1.75}
  #home .home-learning-links{grid-template-columns:1fr 1fr}
  #home .home-about-grid{grid-template-columns:1fr}
  #home .home-history-preview{margin-top:21px!important}
  #home .history-preview-head{display:grid;grid-template-columns:1fr auto;text-align:left}
  #home .home-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:330px){
  #home .home-learning-links{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  #home .home-library-entry,#home .home-learning-links button,#home .home-about-arrow{transition:none!important}
}