/* Home only. Reader articles and the full-screen 3D viewer keep their own UI. */
#complex-home{--home-gold:#dfc79c;--home-muted:#b9c3c8;--home-line:#34434c;line-height:1.7;font-family:Arial,"Apple SD Gothic Neo","Malgun Gothic",sans-serif}
#complex-home *{box-sizing:border-box}
#complex-home header{position:static;inset:auto}
#complex-home .complex-home-inner{width:min(960px,100%);padding:36px 28px 28px}
#complex-home .home-overline{display:flex;align-items:center;gap:10px;margin:0 0 28px;color:var(--home-gold);font-size:.8125rem;letter-spacing:.15em}
#complex-home .home-brand-mark{width:32px;height:32px;display:grid;place-items:center;border:1px solid #77674d;font:22px Georgia,serif;letter-spacing:0}
#complex-home .home-intro{display:block;max-width:38em;margin:0 0 28px}
#complex-home h1{font-family:inherit;font-size:clamp(1.875rem,3.5vw,2.65rem);line-height:1.36;letter-spacing:-.045em;font-weight:600;margin:0;word-break:keep-all;overflow-wrap:anywhere}
#complex-home h1 em{color:var(--home-gold);font-style:normal}
#complex-home .home-lead{font-size:1rem;line-height:1.85;color:#ced5d7;margin:18px 0 10px;word-break:keep-all;overflow-wrap:anywhere;max-width:36em}
#complex-home .home-caution{font-size:.8125rem;line-height:1.7;color:var(--home-muted);margin:0;word-break:keep-all;overflow-wrap:anywhere}
#complex-home .home-section{border:1px solid var(--home-line);border-radius:10px;background:#17252e;margin-bottom:12px}
#complex-home .home-section>summary{padding:17px 20px;min-height:80px;gap:14px}
#complex-home .home-section>summary>span:first-child{min-width:0}
#complex-home .home-section>summary strong{font-size:1.125rem;line-height:1.5}
#complex-home .home-section>summary small{font-size:.875rem;line-height:1.65;color:var(--home-muted);overflow-wrap:anywhere;word-break:keep-all}
#complex-home .home-fold-action{font-size:.875rem;color:var(--home-gold);gap:8px;flex-shrink:0}
#complex-home #home-complexes{border-color:#60767a;background:#14252e}
#complex-home .home-section-body{padding:20px}
#complex-home .home-footer{position:static;inset:auto;display:block;width:auto;height:auto;letter-spacing:normal;border-top:1px solid var(--home-line);margin-top:26px;padding:14px 0 0;color:#aab8bf;pointer-events:auto}
#complex-home .site-info-links{display:flex;gap:2px 22px;flex-wrap:wrap;margin:0;border:0;padding:0}
#complex-home .site-info-links a{font-size:.875rem;color:#c8d2d6;min-height:44px;display:flex;align-items:center;padding:4px 0;text-underline-offset:4px}
#complex-home .site-info-links a[href="reading.html"]{color:var(--home-gold)}
#complex-home a:focus-visible{outline:3px solid #e3c998;outline-offset:3px;border-radius:5px}
#complex-home .home-skip{position:absolute;left:16px;top:-150px;background:#e3c998;color:#10202a;padding:12px;z-index:80}
#complex-home .home-skip:focus{top:12px}
#complex-home #home-usage{margin-top:10px}
#complex-home #home-usage .usage-meta,#complex-home #usage-comments{display:none}
#complex-home #home-usage .usage-actions{margin:0;gap:8px;flex-wrap:wrap}
#complex-home #home-usage button{min-height:44px;font-size:.875rem}
#complex-home .progress-kicker,#complex-home .progress-timeline small,#complex-home .progress-rank-date a{font-size:.75rem}
#complex-home .progress-field,#complex-home .progress-current-note,#complex-home .progress-note,#complex-home .progress-rank-list button span,#complex-home .progress-timeline li,#complex-home #progress-show-all{font-size:.875rem}
@media(max-width:700px){#complex-home .complex-home-inner{padding:24px 18px 24px}#complex-home .home-overline{margin-bottom:24px}#complex-home h1{font-size:1.875rem}#complex-home .home-intro{margin-bottom:24px}#complex-home .home-lead{margin-top:14px}#complex-home .home-section>summary{padding:16px 14px;gap:10px}#complex-home .home-section>summary strong{font-size:1.0625rem}#complex-home .home-fold-action{gap:5px}#complex-home .home-section-body{padding:14px}#complex-home .site-info-links{gap:2px 18px}#complex-home .progress-detail .progress-field{flex-wrap:wrap}}

/* Small guidance below the selection tool. Detailed stories stay off the home. */
#complex-home .home-first-use,#complex-home .home-faq{padding:24px 0 0;margin-top:26px;border-top:1px solid var(--home-line)}
#complex-home .home-first-use h2,#complex-home .home-faq h2{font-size:1.0625rem;line-height:1.5;font-weight:600;margin:0 0 14px;letter-spacing:-.025em}
#complex-home .home-first-use ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none;counter-reset:start;margin:0 0 16px;padding:0}
#complex-home .home-first-use li{counter-increment:start;min-width:0;font-size:.875rem;color:#b9c8ce;line-height:1.7}#complex-home .home-first-use b{display:block;color:#e2e9e8;font-weight:500;margin-bottom:3px}#complex-home .home-first-use b::before{content:counter(start,decimal-leading-zero) ' ';color:#c6b18a;font-size:.75rem;margin-right:4px}
#complex-home .home-first-use>a,#complex-home .home-faq-more{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem;color:var(--home-gold)}
#complex-home .home-maker-link{font-size:.875rem;line-height:1.8;color:#aebfc5;margin:28px 0 0}#complex-home .home-maker-link a{display:inline-flex;align-items:center;min-height:44px;color:var(--home-gold)}
@media(max-width:700px){#complex-home .home-first-use ol{grid-template-columns:1fr;gap:10px}#complex-home .home-first-use li{display:grid;grid-template-columns:136px minmax(0,1fr);gap:8px}#complex-home .home-first-use b{margin:0}#complex-home .home-first-use,#complex-home .home-faq{padding-top:20px;margin-top:22px}}