/* V6.4 - independent homepage mobile/layout refinements */
.head{gap:18px;min-height:80px;height:auto;padding-top:12px;padding-bottom:12px}
.headlinks{margin-left:auto;display:flex;align-items:center;gap:12px;flex-wrap:nowrap}
.header-quicklinks{display:flex;align-items:center;gap:7px}
.header-quicklinks a{display:grid;place-items:center;font-size:24px;width:34px;height:36px;transition:transform .2s}
.header-quicklinks a:hover{transform:translateY(-3px)}
.headlinks #theme{flex:none;display:grid;place-items:center;background:#111216!important;color:#fff!important;border:0;border-radius:50%;width:39px;height:39px;padding:0;font-size:23px}
.header-member{margin:0!important;order:2;display:flex!important;min-width:132px;flex:none}
.headlinks #theme{order:1}.header-quicklinks{order:0}
.navinner{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:12px!important;min-height:53px!important}
.navinner .drawer-toggle{flex:none!important}
.navinner .menulogo{flex:none!important}
.nav-scroll{display:flex;flex:1;min-width:0;gap:20px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin;-webkit-overflow-scrolling:touch;align-items:center;padding:12px 2px}
.nav-scroll>a{white-space:nowrap;flex:none}
/* Keep the fixed character carousel and its animations untouched. */
#posts .postcard,#moreposts .magpost{display:flex;flex-direction:column;min-width:0}
#posts .postcard h3,#moreposts .magpost h3{line-height:1.32;min-height:2.64em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.home-excerpt{border:1px solid var(--line);padding:11px 12px;margin:9px 12px!important;line-height:1.55;min-height:96px;max-height:96px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:13px!important;color:var(--fg)!important}
.home-category{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-author{display:flex;align-items:center;gap:7px;margin:10px 12px 7px;font-size:12px;color:var(--muted);min-width:0}
.home-author img{width:28px!important;height:28px!important;object-fit:cover!important;border-radius:50%;flex:none}
.home-author span{font-weight:800;color:var(--fg)}
.home-author time{white-space:nowrap;font-size:11px}
.home-author time:before{content:'·';margin-right:7px}
.home-read-more{margin-top:auto!important;align-self:flex-start}
.footer-polished{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:16px!important}
.footer-polished .footbrand{justify-content:center;text-align:left}
.footer-polished .footlinks{justify-content:center;align-items:center}
.footer-polished .foot-social-v6{justify-content:center;align-items:center}
.footer-polished #copyright{display:block;text-align:center;width:100%}
@media(max-width:780px){
 .head{min-height:74px;gap:8px;flex-wrap:nowrap;padding:12px 0}
 .brand{font-size:23px!important;white-space:nowrap;letter-spacing:-1px}
 .brandlogo{width:30px;height:30px}
 .headlinks{gap:7px}
 .header-quicklinks{gap:1px}
 .header-quicklinks a{font-size:19px;width:24px;height:31px}
 .headlinks #theme{width:34px;height:34px;font-size:20px}
 .header-member{padding:5px 6px!important;min-width:0}
 .header-member .member-icon{width:26px!important;height:26px!important}
 .header-member b{font-size:10px!important}
 .header-member small{font-size:8px!important}
 .navinner{padding:6px 0!important;gap:8px!important;min-height:48px!important}
 .nav-scroll{gap:18px;padding:9px 0}
 .nav-scroll a{font-size:12px}
 .postgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:520px){
 .head{flex-wrap:wrap!important;justify-content:space-between;gap:7px}
 .brand{font-size:22px!important}
 .headlinks{width:100%;justify-content:flex-end;gap:10px}
 .header-quicklinks{margin-right:auto}
 .header-quicklinks a{font-size:23px;width:29px}
 .navinner .menulogo{display:none!important}
 .nav-scroll{gap:19px}
 .home-excerpt{min-height:87px;max-height:87px;-webkit-line-clamp:3;font-size:12px!important;padding:8px;margin:7px 8px!important}
 .home-author{margin:8px 7px 9px;gap:4px;font-size:11px}
 .home-author img{width:24px!important;height:24px!important}
 .home-author time{font-size:10px}
 .home-author time:before{margin-right:4px}
 #posts .postcard h3,#moreposts .magpost h3{font-size:15px}
 .footer-polished .footbrand{max-width:100%}
}
