/* Isolated round 28: hero composition, a complete overview, and distinct reading chapters. */
body[data-state=home] .intro{top:49%;transform:translateY(-50%)}
body[data-state=home] .hero-actions{position:absolute;z-index:5;left:6%;bottom:10%;margin:0;width:355px;max-width:40%;gap:12px}
body[data-state=home] .hero-actions a{font-size:16px;min-height:48px}
body:not([data-state=home]) .hero-actions{display:none}
body[data-dna-directory=true] .hero-actions{visibility:hidden;pointer-events:none}
body[data-home-top=false] .site-header .brand{display:none!important}
body[data-state=home].nav-return .site-header{height:52px;padding:0;background:transparent;backdrop-filter:none;box-shadow:none}
body[data-state=home].nav-return .site-header nav{margin-left:auto;background:#f6f5efb8;backdrop-filter:blur(8px);box-shadow:none;border-radius:0}
.team-schools{margin-top:24px}
.team-schools>p{font-size:15px;letter-spacing:.04em;margin:0 0 12px;color:var(--muted)}
.university-logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:center}
.university-logo{display:block;width:100%;aspect-ratio:var(--panel-width)/115;background-image:url('assets/team-universities-reference.png');background-size:var(--crop-size) auto;background-position:var(--crop-x) 28.279883%;background-repeat:no-repeat;outline:1px solid #c0ccc055}
.school-jhu{--panel-width:272;--crop-size:470.588235%;--crop-x:7.936508%}
.school-technion{--panel-width:273;--crop-size:468.864469%;--crop-x:36.941410%}
.school-jiangnan{--panel-width:286;--crop-size:447.552448%;--crop-x:67.002012%}
.school-wuhan{--panel-width:243;--crop-size:526.748971%;--crop-x:93.924783%}
body[data-state=product] .overview-summary{border-top:1px solid var(--line);padding-top:12px;min-width:0}
.overview-summary dl{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 14px}
.overview-summary dt{font-size:12px;color:var(--muted);margin-bottom:4px}
.overview-summary dd{font-size:15px;margin:0;overflow-wrap:anywhere}
.overview-summary h3{font-size:17px;font-weight:500;margin:0 0 8px}
.overview-summary p{font-size:15px;line-height:1.7;color:var(--ink);margin:0}
.structure-guide,.application-workflow{margin-top:30px;border-top:1px solid #bccac0;padding-top:24px}
.guide-heading>p{font-size:12px;letter-spacing:.14em;color:var(--muted);margin:0 0 10px}
.guide-heading h3{font-size:27px;line-height:1.5;font-weight:500;margin:0 0 24px}
.structure-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px}
.structure-guide-grid article,.application-guide-grid article{min-width:0;border-top:1px solid #adc2ac;padding-top:16px}
.structure-guide-grid article>span,.application-guide-grid article>span{font-size:13px;color:var(--muted)}
.structure-guide-grid h4,.application-guide-grid h4{font-size:21px;font-weight:500;margin:10px 0}
.structure-guide-grid p,.application-guide-grid p{font-size:16px;line-height:1.85;margin:0;overflow-wrap:anywhere}
.guide-source{font-size:13px;line-height:1.8;color:var(--muted);margin:24px 0 0}
.guide-source a{text-decoration:underline;text-underline-offset:4px}
.application-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body[data-state=product] #chapter-applications .product-text{grid-template-columns:1fr;padding:12px 0 8px}
body[data-state=product] #chapter-applications .product-text h3{font-size:24px;line-height:1.5;margin-bottom:14px}
body[data-state=product] #chapter-applications .product-text p{font-size:18px;line-height:1.9;max-width:48em}
.source-register{margin:26px 0 18px;padding-top:16px}
.source-register summary{font-size:15px;cursor:pointer;min-height:44px;padding:10px 0;color:var(--ink)}
.source-register summary:focus-visible{outline:2px solid #40896c;outline-offset:3px}
.source-register>div{font-size:14px}
body[data-state=product] #chapter-identity .identity-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);margin-top:20px;gap:32px}
.identity-portrait{background:transparent;padding:20px 12px}
body[data-state=product] #chapter-identity .identity-portrait img{height:245px}
body[data-state=product] #chapter-identity .identity-details dl{font-size:16px}
body[data-state=product] .reading-chapter{padding-bottom:40px;min-height:0}
@media(min-width:1000px){
 body[data-state=product] #chapter-overview{min-height:calc(100svh - 265px);padding-top:8px;padding-bottom:30px;grid-template-columns:minmax(240px,.7fr) minmax(0,1.4fr);gap:12px 28px;align-content:start}
 body[data-state=product] #chapter-overview>.chapter-heading{grid-column:1/-1;grid-row:1}
 body[data-state=product] #chapter-overview>.product-heading{grid-column:1/-1;grid-row:2;align-items:center}
 body[data-state=product] #chapter-overview>#productTags{grid-column:1/-1;grid-row:3;margin:0}
 body[data-state=product] #chapter-overview>#productDescription{grid-column:1;grid-row:4;margin:0}
 body[data-state=product] #chapter-overview>.overview-summary{grid-column:1;grid-row:5}
 body[data-state=product] #chapter-overview>.product-actions{grid-column:1;grid-row:6;margin:0}
 body[data-variant=a][data-state=product] #chapter-overview>.product-visuals{grid-column:2;grid-row:4/7;align-self:start;padding-top:0;grid-template-columns:minmax(0,1fr) minmax(115px,.65fr) minmax(0,1fr);gap:14px}
 body[data-state=product] .product #chapter-overview h2#productTitle{font-size:36px}
 body[data-state=product] #chapter-overview .product-en{font-size:14px}
 body[data-state=product] #chapter-overview .spec-bridge{padding-top:0}
 body[data-state=product] #chapter-overview .chapter-heading{margin-bottom:2px}
 body[data-state=product] #chapter-identity{padding-top:32px;min-height:0}
}
@media(min-width:1000px) and (max-height:820px){
 body[data-state=product] #chapter-overview{gap:8px 24px;min-height:calc(100svh - 265px)}
 body[data-state=product] .overview-summary{padding-top:9px}
 .overview-summary dl{margin-bottom:8px;gap:10px}
 .overview-summary p{font-size:14px;line-height:1.6}
}
@media(max-width:1100px) and (min-width:651px){
 .application-guide-grid{grid-template-columns:1fr}
 .university-logos{gap:8px}
}
@media(max-width:999px){
 body[data-state=product] #chapter-overview>.overview-summary{margin:16px 0}
}
@media(max-width:650px){
 body[data-state=home] .intro{top:30%;transform:translateY(-50%)}
 body[data-state=home] .hero-actions{left:7%;top:49%;bottom:auto;width:86%;max-width:none;gap:10px}
 body[data-state=home] .hero-actions a{width:50%;min-width:0;padding:12px;gap:12px}
 body[data-state=home].nav-return .site-header{height:auto;min-height:92px;align-content:center}
 body[data-state=home].nav-return .site-header nav{width:100%;margin:0}
 .team-schools{margin-top:22px}
 .structure-guide-grid,.application-guide-grid{grid-template-columns:1fr;gap:20px}
 .guide-heading h3{font-size:24px;margin-bottom:18px}
 body[data-state=product] #chapter-identity .identity-layout{grid-template-columns:1fr;gap:18px}
 body[data-state=product] #chapter-identity .identity-portrait img{height:210px}
 .overview-summary p{font-size:16px}
 .source-register>div{grid-template-columns:1fr;gap:6px}
}