/* ============================================================================
   AQW information architecture layer — 2026-10-20
   Loaded last. Pairs with the folding in homepage-library.js, the grouped
   directory/footer in site-nav.js, and _qa/ia_restructure.py.

   Page order after this pass:
     hero → cockpit → App → 了解 AQW (discover + four paths, one zone)
     → topic library: 7 chapters by intent, core sections shown, rest folded
     → learning + FAQ → grouped footer
   ========================================================================= */

/* ------------------------------------------------------------- folding -- */
/* hidden="until-found" keeps the section's own box (content-visibility only
   skips its contents), so its padding still took 78–208px per section. */
.aqw-fold[hidden]{
  padding:0!important;margin:0!important;border:0!important;
  min-height:0!important;height:0;overflow:hidden;
}

.aqw-library-more{
  display:flex;justify-content:center;
  padding:clamp(22px,2.6vw,34px) 20px clamp(26px,3vw,40px);
  border-top:1px solid rgba(132,203,214,.12);
}
.aqw-library-more-btn{
  display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:0 22px 0 24px;
  border:1px solid color-mix(in srgb,var(--chapter-accent,#76e8d8) 42%,transparent);
  border-radius:999px;cursor:pointer;
  background:color-mix(in srgb,var(--chapter-accent,#76e8d8) 8%,rgba(6,20,30,.9));
  color:#e8f6f6;font:inherit;font-size:14px;font-weight:800;letter-spacing:.01em;
  transition:background .25s ease,border-color .25s ease,transform .2s ease;
}
.aqw-library-more-btn:hover{
  background:color-mix(in srgb,var(--chapter-accent,#76e8d8) 16%,rgba(6,20,30,.9));
  border-color:var(--chapter-accent,#76e8d8);
}
.aqw-library-more-btn:active{transform:scale(.985)}
.aqw-library-more-btn i{
  width:9px;height:9px;margin-top:-4px;
  border-right:2px solid var(--chapter-accent,#76e8d8);border-bottom:2px solid var(--chapter-accent,#76e8d8);
  transform:rotate(45deg);transition:transform .3s var(--aqw-ease,ease),margin .3s ease;
}
.aqw-library-more-btn[aria-expanded="true"] i{transform:rotate(225deg);margin-top:4px}

/* The chapter header carries the chapter's identity; give it room to read as
   an opening rather than a table row. */
.aqw-library-chapter-head{padding-block:clamp(22px,2.4vw,32px)!important}
.aqw-library-chapter-head h3{font-size:clamp(24px,2.1vw,32px)!important;line-height:1.2}
.aqw-library-chapter-head p{font-size:15px!important;max-width:720px}

/* ---------------------------------------------------------- entry zone -- */
/* "了解 AQW" and "四条路径" both answered "where do I start" in two full
   sections, each with its own top rule and 60px headline. They now read as
   one zone: the paths sit directly under the overview, a step down in scale. */
#discover{padding-bottom:clamp(30px,3vw,44px)!important}
#audience-paths{
  padding-top:clamp(18px,2vw,28px)!important;
  border-top:0!important;
  background:transparent!important;
}
#audience-paths:before{display:none!important}
#audience-paths h2{font-size:clamp(28px,2.6vw,38px)!important;line-height:1.2}
#discover,#audience-paths{
  background-color:#06131b;
}
#discover{background-image:radial-gradient(680px 520px at 105% 4%,rgba(69,180,255,.09),transparent 70%),radial-gradient(700px 520px at 0% 100%,rgba(54,205,190,.06),transparent 70%)!important}

/* ------------------------------------------------------------ footer ---- */
.aqw-footer-groups{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px clamp(18px,3vw,48px);flex:1;max-width:820px;
  align-items:start;align-self:flex-start;
}
/* The footer row centred its children, which staggered columns of unequal length. */
footer .footer-top{align-items:flex-start!important}
.aqw-footer-group{display:flex;flex-direction:column;min-width:0}
.aqw-footer-group h3{
  margin:0 0 6px;font-size:11px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;
  color:#6ee6d6;
}
.aqw-footer-groups a{
  display:flex!important;align-items:center;min-height:44px;padding:0!important;
  color:#a9bbc5;font-size:14px;line-height:1.35;border:0!important;
}
.aqw-footer-groups a:hover{color:#fff}
.aqw-footer-groups a:before,.aqw-footer-groups a:after{display:none!important}
@media(max-width:900px){
  .aqw-footer-groups{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;width:100%}
}

/* ------------------------------------------------- one location cue ----- */
/* With the chapter bar showing the chapter and its sections, the floating
   "current section" pill in the header said the same thing a second time. */
.aqw-bar-on .header .aqw-reading-section{opacity:0!important;visibility:hidden}

/* ------------------------------------------------------------- print ---- */
@media print{
  .aqw-fold[hidden]{display:block!important;content-visibility:visible!important;height:auto;overflow:visible}
  .aqw-library-more{display:none}
}