/* HelloWorld blue/white edition system; original illustration and business typography retained. */
.hw-edition{--hw-blue:#025bf8;--hw-ink:#01101f;--hw-muted:#4e5969;--hw-line:#ccdaf0;background:#fff;color:var(--hw-ink)}
.hw-edition-hero{position:relative;isolation:isolate;max-width:1440px;margin:auto;padding:64px 48px;background:#f0f6ff}
.hw-hero-copy{position:relative;z-index:1;min-width:0}
.hw-edition-hero h1{font-size:clamp(32px,4.4vw,62px)!important;line-height:1.22!important;margin:0!important;padding:0!important;color:var(--hw-blue);font-weight:700;text-wrap:balance}
.hw-edition-hero .sub-title{font-size:18px!important;line-height:1.85!important;color:var(--hw-muted);font-weight:400;margin:24px 0!important;padding:0!important;max-width:58ch}
.hw-edition-hero .header-btn{margin:26px 0 0!important;padding:0!important}
.hw-edition-hero .header-btn a{font-size:20px;min-height:52px;min-width:210px;padding:14px 32px;max-width:100%;border:0;background:var(--hw-blue);color:#fff;border-radius:32px}
.hw-hero-scene{margin:0;min-width:0;overflow:hidden}
.hw-hero-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hw-platform-strip{display:block;width:min(950px,100%);height:auto;max-width:100%;margin:0 auto}
.hw-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:12px 0;margin:0 0 24px;border-bottom:1px solid var(--hw-line)}
.hw-tabs button{border:1px solid var(--hw-line);background:#fff;color:var(--hw-muted);font:600 17px/1.5 Arial,"PingFang SC",sans-serif;padding:12px 24px;border-radius:8px;cursor:pointer}
.hw-tabs button[aria-selected=true]{background:var(--hw-blue);color:#fff;border-color:var(--hw-blue)}
.hw-tabs button:hover{background:#e8f0ff;color:#0143bc}.hw-tabs button[aria-selected=true]:hover{background:#0143bc;color:#fff}
.hw-edition [hidden]{display:none!important}
.hw-edition button:focus-visible,.hw-edition a:focus-visible,.hw-edition summary:focus-visible,.hw-table-scroll:focus-visible{outline:3px solid var(--hw-blue);outline-offset:4px}
.hw-edition #product [data-hw-tabs],.hw-guide,.hw-feature-stack{width:min(1200px,calc(100% - 48px));margin:40px auto}
.hw-edition #product [role=tabpanel]>.left,.hw-edition #product [role=tabpanel]>.right,.hw-edition #product .hw-feature-row>.left,.hw-edition #product .hw-feature-row>.right,.hw-feature-detail>.left,.hw-feature-detail>.right{padding:24px 0!important}
.hw-edition #product .hw-feature-row .img,.hw-edition #product [role=tabpanel]>.left>.img,.hw-edition #product [role=tabpanel]>.right>.img,.hw-feature-detail .img{width:100%!important;margin:0!important}
.hw-edition #product .media-image{height:auto!important;max-width:100%}
.hw-edition #product .media-image img{height:auto!important}
.hw-edition .single-nav .brand img{width:185px}
.hw-edition .banner{scroll-margin-top:84px}
.hw-scenario-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:min(1200px,calc(100% - 48px));margin:44px auto;border-top:1px solid var(--hw-line);border-bottom:1px solid var(--hw-line)}
.hw-scenario-nav a{padding:24px 18px;color:var(--hw-blue);font-size:18px;text-decoration:none;text-align:center}
.hw-scenario-nav a+a{border-left:1px solid var(--hw-line)}
.hw-guide{display:grid;grid-template-columns:180px minmax(0,1fr);gap:40px;align-items:start}
.hw-guide>nav{position:sticky;top:110px;display:grid;gap:8px}
.hw-guide>nav a{padding:14px 12px;border-bottom:1px solid var(--hw-line);color:var(--hw-blue);text-decoration:none}
.hw-feature-detail{border-top:1px solid var(--hw-line);padding:20px 0;scroll-margin-top:100px}
.hw-feature-detail>summary{font-size:24px;line-height:1.5;cursor:pointer;font-weight:600;color:var(--hw-blue);padding:0 0 20px}
.hw-home-details .content{padding-top:0!important;margin:0!important}
.hw-plan-comparison{width:min(1200px,calc(100% - 48px));margin:60px auto}
.hw-table-scroll{overflow:auto;background:#fff;border:1px solid var(--hw-line);border-radius:12px}
.hw-table-scroll table{border-collapse:collapse;min-width:700px;width:100%;font-size:17px;line-height:1.8;text-align:left}
.hw-table-scroll caption{font-size:30px;font-weight:600;text-align:left;padding:22px;color:var(--hw-ink)}
.hw-table-scroll th,.hw-table-scroll td{padding:20px 24px;border-top:1px solid var(--hw-line);vertical-align:top;white-space:normal}
.hw-table-scroll thead th{color:var(--hw-blue);background:#edf4ff;font-size:21px}.hw-table-scroll tbody th{width:140px;font-weight:500}
.hw-table-scroll a{color:var(--hw-blue);display:inline-block;padding:8px 0}
.hw-table-scroll tr:nth-child(1) td{font-size:28px;color:var(--hw-blue);font-weight:600;font-variant-numeric:tabular-nums}
.hw-plan-details{margin-top:28px;border-bottom:1px solid var(--hw-line);padding:18px 0}
.hw-plan-details summary{cursor:pointer;font-size:20px;color:var(--hw-blue);padding:10px 0}
.hw-edition #pricing .hw-plan-details>.content{margin:24px 0 0!important}
.hw-edition #pricing .hw-plan-details .img{width:100%!important;margin:0!important}
.hw-client-selector{max-width:850px;margin:0 auto 48px}
.hw-client-selector .hw-tabs{justify-content:center}
.hw-edition #downloads .hw-client-selector .card{max-width:700px;width:100%;height:auto!important;min-height:260px;margin:0 auto!important;padding-bottom:24px}
.hw-edition #downloads .hw-client-selector .card-btn{width:240px;max-width:100%}
.hw-feature-stack .hw-feature-row{border-top:1px solid var(--hw-line);padding:24px 0}
.hw-feature-stack .hw-feature-row:last-child{border-bottom:1px solid var(--hw-line)}
@media(max-width:768px){
 .hw-edition-hero{padding:36px 20px!important;display:flex!important;flex-direction:column;gap:26px!important}
 .hw-hero-copy{width:100%}.hw-edition-hero h1{font-size:34px!important}.hw-edition-hero .sub-title{font-size:16px!important;margin:20px 0!important}
 .hw-edition-hero .header-btn{margin-top:20px!important}.hw-edition-hero .header-btn a{font-size:17px;min-height:48px}
 .hw-hero-scene{width:100%;height:240px!important;position:static!important;inset:auto!important;order:1}.hw-platform-strip{order:2;position:static!important;transform:none!important;margin:0 auto!important;width:100%!important;grid-column:auto!important}
 .hw-edition .single-nav .brand img{width:140px}.hw-edition .single-nav{padding-inline:12px}
 .hw-scenario-nav{width:calc(100% - 36px);grid-template-columns:1fr;margin:28px auto}.hw-scenario-nav a{padding:16px;font-size:16px}.hw-scenario-nav a+a{border-left:0;border-top:1px solid var(--hw-line)}
 .hw-edition #product [data-hw-tabs],.hw-guide,.hw-feature-stack{width:calc(100% - 36px);margin:24px auto}
 .hw-tabs{gap:6px}.hw-tabs button{padding:10px 12px;font-size:15px;flex:1;white-space:nowrap}
 .hw-guide{display:block}.hw-guide>nav{position:static;display:flex;gap:10px;margin-bottom:24px;overflow:auto}.hw-guide>nav a{white-space:nowrap;padding:12px 8px;font-size:15px}
 .hw-feature-detail>summary{font-size:22px}.hw-feature-detail .el-row{margin:0!important}.hw-feature-detail .el-col{padding:0!important}
 .hw-plan-comparison{width:calc(100% - 36px);margin:32px auto}.hw-table-scroll table{font-size:15px}.hw-table-scroll th,.hw-table-scroll td{padding:16px}.hw-table-scroll caption{font-size:25px}.hw-client-selector .hw-tabs button{padding:10px 8px}
 .hw-home-details .content>.img{width:calc(100% - 36px)!important;margin:auto!important}
}
@media(prefers-reduced-motion:reduce){.hw-edition *{scroll-behavior:auto!important}}
/* Secondary home material retains the same fluid bounds after moving to its own section. */
.hw-home-details .content .img{width:min(1200px,calc(100% - 48px))!important;margin-inline:auto!important}

.hw-reading .hw-edition-hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:54px;align-items:center;background:#fff;padding-top:54px}
.hw-reading .hw-hero-copy{grid-column:2;grid-row:1}.hw-reading .hw-hero-scene{grid-column:1;grid-row:1;height:480px;border-radius:14px}.hw-reading .hw-platform-strip{grid-column:1/-1}
.hw-reading #home>.merged-page{background:#fff}
body.hw-reading{display:block}.hw-reading .hw-edition-hero h1{font-size:clamp(32px,4vw,58px)!important}
/* The guide layout is scoped to the directory, rather than all page descendants. */
.hw-edition>.hw-guide{display:block}
@media(max-width:768px){.hw-reading .hw-hero-copy{order:0}.hw-reading .hw-hero-scene{order:1}}