/* The desktop journal fits its directory, previews and selected reads in one view. */
@media(min-width:1100px) and (min-height:640px){
 .jy-page:not(.jy-detail){box-sizing:border-box}
 .jy-main{box-sizing:border-box;height:calc(100dvh - var(--ui-header-height,72px));display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:8px;padding:12px 0 8px}
 .jy-directory{gap:8px}.jy-directory a{padding:5px 12px;font-size:12px;line-height:18px}
 .jy-masthead{padding:0;gap:24px}.jy-masthead h1{font-size:30px;line-height:1.15;margin:4px 0}.jy-masthead p{font-size:12px;line-height:1.6}.jy-masthead-note{padding-bottom:0}.jy-masthead-note p{font-size:13px}.jy-masthead-note span{margin-top:5px;font-size:10px}.jy-eyebrow{font-size:10px;letter-spacing:2px}
 .jy-panels{min-height:0;gap:16px}.jy-panel{display:flex;flex-direction:column;min-height:0;border-radius:16px}
 .jy-panel-heading{flex:none;padding:12px 16px 10px}.jy-panel-kicker{float:right;margin:0 0 4px 10px;gap:8px;font-size:10px}.jy-entry{font-size:10px;padding:4px 7px}.jy-panel h2{font-size:23px;line-height:1.3;margin:0 0 6px}.jy-panel-heading p{clear:both;font-size:11px;line-height:1.5;min-height:0}
 .jy-panel-content{flex:1;min-height:0;padding:0 16px 6px}
 .jy-panel-fans .jy-panel-content{display:flex;flex-direction:column}.jy-fan-item{flex:1;min-height:0;padding:7px 0;display:flex;flex-direction:column;justify-content:center}.jy-byline{font-size:10px;line-height:1.2;margin-bottom:4px}.jy-fan-item h3{font-size:16px;line-height:1.4;-webkit-line-clamp:2;margin:0 0 5px}.jy-fan-item .jy-story-link p{display:none}.jy-meta{font-size:10px;line-height:1.4;gap:4px 8px}
 .jy-panel-reading .jy-panel-content{display:flex;flex-direction:column}.jy-reading-tags{flex:none;margin:9px 0 5px;gap:6px}.jy-tag{font-size:11px;min-height:28px;padding:5px 6px}.jy-tag-description{flex:none;margin-bottom:2px!important}.jy-reading-list{flex:1;display:flex;flex-direction:column;min-height:0}.jy-reading-item{flex:1;min-height:0;padding:8px 0;gap:10px;align-content:center}.jy-reading-item.has-image{grid-template-columns:70px minmax(0,1fr)}.jy-reading-image{width:70px;height:76px}.jy-category{font-size:10px;line-height:1.3;margin-bottom:4px}.jy-reading-item h3,.jy-reading-item.text-only h3{font-size:17px;line-height:1.4;margin-bottom:4px;-webkit-line-clamp:2}.jy-reading-item .jy-story-link p,.jy-reading-item.text-only .jy-story-link p{font-size:12px;line-height:1.6;-webkit-line-clamp:2;margin-bottom:5px}
 .jy-panel-comic .jy-panel-content{display:flex}.jy-comic-feature{flex:1;min-height:0;width:100%;padding:9px 0 2px;display:flex;flex-direction:column}.jy-comic-cover{flex:1;min-height:90px;height:auto;margin-bottom:6px}.jy-comic-feature>.jy-category{flex:none;margin-bottom:4px}.jy-comic-feature>.jy-story-link{flex:none}.jy-comic-feature h3{font-size:18px;line-height:1.3;-webkit-line-clamp:2;margin-bottom:4px}.jy-comic-excerpt{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.5;margin:0 0 4px}.jy-comic-pages{flex:none;margin:4px 0 6px;gap:8px}.jy-comic-pages a{flex-basis:56px;height:42px}.jy-comic-feature>.jy-meta{flex:none}
 .jy-picks{grid-template-columns:125px minmax(0,1fr);gap:16px;margin:0;padding:12px 16px;border-radius:14px;min-height:0}.jy-picks-heading h2{font-size:22px;line-height:1.3;margin:5px 0 0}.jy-picks-heading p{display:none}.jy-picks-grid{gap:12px}.jy-pick{padding-left:12px}.jy-pick-link{gap:9px}.jy-pick-link>div{min-width:0}.jy-pick-link img{width:46px;height:62px}.jy-pick h3{font-size:13px;line-height:1.4;-webkit-line-clamp:2;margin-bottom:4px}.jy-pick .jy-category{margin-bottom:3px}.jy-pick-date{font-size:10px}.jy-footer{padding:0;font-size:9px;line-height:1.4}
}
@media(min-width:1100px) and (min-height:640px) and (max-height:740px){
 .jy-fan-item h3{-webkit-line-clamp:1}
 .jy-reading-item .jy-story-link p,.jy-reading-item.text-only .jy-story-link p{-webkit-line-clamp:1}
 .jy-panel h2{font-size:21px}.jy-panel-kicker{gap:5px;margin-left:6px}.jy-entry{padding:4px 5px}
 .jy-reading-item.has-image{grid-template-columns:60px minmax(0,1fr)}.jy-reading-image{width:60px;height:66px}
}

/* Keep the news-section directory visible below the site header. */
#app nav[aria-label="屿你动态栏目"]{position:sticky!important;top:var(--ui-header-height,64px)!important;z-index:80!important;padding-top:10px!important;padding-bottom:10px!important;background:transparent!important;backdrop-filter:none;display:flex;gap:8px;flex-wrap:wrap}

/* Leave room for the sticky directory before the section heading. */
#app nav[aria-label="屿你动态栏目"]{margin-bottom:18px!important;border:0!important;box-shadow:none!important;flex-shrink:0}
#app nav[aria-label="屿你动态栏目"]+header,
#app nav[aria-label="屿你动态栏目"]+.ui-page-heading{margin-top:0!important;padding-top:12px!important}
#app nav[aria-label="屿你动态栏目"]+.jy-column-heading{margin-top:32px!important;padding-top:24px!important}

/* Article return action sits at the right edge, below the directory. */
#app .jy-detail .add1-article-back{display:flex!important;flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:12px;margin:32px 0 16px!important;padding:0!important}
#app .jy-detail .add1-article-back>.button{flex:none}

#app .jy-detail nav[aria-label="屿你动态栏目"]:has(.jy-directory-return){width:100%!important;align-self:stretch!important;align-items:center;margin-bottom:16px!important}
#app .jy-detail nav[aria-label="屿你动态栏目"]>.jy-directory-return{margin-left:auto!important}