/* Selected blue-and-white reference, scoped exclusively to the homepage. */
#app .ui-home.he-home{--he-ink:#123f5c;--he-muted:#56758d;--he-rule:#dce6ec;background:#fff!important;min-height:100dvh}
#app .ui-home.he-home:before{display:block!important;content:''!important;position:absolute;inset:auto 0 0;height:150px;background:url('/experience/home-editorial-paper.webp') center bottom/100% auto no-repeat;opacity:.65;pointer-events:none}
#app .ui-home.he-home .ui-main{width:91.5%!important;max-width:1800px!important;margin-inline:auto!important;padding:34px 0 16px!important;min-height:0!important;gap:30px 0!important;grid-template-columns:repeat(100,minmax(0,1fr))!important}
#app .ui-home.he-home .ui-home-intro{grid-column:1/38!important;grid-row:1;min-height:420px!important;padding:0 16px 42px 0!important;isolation:isolate;overflow:hidden}
#app .ui-home.he-home .ui-home-intro>small:first-child{display:block;font-size:14px!important;line-height:1.5;margin:0 0 14px!important;color:#5c7b91}
#app .ui-home.he-home .ui-home-intro h1{font-size:clamp(35px,3.45vw,64px)!important;line-height:1.3!important;letter-spacing:0!important;font-weight:600!important;margin:0 0 18px!important}
#app .ui-home.he-home .ui-home-intro>p{font-size:clamp(18px,1.45vw,25px)!important;line-height:1.55!important;margin:0 0 24px!important}
#app .ui-home.he-home .ui-home-join{font-size:clamp(16px,1.2vw,21px)!important;min-height:50px!important;padding:10px 24px!important;background:#164f73!important;border-color:#164f73!important;border-radius:6px!important;margin-bottom:9px!important}
#app .ui-home.he-home .ui-home-join+small{font-size:13px!important;line-height:1.6!important}
#app .ui-home.he-home .he-mascot{display:block;position:absolute;right:0;bottom:-4px;width:100%;height:auto;z-index:-1;pointer-events:none}
#app .ui-home.he-home .ui-home-entries{grid-column:39/74!important;grid-row:1;gap:18px!important;grid-template-rows:repeat(2,minmax(0,1fr))!important}
#app .ui-home.he-home .ui-home-entry{justify-content:flex-start!important;min-height:185px!important;padding:18px 18px 68px!important;background:#f3f7f8!important;border:0!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden}
#app .ui-home.he-home .ui-home-entry:before{display:none!important}
#app .ui-home.he-home .ui-home-entry small{font-size:12px!important;color:#66899e;margin:0 0 10px!important}
#app .ui-home.he-home .ui-home-entry h2{font-family:'Noto Sans SC',sans-serif!important;font-weight:600!important;font-size:clamp(23px,1.65vw,30px)!important;line-height:1.4!important;margin:0 0 5px!important}
#app .ui-home.he-home .ui-home-entry p{font-size:clamp(13px,.95vw,17px)!important;line-height:1.6!important;margin:0!important}
#app .ui-home.he-home .he-entry-art{display:block;position:absolute;inset:auto 0 0;width:100%;height:66px!important;max-width:none;max-height:none;object-fit:cover;object-position:center bottom;mask-image:none!important;z-index:-1;border-radius:0}
#app .ui-home.he-home .ui-home-entry>.he-entry-arrow{display:block;position:absolute;right:18px;top:18px;color:#285e7f;font-size:18px}
#app .ui-home.he-home .ui-home-entry:hover{box-shadow:0 0 0 1px #aac2d0 inset!important}
#app .ui-home.he-home .hf-updates{grid-column:76/101!important;grid-row:1;padding:0 0 0 22px!important;border:0!important;border-left:1px solid var(--he-rule)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#app .ui-home.he-home .he-updates-heading{padding:0 0 14px!important;margin:0!important;border-bottom:1px solid var(--he-rule)}
#app .ui-home.he-home :is(.hf-updates h2,.ui-story-heading h2,.ui-notice-heading h2){font-family:'Noto Serif SC',serif!important;font-size:clamp(28px,2.2vw,38px)!important;line-height:1.4!important;font-weight:600!important}
#app .ui-home.he-home :is(.he-more,.he-notice-all,.jy-home-open){font-size:14px!important}
#app .ui-home.he-home .hf-release-list{display:flex;flex-direction:column;flex:1}
#app .ui-home.he-home .hf-release{flex:1;min-height:85px!important;padding:6px 0!important;gap:2px 12px!important;align-content:center;grid-template-columns:1fr auto!important}
#app .ui-home.he-home .hf-release-tag{font-size:11px!important;line-height:1.5!important;padding:1px 7px}
#app .ui-home.he-home .hf-release-name{font-size:16px!important;line-height:1.45!important;font-weight:500!important}
#app .ui-home.he-home .hf-release-summary{font-size:12px!important;line-height:1.45!important;margin-top:3px;-webkit-line-clamp:2}
#app .ui-home.he-home .hf-release-thumbnail{width:72px;height:48px}
#app .ui-home.he-home .ui-home-stories{grid-column:1/65!important;grid-row:2;padding:24px 0 0!important;border:0!important;border-top:1px solid var(--he-rule)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#app .ui-home.he-home .ui-story-heading{gap:24px!important;margin-bottom:22px!important}
#app .ui-home.he-home .ui-story-heading p{font-size:14px!important;color:#5d7d93}
#app .ui-home.he-home .ui-home-story-grid{gap:0!important}
#app .ui-home.he-home .ui-home-story,#app .ui-home.he-home .ui-home-story:first-child,#app .ui-home.he-home .ui-home-story:last-child{padding:0 20px!important;border:0!important;border-left:1px solid var(--he-rule)!important;border-radius:0!important;background:transparent!important}
#app .ui-home.he-home .ui-home-story:first-child{padding-left:0!important;border-left:0!important}
#app .ui-home.he-home .ui-home-story:last-child{padding-right:0!important}
#app .ui-home.he-home .ui-home-story h3{font-size:20px!important;line-height:1.45!important;font-weight:500!important;margin-bottom:14px!important}
#app .ui-home.he-home .ui-home-story .hf-story-title{font-size:clamp(19px,1.4vw,24px)!important;line-height:1.5!important;font-weight:600!important;margin-bottom:18px!important;-webkit-line-clamp:3}
#app .ui-home.he-home .ui-home-story .hf-story-excerpt{font-size:16px!important;line-height:1.8!important;margin-bottom:0!important;-webkit-line-clamp:4}
#app .ui-home.he-home .hf-comic-thumbnails{gap:8px!important;margin:0!important}
#app .ui-home.he-home .hf-comic-thumbnails .hf-comic-thumbnail{max-height:210px!important}
#app .ui-home.he-home .ui-home-notice{grid-column:67/101!important;grid-row:2;padding:24px 0 0 24px!important;border:0!important;border-top:1px solid var(--he-rule)!important;border-left:1px solid var(--he-rule)!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;gap:22px!important}
#app .ui-home.he-home .ui-home-notice .ui-notice-record{padding:0!important;grid-template-columns:42% minmax(0,1fr)!important;gap:12px 20px!important;background:transparent!important;border-radius:0!important;align-content:start}
#app .ui-home.he-home .ui-home-notice .ref-home-poster img{max-height:275px!important}
#app .ui-home.he-home .ui-home-notice .ref-home-event-copy h3{font-size:clamp(25px,1.8vw,32px)!important;line-height:1.4!important}
#app .ui-home.he-home .ui-home-notice .ref-home-event-copy p{font-size:15px!important;line-height:1.75!important}
#app .ui-home.he-home .ui-home-notice .ref-home-activity-summary{font-size:15px!important;line-height:1.75!important}
#app .ui-home.he-home .ui-home-notice .ui-notice-link{font-size:14px!important;padding:8px 16px!important}
#app .ui-home.he-home .ui-home-footer{padding-top:14px!important;min-height:34px!important}
@media(min-width:1101px){
 #app .ui-home.he-home{--ui-header-height:70px}
 #app .ui-home.he-home .ui-header .brand b{font-size:27px!important}
 #app .ui-home.he-home .ui-header .brand small{font-size:10px!important}
 #app .ui-home.he-home .ui-header .main-nav>a,#app .ui-home.he-home .ui-header .ui-nav-group>a{font-size:16px!important}
}
@media(min-width:851px) and (max-width:1200px){
 #app .ui-home.he-home .ui-main{width:94%!important}
 #app .ui-home.he-home .ui-home-intro h1{font-size:3.4vw!important}
 #app .ui-home.he-home .ui-home-intro{min-height:410px!important}
 #app .ui-home.he-home .ui-home-entry{padding:15px 12px 80px!important}
 #app .ui-home.he-home .ui-home-entry h2{font-size:22px!important}
 #app .ui-home.he-home .ui-home-entry p{font-size:13px!important}
 #app .ui-home.he-home .hf-updates{padding-left:14px!important}
 #app .ui-home.he-home .ui-story-heading p{display:none!important}
 #app .ui-home.he-home .ui-home-story{padding-inline:14px!important}
 #app .ui-home.he-home .ui-home-story .hf-story-excerpt{font-size:14px!important}
 #app .ui-home.he-home .ui-home-notice{padding-left:16px!important}
}
@media(max-width:850px){
 #app .ui-home.he-home .ui-main{width:91%!important;grid-template-columns:minmax(0,1fr)!important;gap:28px!important;padding-top:24px!important}
 #app .ui-home.he-home :is(.ui-home-intro,.ui-home-entries,.hf-updates,.ui-home-stories,.ui-home-notice){grid-column:1!important}
 #app .ui-home.he-home .ui-home-intro{grid-row:1;min-height:410px!important;padding:0 0 100px!important}
 #app .ui-home.he-home .ui-home-intro h1{font-size:clamp(30px,6.8vw,47px)!important}
 #app .ui-home.he-home .ui-home-intro>p{font-size:18px!important}
 #app .ui-home.he-home .he-mascot{max-width:500px}
 #app .ui-home.he-home .ui-home-entries{grid-row:2;gap:12px!important}
 #app .ui-home.he-home .ui-home-entry{min-height:190px!important;padding:14px 12px 72px!important}
 #app .ui-home.he-home .ui-home-entry h2{font-size:22px!important}
 #app .ui-home.he-home .ui-home-entry p{font-size:13px!important}
 #app .ui-home.he-home .hf-updates{grid-row:3;border-left:0!important;padding:0!important}
 #app .ui-home.he-home .hf-release{min-height:100px!important}
 #app .ui-home.he-home .hf-release-name{font-size:18px!important}
 #app .ui-home.he-home .hf-release-summary{font-size:14px!important}
 #app .ui-home.he-home .ui-home-stories{grid-row:4}
 #app .ui-home.he-home .ui-story-heading{gap:12px!important}
 #app .ui-home.he-home .ui-story-heading p{display:none!important}
 #app .ui-home.he-home .ui-home-story-grid{gap:24px!important}
 #app .ui-home.he-home .ui-home-story,#app .ui-home.he-home .ui-home-story:first-child,#app .ui-home.he-home .ui-home-story:last-child{padding:0 0 22px!important;border-left:0!important;border-bottom:1px solid var(--he-rule)!important}
 #app .ui-home.he-home .ui-home-story .hf-story-title{font-size:23px!important}
 #app .ui-home.he-home .ui-home-notice{grid-row:5;border-left:0!important;padding:24px 0 0!important}
 #app .ui-home.he-home .ui-home-notice .ui-notice-record{gap:12px 16px!important;grid-template-columns:37% minmax(0,1fr)!important}
 #app .ui-home.he-home .ui-home-notice .ref-home-event-copy p,#app .ui-home.he-home .ui-home-notice .ref-home-activity-summary{font-size:13px!important}
 #app .ui-home.he-home .ui-home-footer{grid-column:1!important;grid-row:6}
}




/* Quiet canvas background, anchored beneath the homepage content. */
#app .ui-home.he-home{background-color:#fdfcfb!important;background-image:linear-gradient(rgba(255,255,255,.42),rgba(255,255,255,.42)),url('/experience/home-blue-horizon.png')!important;background-position:center bottom!important;background-size:100% 100%,100% auto!important;background-repeat:no-repeat!important}
#app .ui-home.he-home:before{display:none!important;content:none!important}
@media(max-width:850px){#app .ui-home.he-home{background-size:100% 100%,auto 420px!important}}


/* Clear, independent journal section buttons. */
#app .ui-home.he-home .ui-home-story h3{font-size:clamp(22px,1.6vw,26px)!important;font-weight:600!important;line-height:1.4!important;margin:0 0 18px!important;max-width:100%}
#app .ui-home.he-home .ui-home-story{--column-ink:#94524f;--column-paper:#faeae6;--column-border:#d9b2aa}
#app .ui-home.he-home .ui-home-story-island{--column-ink:#2d6885;--column-paper:#e8f2f7;--column-border:#a9c8d9}
#app .ui-home.he-home .ui-home-story-psychology{--column-ink:#47765c;--column-paper:#eaf1e7;--column-border:#afc7af}
#app .ui-home.he-home .hf-column-link{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:46px;padding:8px 12px;border:1px solid var(--column-border);border-radius:7px;background:var(--column-paper);color:var(--column-ink)!important;font:inherit;font-weight:600;text-decoration:none;box-shadow:0 2px 3px #2549600b;transition:box-shadow .15s,filter .15s}
#app .ui-home.he-home .hf-column-link:hover{filter:brightness(.97);box-shadow:0 3px 7px #25496018;text-decoration:none}
#app .ui-home.he-home .hf-column-link:focus-visible{outline:2px solid var(--column-ink);outline-offset:3px}
#app .ui-home.he-home .hf-story-article{display:block;width:100%;color:inherit;text-decoration:none}
#app .ui-home.he-home .hf-story-article:hover .hf-story-title{text-decoration:underline;text-underline-offset:4px}

/* Keep the homepage overview stable as new releases arrive. */
@media(min-width:851px){
 #app .ui-home.he-home .ui-home-entries{height:420px;align-self:start}
 #app .ui-home.he-home .hf-updates{height:420px;min-height:0;align-self:start}
 #app .ui-home.he-home .hf-release-list{min-height:0;overflow:hidden}
 #app .ui-home.he-home .hf-release{flex:1 1 0;min-height:0!important}
}

/* Anchor the existing blue watercolor to the viewport while scrolling. */
#app .ui-home.he-home{background-attachment:fixed!important}