@charset "utf-8";
/*
Theme Name: manga-mill
Theme URI: https://manga-mill.com
Description: えろまんがみる カスタムテーマ v2
Version: 2.0
Author: manga-mill
Author URI: https://manga-mill.com
*/

/* ===== RESET ===== */
*{margin:0;padding:0;box-sizing:border-box}
a{text-decoration:none;color:inherit}
ul,ol,li{list-style:none}
img{vertical-align:middle;max-width:100%}
h1,h2,h3,h4,h5,h6{font-weight:700}
input[type="text"],input[type="number"],textarea{font-size:16px!important}

/* ===== VARIABLES ===== */
:root{
  --main:#f97316;
  --main-hover:#ea580c;
  --main-light:#fff7ed;
  --main-pale:#fef3e2;
  --accent:#84cc16;
  --accent-light:#f0fdf4;
  --doujin:#f87171;
  --doujin-light:#fef2f2;
  --ranking:#f84a95;
  --link:#1ba1e3;
  --text:#1e293b;
  --text-sub:#64748b;
  --text-muted:#94a3b8;
  --bg:#f8fafc;
  --surface:#fff;
  --border:#e2e8f0;
  --border-light:#f1f5f9;
  --r:12px;
  --r-sm:8px;
  --r-pill:100px;
  --shadow-sm:0 1px 3px rgba(0,0,0,.05);
  --shadow-md:0 4px 12px rgba(0,0,0,.07);
  --shadow-hover:0 8px 24px rgba(249,115,22,.12);
  --tr:.2s ease;
}

html{
  font-family:-apple-system,BlinkMacSystemFont,'Hiragino Sans','Hiragino Kaku Gothic ProN',
    'Yu Gothic Medium',YuGothic,'メイリオ',Meiryo,sans-serif;
  font-size:14px;line-height:1.6;color:var(--text);background:var(--bg);
  -webkit-font-smoothing:antialiased;
}
body{margin:0;padding:0}

.mobileonly{display:none}
@media(max-width:767px){.mobileonly{display:block}}
.pconly{display:none}
@media(min-width:768px){.pconly{display:block}}

/* ===== HEADER ===== */
#header{
  position:fixed;top:0;left:0;right:0;z-index:100;
  height:56px;
  background:rgba(249,115,22,.95);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  display:flex;align-items:center;justify-content:space-between;
  padding:0 16px;
  box-shadow:0 2px 16px rgba(249,115,22,.15);
}
@media(min-width:768px){
  #header{height:64px;padding:0 24px}
}

.logo{padding:0}
.logo a{display:block}
.logo a img{height:28px;width:auto;display:block;filter:brightness(0) invert(1)}
@media(min-width:768px){.logo a img{height:34px}}

.header-actions{display:flex;align-items:center;gap:8px}
.header-search-btn{
  display:flex;align-items:center;gap:6px;
  padding:7px 14px;
  background:rgba(255,255,255,.2);border:none;border-radius:var(--r-pill);
  font-size:12px;color:rgba(255,255,255,.8);cursor:pointer;transition:var(--tr);
}
.header-search-btn:hover{background:rgba(255,255,255,.3)}
.header-search-btn .material-icons{font-size:18px;color:rgba(255,255,255,.9)}
.header-search-btn span{display:none}
@media(min-width:768px){.header-search-btn span{display:inline}}

.hamburger-menu{position:relative}
.hamburger-menu .menu-open{
  display:flex;align-items:center;justify-content:center;
  width:40px;height:40px;cursor:pointer;
}
.hamburger-menu .menu-open::before{
  content:"\e5d2";font-family:Material Icons;font-size:28px;color:#fff;
}

/* menu (slide-in) */
.menu{position:fixed;top:0;right:0;z-index:200}
.menu.showing{width:100%;height:100vh}
.menu-container{
  display:none;width:80%;max-width:360px;height:100vh;
  background:var(--surface);position:fixed;top:0;right:0;z-index:202;
  overflow-y:auto;box-shadow:-4px 0 24px rgba(0,0,0,.1);
}
.showing .menu-container{display:block}
.menu-close{
  position:absolute;top:12px;right:12px;width:40px;height:40px;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
}
.menu-close::before{content:"\e5cd";font-family:Material Icons;font-size:28px;color:var(--text-sub)}
.menu-inner{padding:60px 0 80px}
.menu-inner .search{padding:0 20px 20px}
.menu-inner .search-form{position:relative}
.menu-inner .search-input{
  width:100%;height:44px;padding:0 12px 0 44px;
  border:1px solid var(--border);border-radius:var(--r-sm);
  font-size:15px;background:var(--bg);
}
.menu-inner .search-input:focus{outline:none;border-color:var(--main)}
.menu-inner .search-button{
  position:absolute;top:2px;left:4px;width:40px;height:40px;
  border:none;background:none;cursor:pointer;
}
.menu-inner .search-button::before{content:"\e8b6";font-family:Material Icons;font-size:22px;color:var(--text-muted)}
.menu-list li a{
  display:flex;align-items:center;gap:8px;
  padding:14px 20px;font-size:15px;font-weight:600;color:var(--text);
  border-bottom:1px solid var(--border-light);transition:var(--tr);
}
.menu-list li a:hover{background:var(--main-light);color:var(--main)}
.nav-background{display:none}
.showing .nav-background{
  display:block;position:fixed;top:0;left:0;width:100%;height:100vh;
  background:rgba(0,0,0,.4);z-index:201;
}

/* ===== LAYOUT ===== */
#content{
  display:flex;flex-direction:column;
  margin-top:56px;max-width:1200px;margin-left:auto;margin-right:auto;
}
@media(min-width:768px){#content{margin-top:64px}}
@media(min-width:1024px){
  #content{flex-direction:row;gap:28px;padding:0 24px}
  #main{width:calc(100% - 320px)}
  #sidebar{width:320px}
}

#main{width:100%;padding:0 0 40px}
#sidebar{width:100%;padding:0 16px 40px}
@media(min-width:1024px){#sidebar{padding:0 0 40px}}

/* ===== HERO / OVERVIEW ===== */
#overview{
  background:linear-gradient(135deg,#f97316 0%,#fb923c 50%,#fdba74 100%);
  padding:28px 16px 20px;color:#fff;position:relative;overflow:hidden;
}
#overview::before{
  content:'';position:absolute;top:-60%;right:-15%;
  width:280px;height:280px;
  background:radial-gradient(circle,rgba(255,255,255,.12) 0%,transparent 70%);
  border-radius:50%;pointer-events:none;
}
.overview-header h1{font-size:15px;font-weight:800;margin-bottom:4px;text-shadow:0 1px 4px rgba(0,0,0,.1)}
.overview-content p{font-size:12px;opacity:.85;line-height:1.7;position:relative}
@media(min-width:768px){
  #overview{padding:36px 24px 28px}
  .overview-header h1{font-size:18px}
  .overview-content p{font-size:13px}
}
@media(min-width:1024px){
  #overview{border-radius:0 0 var(--r) var(--r);margin:0}
}

/* ===== POPULAR GENRE NAV ===== */
#popular-genre{
  padding:12px 16px;overflow-x:auto;scrollbar-width:none;
  background:var(--surface);border-bottom:1px solid var(--border);
}
#popular-genre::-webkit-scrollbar{display:none}
.popular-item{display:flex;gap:8px;min-width:max-content}
.popular-item li a{
  display:block;padding:6px 14px;border-radius:var(--r-pill);
  font-size:12px;font-weight:600;white-space:nowrap;
  background:var(--bg);border:1px solid var(--border);
  color:var(--text-sub);transition:var(--tr);
}
.popular-item li:first-child a{background:var(--main);color:#fff;border-color:var(--main)}
.popular-item li a:hover{
  background:var(--main);color:#fff;border-color:var(--main);
  box-shadow:0 2px 8px rgba(249,115,22,.25);
}
@media(min-width:768px){#popular-genre{padding:14px 24px}}
@media(min-width:1024px){
  #popular-genre{border-radius:var(--r);border:1px solid var(--border);margin-top:16px}
}

/* ===== SECTION COMMON ===== */
.section-pad{padding:24px 16px}
@media(min-width:768px){.section-pad{padding:32px 24px}}
@media(min-width:1024px){.section-pad{padding:32px 0}}

.article-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.article-list-header h2{
  font-size:18px;font-weight:800;color:var(--text);
  display:flex;align-items:center;gap:8px;
}
.article-list-header h2::before{
  content:'';display:block;width:4px;height:20px;
  background:var(--main);border-radius:2px;
}
.section-more{
  font-size:12px;color:var(--text-muted);font-weight:600;
  display:flex;align-items:center;gap:2px;transition:var(--tr);
}
.section-more:hover{color:var(--main)}
.section-more .material-icons{font-size:16px}

/* ===== CARD GRID ===== */
.article-list{
  display:grid!important;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
@media(min-width:768px){
  .article-list{grid-template-columns:repeat(5,1fr)!important;gap:12px}
}

/* ===== CARD ===== */
.article-list-item{
  width:auto!important;flex:none!important;
  position:relative;border-radius:var(--r-sm);overflow:hidden;
  background:var(--surface);border:1px solid var(--border-light);
  transition:.25s ease;
}
.article-list-item:hover{
  border-color:var(--main);
  box-shadow:var(--shadow-hover);
  transform:translateY(-3px);
}
.article-list-item .thumbnail{
  width:100%;aspect-ratio:182/257;overflow:hidden;background:#f1f5f9;
  margin:0;
}
.article-list-item .thumbnail img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .35s ease;
}
.article-list-item:hover .thumbnail img{transform:scale(1.04)}
.article-list-item .thumbnail::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:30%;
  background:linear-gradient(transparent,rgba(0,0,0,.03));pointer-events:none;
}
.article-list-item .title a{display:block;padding:8px 8px 4px}
.article-list-item .title span{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;font-size:12px;font-weight:600;line-height:1.4;
  color:var(--text);height:2.8em;
}
.article-list-item .category{margin:0;padding:0}
.article-list-item .category a{
  position:absolute;top:0;left:0;z-index:2;
  display:block;padding:3px 10px;
  font-size:10px;font-weight:700;color:#fff;
  line-height:1.4;
}
.article-list-item .category a[href*="doujinshi"]{background:var(--doujin)}
.article-list-item .category a[href*="manga"]{background:var(--accent)}
.article-list-item .view{
  position:static;padding:0 8px;
  font-size:11px;color:var(--text-muted);font-weight:600;
}
.article-list-item .favorite{
  display:flex;align-items:center;justify-content:flex-end;
  gap:2px;padding:0 8px 8px;
}
.article-list-item .favorite a{font-size:14px;color:var(--text-muted);cursor:pointer}
.article-list-item .favorite .favorited{color:#f84a95}
.article-list-item .favorite .count{font-size:11px;color:var(--text-muted)}

.article-list-item .card-meta{
  display:flex;align-items:center;justify-content:space-between;
  padding:0 8px 8px;font-size:11px;color:var(--text-muted);
}

/* ===== SHOW MORE / FOOTER BUTTONS ===== */
.article-list-footer,.ranking-list-footer{padding:20px 0 0}
.show-more a,.article-list-footer .show-more a,.ranking-list-footer .show-more a{
  display:block;text-align:center;padding:12px 0;
  border:1px solid var(--border);border-radius:var(--r-pill);
  font-size:13px;font-weight:600;color:var(--text-sub);
  background:var(--surface);transition:var(--tr);
}
.show-more a:hover,.article-list-footer .show-more a:hover,.ranking-list-footer .show-more a:hover{
  background:var(--main);color:#fff;border-color:var(--main);
  box-shadow:0 4px 12px rgba(249,115,22,.25);
}

/* ===== RANKING ===== */
.ranking-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.ranking-header h2{
  font-size:18px;font-weight:800;color:var(--text);
  display:flex;align-items:center;gap:8px;
}
.ranking-header h2::before{
  content:'';display:block;width:4px;height:20px;
  background:var(--ranking);border-radius:2px;
}
.ranking-list ol{
  display:grid!important;grid-template-columns:repeat(3,1fr);gap:10px;
  counter-reset:none;
}
@media(min-width:768px){.ranking-list ol{grid-template-columns:repeat(5,1fr)!important;gap:12px}}
.ranking-list ol li{position:relative;border-radius:var(--r-sm);overflow:hidden;background:var(--surface);border:1px solid var(--border-light);transition:.25s ease}
.ranking-list ol li:hover{border-color:var(--ranking);box-shadow:0 8px 24px rgba(248,74,149,.1);transform:translateY(-3px)}
.ranking-list ol li::before{
  counter-increment:none;content:none!important;
}
.ranking-list ol li .rank-badge{
  position:absolute;top:0;left:0;z-index:3;
  min-width:24px;height:24px;padding:0 6px;
  display:flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:800;color:#fff;
  background:var(--ranking);
}
.ranking-list ol li:nth-child(1) .rank-badge{background:linear-gradient(135deg,#ffd700,#ff8c00);color:#000;font-size:13px}
.ranking-list ol li:nth-child(2) .rank-badge{background:linear-gradient(135deg,#c0c0c0,#8a8a8a)}
.ranking-list ol li:nth-child(3) .rank-badge{background:linear-gradient(135deg,#cd7f32,#8b4513)}
.ranking-list ol li .thumbnail{position:relative;width:100%;aspect-ratio:182/257;overflow:hidden;background:#f1f5f9}
.ranking-list ol li .thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.ranking-list ol li:hover .thumbnail img{transform:scale(1.04)}
.ranking-list ol li .category a{left:24px}

/* PR枠 */
.ranking-pr-item{background:var(--main-pale)!important;border:1px solid rgba(249,115,22,.2)!important}
.ranking-pr-item .rank-badge{background:var(--main)!important;font-size:9px!important;letter-spacing:.5px}
.ranking-pr-item .category a{background:var(--main)!important;left:0!important}

/* ===== ADS ===== */
.header-ads-container{display:flex;justify-content:center;padding:16px 0}

/* ===== SNS ===== */
#sns{padding:24px 16px}
.sns-box{
  display:flex;align-items:center;gap:16px;padding:20px;
  background:var(--surface);border:1px solid var(--border);border-radius:var(--r);
  transition:var(--tr);
}
.sns-box:hover{border-color:var(--main);box-shadow:var(--shadow-md)}
.sns-img{width:52px;height:52px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid var(--main)}
.sns-img img{width:100%;height:100%;object-fit:cover}
.sns-text{font-size:12px;color:var(--text-sub);line-height:1.7}
.sns-text a{display:inline-block;margin-top:6px;color:var(--main);font-weight:700;font-size:13px}
.sns-text a:hover{text-decoration:underline}
@media(min-width:768px){#sns{padding:32px 24px}}
@media(min-width:1024px){#sns{padding:32px 0}}

/* ===== SIDEBAR ===== */
.sidebar-content{
  background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r);padding:16px;margin-bottom:16px;
}
.sidebar-content h3{
  font-size:14px;font-weight:800;color:var(--text);
  margin-bottom:12px;padding-bottom:8px;
  border-bottom:3px solid var(--main);
}
.sidebar-list a{
  display:block;padding:8px 0;font-size:13px;color:var(--text-sub);
  border-bottom:1px solid var(--border-light);transition:var(--tr);
}
.sidebar-list a:last-child{border-bottom:none}
.sidebar-list a:hover{color:var(--main);padding-left:4px}
.tag-cloud{display:flex!important;flex-wrap:wrap;gap:6px}
.tag-cloud li{width:auto}
.tag-cloud li a{
  display:block!important;padding:4px 10px!important;
  background:var(--bg);border:1px solid var(--border);border-radius:var(--r-pill)!important;
  font-size:11px!important;color:var(--text-sub)!important;transition:var(--tr);
  white-space:nowrap;
}
.tag-cloud li a:hover{
  background:var(--main)!important;color:#fff!important;border-color:var(--main)!important;
  box-shadow:0 2px 8px rgba(249,115,22,.2);
}
.sidebar-content .more a{
  display:block;text-align:center;margin-top:12px;
  font-size:12px;font-weight:700;color:var(--main);
}
.sidebar-content .more a:hover{text-decoration:underline}

/* ===== FOOTER ===== */
#footer{background:#1e293b;color:rgba(255,255,255,.7)}
#footer::before{content:'';display:block;height:3px;background:linear-gradient(90deg,var(--main),var(--ranking),var(--main))}
.disclaimer{padding:28px 16px 0;font-size:10px;line-height:1.8;opacity:.5}
.footer-navigation{padding:20px 16px}
.footer-navigation ul{display:flex;flex-wrap:wrap;gap:8px 16px}
.footer-navigation a{font-size:12px;color:rgba(255,255,255,.5);transition:var(--tr)}
.footer-navigation a:hover{color:#fff}
.footer-bar{padding:0 16px 28px}
.copyright{font-size:10px;opacity:.3}
@media(min-width:768px){
  .disclaimer,.footer-navigation,.footer-bar{padding-left:24px;padding-right:24px}
}

/* ===== BREADCRUMB ===== */
.breadcrumb{
  padding:10px 16px;font-size:12px;
  background:var(--surface);border-bottom:1px solid var(--border);
}
.breadcrumb ul{display:flex;flex-wrap:wrap;gap:4px}
.breadcrumb li{display:flex;align-items:center;color:var(--text-muted)}
.breadcrumb li::after{content:"›";padding:0 4px;color:var(--border)}
.breadcrumb li:last-child::after{content:none}
.breadcrumb li a{color:var(--text-sub);transition:var(--tr)}
.breadcrumb li a:hover{color:var(--main)}
@media(min-width:768px){.breadcrumb{padding:12px 24px}}

/* ===== SINGLE POST ===== */
.page-title{font-size:20px;font-weight:800;line-height:1.5;margin-bottom:16px}
.book-overview{overflow:hidden;display:flex;gap:16px;flex-wrap:wrap}
.book-cover{width:45%;max-width:300px}
.book-cover img{width:100%;height:auto;aspect-ratio:182/257;object-fit:cover;border-radius:var(--r-sm)}
.book-metadata{font-size:13px;flex:1;min-width:200px}
.book-metadata dl>div{display:flex;margin-bottom:.8em;gap:4px}
.book-metadata dt{width:30%;color:var(--text-sub);font-weight:600}
.book-metadata dt::after{content:":"}
.book-metadata dd{width:70%}
.book-metadata dd a{text-decoration:underline;color:var(--link);margin-right:8px}
@media(min-width:768px){
  .book-metadata{border:1px solid var(--border);border-radius:var(--r);padding:20px}
}

.content-meta{
  display:flex;justify-content:space-between;align-items:center;
  padding:12px 0;margin-bottom:16px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);
}
.view-count,.favorite-button .count{font-size:15px;font-weight:700;color:var(--text-sub)}
.favorite-button{display:flex;align-items:center;gap:4px}
.favorite-button a{font-size:22px;cursor:pointer}
.favorite-button .unfavorited{color:var(--text-muted)}
.favorite-button .favorited{color:#f84a95}

.gallery{margin:0 -16px}
.image-list li{margin-bottom:8px}
.image-list img{width:100%;height:auto;aspect-ratio:182/257;object-fit:contain;background:#fafafa}
@media(min-width:768px){.gallery{margin:0}}

.purchase-buttons{padding:20px 0;display:flex;flex-direction:column;gap:12px}
.purchase-button a{
  display:block;text-align:center;padding:14px;
  font-size:15px;font-weight:700;color:#fff;border-radius:var(--r-sm);
  transition:var(--tr);
}
.purchase-button a.fanza{background:#f36388;box-shadow:0 3px 0 rgba(145,59,81,.7)}
.purchase-button a.fanza:hover{background:#f47293;transform:translateY(-1px)}
.purchase-button a.dlsite{background:#4baef3;box-shadow:0 3px 0 rgba(45,104,145,.7)}
.purchase-button a.dlsite:hover{background:#5db6f4;transform:translateY(-1px)}

.article-footer{
  padding:24px 16px;margin:24px -16px 0;background:var(--bg);border-top:1px solid var(--border);
}
.article-footer h3{font-size:15px;margin-bottom:12px}
.hashtag{display:flex;flex-wrap:wrap;gap:8px}
.hashtag a{
  font-size:12px;padding:4px 12px;
  background:var(--text-sub);color:#fff;border-radius:var(--r-pill);
  transition:var(--tr);
}
.hashtag a::before{content:"#"}
.hashtag a:hover{background:var(--main)}
@media(min-width:768px){.article-footer{margin:24px 0 0;border-radius:var(--r)}}

/* ===== COMMENTS ===== */
.comments{padding:24px 0}
.comments input,.comments textarea{
  width:100%;padding:10px 12px;border:1px solid var(--border);
  border-radius:var(--r-sm);font-size:15px;transition:var(--tr);
}
.comments input:focus,.comments textarea:focus{outline:none;border-color:var(--main)}
.comments input.submit{
  width:auto;padding:12px 32px;border:none;
  background:var(--main);color:#fff;font-weight:700;
  border-radius:var(--r-pill);cursor:pointer;
}
.comments input.submit:hover{background:var(--main-hover);box-shadow:0 4px 12px rgba(249,115,22,.3)}
.comment-list li{padding:16px 0;border-bottom:1px solid var(--border)}
.comment-author .name{font-weight:700;margin-right:8px}
.comment-author .date{font-size:12px;color:var(--text-muted)}
.comment-text{margin-top:8px;font-size:15px;line-height:1.8}
.comment-reply-title{font-size:14px;margin:16px 0}
.comment-form{display:flex;flex-wrap:wrap;gap:12px}
.comment-form-author,.comment-form-text,.form-submit{width:100%}

/* ===== PAGINATION ===== */
.pagination .nav-links{
  display:flex;justify-content:center;align-items:center;gap:6px;
  font-size:14px;position:relative;padding:24px 0;
}
.pagination a,.pagination span{
  display:flex;align-items:center;justify-content:center;
  min-width:36px;height:36px;border-radius:var(--r-sm);
  font-weight:600;transition:var(--tr);
}
.pagination a{background:var(--surface);border:1px solid var(--border);color:var(--text-sub)}
.pagination a:hover{background:var(--main);color:#fff;border-color:var(--main)}
.pagination .current{background:var(--main);color:#fff;font-weight:800}
.pagination .dots{color:var(--text-muted);min-width:auto}
.pagination .prev,.pagination .next{
  position:absolute;border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-muted);
}
.pagination .prev{left:0}
.pagination .next{right:0}
.pagination .prev::before{content:"\e408";font-family:Material Icons}
.pagination .next::before{content:"\e409";font-family:Material Icons}

/* ===== SEARCH PAGE ===== */
.search-header{padding:24px 16px;background:var(--surface);border-bottom:1px solid var(--border)}
.search-header h1{font-size:18px}
.search-header .search-query{color:var(--main)}

/* ===== 404 ===== */
.error-404{text-align:center;padding:80px 16px}
.error-404 h1{font-size:64px;font-weight:900;color:var(--main);margin-bottom:8px}
.error-404 p{font-size:15px;color:var(--text-sub);margin-bottom:24px}
.error-404 a{
  display:inline-block;padding:12px 32px;
  background:var(--main);color:#fff;font-weight:700;
  border-radius:var(--r-pill);transition:var(--tr);
}
.error-404 a:hover{background:var(--main-hover);box-shadow:0 4px 12px rgba(249,115,22,.3)}

/* ===== RECOMMEND SECTION ===== */
.recommend h3{
  margin-bottom:12px;padding-bottom:6px;font-size:16px;font-weight:800;
  border-bottom:3px solid var(--main);
}

/* ===== RETURN TO TOP ===== */
.return-to-top{
  position:fixed;bottom:20px;right:20px;z-index:50;transition:opacity .3s;
}
.return-to-top a{
  display:flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:50%;
  background:var(--main);color:#fff;
  box-shadow:0 4px 12px rgba(249,115,22,.3);
  transition:var(--tr);
}
.return-to-top a:hover{background:var(--main-hover);transform:translateY(-2px)}
.return-to-top a::before{content:"\e316";font-family:Material Icons;font-size:24px}

/* ===== SLICK OVERRIDES ===== */
.slick-slide{margin:0 6px}
.slick-prev,.slick-next{z-index:5}
.slick-prev:before,.slick-next:before{color:var(--main)}

/* ===== SORT BUTTONS ===== */
.article-list-sort{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}
.article-list-sort li a{
  display:block;padding:6px 14px;border-radius:var(--r-pill);
  font-size:12px;font-weight:600;
  background:var(--bg);border:1px solid var(--border);color:var(--text-sub);
  transition:var(--tr);
}
.article-list-sort li.active a,.article-list-sort li a:hover{
  background:var(--main);color:#fff;border-color:var(--main);
}

/* ===== UTILITY ===== */
body.fixed{position:fixed;width:100%}

/* ===== FOOTER SITE LINKS ===== */
.footer-site-links{padding:24px 16px;border-top:1px solid var(--border)}
.footer-site-links__list{display:flex;flex-wrap:wrap;gap:6px 12px}
.footer-site-links__list li a{font-size:11px;color:var(--text-muted);transition:var(--tr)}
.footer-site-links__list li a:hover{color:var(--main)}