@charset "utf-8";
/*
Theme Name: MANGA-MILL2
Theme URI: manga-mill.com
Description: えろまんがみる — 没入型リーディング体験テーマ
Version: 2.0.0
Author: えろまんがみる
Author URI: manga-mill.com
*/

/* ── Variables ── */
:root {
  --bg: #0a0a14;
  --surface: #12122a;
  --elevated: #1a1a36;
  --border: #252545;
  --accent: #f59e0b;
  --accent-hover: #fbbf24;
  --link: #818cf8;
  --link-hover: #a5b4fc;
  --hot: #ef4444;
  --doujin: #f87171;
  --manga: #4ade80;
  --text: #e4e4ec;
  --text-sub: #7878a0;
  --text-muted: #4a4a6a;
  --radius: 8px;
  --radius-sm: 5px;
  --shadow: 0 2px 12px rgba(0,0,0,.4);
  --header-h: 48px;
  --bottom-h: 56px;
  --max-w: 1160px;
  --gap: 10px;
}

/* ── Reset ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:15px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}
a{color:var(--link);text-decoration:none;transition:color .15s}
a:hover{color:var(--link-hover)}
ul,ol,li{list-style:none}
img{max-width:100%;height:auto;display:block;vertical-align:middle}
button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}
input[type="text"],input[type="search"],textarea{font-size:16px!important}
h1,h2,h3,h4{color:#fff;font-weight:700;line-height:1.3}
::-webkit-scrollbar{width:0;height:0}

/* ── Layout Shell ── */
.site-header{
  position:sticky;top:0;z-index:100;height:var(--header-h);
  display:flex;align-items:center;justify-content:space-between;
  padding:0 12px;background:rgba(10,10,20,.92);
  border-bottom:1px solid var(--border);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  transition:transform .3s,opacity .3s;
}
.site-header.reader-hidden{transform:translateY(-100%);opacity:0}
.site-header__logo img{height:28px;width:auto}
@media(min-width:768px){.site-header__logo img{height:34px}}

.site-wrap{max-width:var(--max-w);margin:0 auto;padding:8px 0 80px}
@media(min-width:1024px){
  .site-wrap{display:flex;gap:24px;padding:16px 16px 40px}
  .site-main{flex:1;min-width:0}
  .site-sidebar{width:300px;flex-shrink:0}
}

/* ── Hamburger Menu ── */
.hamburger-menu{width:48px;height:48px;display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:0}
.hamburger-menu a{color:#fff}
.menu-open{display:block;height:40px;font-size:28px;line-height:40px}
.menu-open::before{content:"\e8b6";font-family:Material Icons;cursor:pointer}
.menu-close{position:absolute;top:50%;left:-50px;width:40px;height:40px;text-align:center;line-height:40px;font-size:28px;color:#fff;z-index:15}
.menu-close::before{content:"\e5cd";font-family:Material Icons;cursor:pointer}
.menu{position:fixed;top:0;right:0}
.menu.showing{width:100%;height:100vh;z-index:200}
.menu-container{display:none;width:80%;max-width:320px;height:100vh;padding:0;background:var(--surface);position:fixed;top:0;right:0;z-index:201;overflow-y:auto}
.showing .menu-container{display:block}
.menu-inner{padding:60px 16px 80px}
.menu-inner .search{margin-bottom:20px}
.menu-inner .menu-list li{border-bottom:1px solid var(--border)}
.menu-inner .menu-list li a{display:block;padding:14px 4px;color:var(--text);font-size:15px}
.menu-inner .menu-list li a:hover{color:var(--accent)}
.nav-background{display:none}
.showing .nav-background{display:block;width:100%;height:100vh;background:rgba(0,0,0,.6);position:fixed;top:0;left:0;z-index:199}

/* ── Search Form ── */
.search-form{position:relative}
.search-form .search-input{width:100%;height:42px;padding:8px 8px 8px 44px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:14px}
.search-form .search-input:focus{border-color:var(--accent);outline:none}
.search-form .search-button{position:absolute;top:1px;left:1px;width:42px;height:40px;border:none;background:transparent;color:var(--text-sub);cursor:pointer}
.search-form .search-button::before{content:"\e8b6";font-family:Material Icons;font-size:24px;line-height:40px}

/* ── Genre Bar ── */
#popular-genre{padding:0}
.popular-contents{background:var(--surface);overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--border)}
.popular-contents::-webkit-scrollbar{display:none}
.popular-item{display:flex;gap:0;white-space:nowrap;padding:0 8px}
.popular-contents li{flex-shrink:0;position:relative;font-size:12px}
.popular-contents li::after{content:none}
.popular-contents li a{display:block;padding:9px 10px;color:var(--text-sub);transition:color .15s}
.popular-contents li a:hover{color:var(--accent)}
.popular-contents li:first-child a{color:var(--accent);font-weight:700;pointer-events:none}

/* ── Section ── */
.section-header{display:flex;justify-content:space-between;align-items:center;padding:20px 12px 10px}
.section-header h2{font-size:17px;margin:0;display:flex;align-items:center;gap:6px}
.section-header__more{color:var(--text-sub);font-size:12px;transition:color .15s}
.section-header__more:hover{color:var(--accent)}

.article-list-header{padding:20px 12px 10px}
.article-list-header h1,.article-list-header h2{font-size:18px;font-weight:700;margin-bottom:0}

/* ── Card Grid ── */
.card-grid,.article-list,.ranking-list ol,.favorites-list{
  display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);padding:0 12px;
}
@media(min-width:768px){.card-grid,.article-list,.ranking-list ol,.favorites-list{grid-template-columns:repeat(5,1fr);gap:14px}}

/* ── Card ── */
.article-list-item,.card{position:relative}
.article-list-item .thumbnail,.card__thumb{
  aspect-ratio:182/257;border-radius:var(--radius-sm);overflow:hidden;background:var(--elevated);position:relative;
}
.article-list-item .thumbnail img,.card__thumb img{
  width:100%;height:100%;object-fit:cover;aspect-ratio:182/257;
  transition:opacity .2s,transform .3s;
}
.article-list-item:hover .thumbnail img{transform:scale(1.03)}
.article-list-item .title a{display:block;padding:6px 2px 4px}
.article-list-item .title span{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  color:var(--text);font-size:12px;font-weight:600;line-height:1.35;height:2.7em;
}
.article-list-item .category a{
  font-size:10px;padding:1px 6px;border-radius:3px;color:#fff;display:inline-block;
  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
.article-list-item .category a[href*="/category/doujinshi"]{background:var(--doujin)}
.article-list-item .category a[href*="/category/manga"]{background:var(--manga);color:#000}
.article-list-item .category a:not(:last-child){display:none}
.article-list-item .view{color:var(--text-muted);font-size:11px;position:absolute;bottom:2px;left:0}
.article-list-item .favorite{display:flex;justify-content:flex-end;align-items:center;gap:2px;font-size:11px}
.article-list-item .favorite a{color:var(--text-muted);font-size:16px;cursor:pointer;transition:color .15s,transform .15s}
.article-list-item .favorite a:hover{color:var(--hot);transform:scale(1.15)}
.article-list-item .favorite a.active,.article-list-item .favorite .favorited{color:var(--hot)}
.article-list-item .favorite .count{color:var(--text-muted);font-size:12px}
.article-list-item.slick-slide{margin:0 6px}

/* ── 既読マーク ── */
.article-list-item.is-read .thumbnail img{opacity:.4}
.article-list-item.is-read .thumbnail::after{
  content:"既読";position:absolute;bottom:5px;left:5px;
  background:rgba(0,0,0,.75);color:#888;font-size:9px;font-weight:600;
  padding:2px 7px;border-radius:3px;pointer-events:none;
}
.article-list-item.is-read:hover .thumbnail img{opacity:.7}

/* ── Ranking ── */
.ranking-header{padding:20px 12px 10px}
.ranking-header h2{font-size:18px;font-weight:700}
.ranking-list{padding:0}
.ranking-list ol{counter-reset:rank}
.ranking-list ol li{counter-increment:rank}
.ranking-list ol li::before{
  content:counter(rank);position:absolute;top:4px;left:4px;z-index:2;
  width:22px;height:22px;line-height:22px;text-align:center;
  background:var(--hot);color:#fff;font-size:11px;font-weight:700;border-radius:4px;
}
.ranking-list ol li:nth-child(1)::before{background:linear-gradient(135deg,#fbbf24,#f59e0b)}
.ranking-list ol li:nth-child(2)::before{background:linear-gradient(135deg,#94a3b8,#64748b)}
.ranking-list ol li:nth-child(3)::before{background:linear-gradient(135deg,#d97706,#b45309)}
.ranking-list-footer,.article-list-footer{padding:16px 12px}
.ranking-list-footer .show-more a,.article-list-footer .show-more a{
  display:block;text-align:center;border:1px solid var(--border);
  height:44px;line-height:44px;border-radius:22px;color:var(--text-sub);font-weight:600;font-size:14px;
  transition:background .15s,color .15s;
}
.ranking-list-footer .show-more a:hover,.article-list-footer .show-more a:hover{background:var(--elevated);color:var(--text)}

/* ── Pagination ── */
.article-list-footer .pagination .nav-links{display:flex;justify-content:center;gap:6px;font-size:14px;position:relative}
.article-list-footer .pagination a,.article-list-footer .pagination span{
  display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);
}
.article-list-footer .pagination a{background:var(--surface);color:var(--text-sub);transition:background .15s}
.article-list-footer .pagination a:hover{background:var(--elevated);color:#fff}
.article-list-footer .pagination .current{background:var(--accent);color:#000;font-weight:700}
.article-list-footer .pagination .dots{color:var(--text-muted)}
.article-list-footer .pagination .prev,.article-list-footer .pagination .next{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-sub);font-size:16px;position:absolute}
.article-list-footer .pagination .prev{left:0}
.article-list-footer .pagination .next{right:0}
.article-list-footer .pagination .prev::before{content:"\e408";font-family:Material Icons}
.article-list-footer .pagination .next::before{content:"\e409";font-family:Material Icons}

/* Sort tabs */
.article-list-sort,.ranking-select-tabs{display:flex;gap:6px;font-size:13px;padding:0 12px;margin-bottom:12px}
.article-list-sort li a,.ranking-select-tabs li a{display:block;padding:5px 12px;border-radius:20px;background:var(--surface);color:var(--text-sub);transition:all .15s}
.article-list-sort li.active a,.ranking-select-tabs li.active a{background:var(--accent);color:#000;font-weight:600}
.article-list-count{font-size:12px;color:var(--text-muted);text-align:right;padding:0 12px 8px}

/* ── Overview (TOP) ── */
.overview-header h1{font-size:15px;font-weight:700;padding:0 12px}
.overview-content{font-size:12px;color:var(--text-sub);padding:0 12px 4px}

/* ── Article Single ── */
.breadcrumb{padding:0 12px}
.breadcrumb ul{display:flex;flex-wrap:wrap;align-items:center;font-size:12px;gap:4px 2px;padding:12px 0 8px}
.breadcrumb li{display:flex;align-items:center;color:var(--text-muted)}
.breadcrumb li::after{content:"\e5cc";font-family:Material Icons;display:inline-block;padding-left:2px;font-size:14px}
.breadcrumb li:last-child::after{content:none}
.breadcrumb li a{color:var(--text-sub)}
.breadcrumb li span{color:var(--text-muted)}

.article-header{padding:0 12px 12px}
.page-title{font-size:19px;font-weight:700;line-height:1.4;margin-bottom:8px}
@media(min-width:768px){.page-title{font-size:22px}}

.article-dates{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12px;color:var(--text-muted);margin-bottom:12px}
.article-date{display:inline-flex;align-items:baseline;gap:4px}
.article-date__label{color:var(--text-muted)}
.article-date__value{color:var(--text-sub)}

.book-overview{margin-bottom:12px}
.book-metadata{font-size:13px;background:var(--surface);border-radius:var(--radius);padding:14px 16px;border:1px solid var(--border)}
.book-metadata dl>div{display:flex;margin-bottom:.7em;gap:6px}
.book-metadata dt{width:28%;color:var(--text-sub);flex-shrink:0}
.book-metadata dt::after{content:":"}
.book-metadata dd{width:72%}
.book-metadata dd a{text-decoration:underline;text-underline-offset:3px;margin-right:6px}

.content{padding:0 12px;color:var(--text-sub);font-size:14px;line-height:1.8;margin-bottom:12px}
.content>p{margin-bottom:12px}
.content-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.favorite-button{display:flex;align-items:center;gap:4px}
.favorite-button a{font-size:22px;cursor:pointer;color:var(--text-muted);transition:color .15s,transform .15s}
.favorite-button a:hover,.favorite-button a.active,.favorite-button .favorited{color:var(--hot);transform:scale(1.1)}
.favorite-button .count{color:var(--text-sub);font-size:15px;font-weight:600}
.view-count{color:var(--text-sub);font-size:14px;font-weight:600}

/* ── Gallery (Reader) ── */
.gallery{margin:0 -12px;overflow:hidden}
.image-list{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0}
.image-list li.image{width:100%}
.image-list img{width:100%;height:auto;aspect-ratio:182/257;object-fit:contain;background:var(--bg)}
.image-list .img-loading{opacity:.3;filter:blur(8px);transition:opacity .4s,filter .4s}
.image-list .img-loaded{opacity:1;filter:none;transition:opacity .4s,filter .4s}
.image-ad{transition:opacity .5s}
.image-ad.reader-ad-dim{opacity:.1}
@media(min-width:768px){.gallery{margin:0;border-radius:var(--radius);overflow:hidden}}

.page-number{font-size:13px;color:var(--text-muted);padding:8px 12px;text-align:center}

/* ── Purchase CTA ── */
.purchase-buttons{padding:12px 12px;display:flex;flex-direction:column;gap:10px}
.purchase-button a{
  display:block;width:100%;text-align:center;font-size:16px;padding:14px 0;
  font-weight:700;color:#fff;border-radius:var(--radius);
  transition:opacity .15s;box-shadow:0 3px 0 rgba(0,0,0,.3);
}
.purchase-button a:hover{opacity:.85;color:#fff}
.purchase-button a.fanza{background:linear-gradient(135deg,#f87171,#ef4444)}
.purchase-button a.dlsite{background:linear-gradient(135deg,#60a5fa,#3b82f6)}
.purchase-button a span{display:block;font-size:11px;padding-top:4px;font-weight:400;opacity:.8}

/* ── Article Footer (Tags) ── */
.article-footer{padding:16px 12px;background:var(--surface);margin:0 -12px;border-top:1px solid var(--border)}
.article-footer h3{font-size:14px;margin-bottom:10px;color:var(--text-sub)}
.article-footer .hashtag{display:flex;flex-wrap:wrap;gap:6px}
.article-footer .hashtag a{
  font-size:12px;display:inline-block;background:var(--elevated);color:var(--text-sub);
  padding:4px 10px;border-radius:16px;transition:background .15s,color .15s;
}
.article-footer .hashtag a::before{content:"#"}
.article-footer .hashtag a:hover{background:var(--accent);color:#000}
@media(min-width:768px){.article-footer{margin:0;border-radius:var(--radius)}}

/* ── Related ── */
.related-articles{padding:0 0 8px}
.related-articles .article-list-header{padding:20px 12px 10px}

/* ── Comments ── */
.comments{padding:12px 12px 20px}
.comments-header{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}
.comments-header h2{font-size:16px}
.comments .comment-list li{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}
.comments .comment-list .comment-author .name{font-size:14px;font-weight:600;color:var(--text);margin-right:8px}
.comments .comment-list .comment-author .date{font-size:12px;color:var(--text-muted)}
.comments .comment-list .comment-text{font-size:14px;color:var(--text-sub)}
.comments input,.comments textarea{
  width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);
  background:var(--bg);color:var(--text);font-size:14px;font-family:inherit;
  transition:border-color .15s;
}
.comments input:focus,.comments textarea:focus{border-color:var(--accent);outline:none}
.comments textarea{min-height:80px;resize:vertical}
.comments input.submit{
  width:auto;padding:10px 28px;border:none;background:var(--accent);color:#000;
  font-weight:600;border-radius:20px;cursor:pointer;transition:opacity .15s;
}
.comments input.submit:hover{opacity:.85}
.comments input.submit:disabled{opacity:.3;cursor:not-allowed}
.comments .comment-form{display:flex;flex-wrap:wrap;gap:10px}
.comments .comment-form-author{order:1;width:100%}
.comments .comment-form-text{order:2;width:100%}
.comments .form-submit{order:3;width:100%}
.comments .comment-reply-title{font-size:15px;margin:12px 0;color:var(--text)}
.comment-posted{display:none}
.comment-posted.show{display:block;position:fixed;bottom:0;left:0;width:100vw;padding:16px;background:rgba(0,0,0,.85);color:#fff;z-index:300;font-size:18px;font-weight:700;animation:fadeOutToast 3s forwards;backdrop-filter:blur(8px)}
.comment-posted.show .notice{margin-top:6px;font-size:13px;color:#aaa}
.comment-posted-close{text-align:center;margin-top:10px}
.comment-posted-close-link{color:#fff;cursor:pointer}
@keyframes fadeOutToast{0%,70%{opacity:1}100%{opacity:0}}

/* ── おすすめセクション ── */
#recommendations{display:none;margin:0 0 4px;padding-bottom:12px;background:linear-gradient(135deg,rgba(245,158,11,.06),rgba(129,140,248,.06));border-bottom:1px solid var(--border)}
#recommendations .article-list-header h2::before{content:"✨ "}
#recommendations .article-list{margin-bottom:0}

/* ── SNS Promo ── */
.sns-box{display:flex;gap:16px;align-items:center;background:var(--surface);border-radius:var(--radius);padding:16px;border:1px solid var(--border)}
.sns-img{width:60px;flex-shrink:0}
.sns-img img{width:100%;border-radius:50%}
.sns-text{font-size:13px;color:var(--text-sub)}
.sns-text a{font-weight:600;color:var(--accent)}
@media(max-width:767px){.sns-box{flex-direction:column;text-align:center}.sns-img{width:70px}}

/* ── Sidebar ── */
.sidebar-content{background:var(--surface);border-radius:var(--radius);padding:16px;margin-bottom:12px;border:1px solid var(--border)}
.sidebar-content h3{font-size:16px;font-weight:700;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--accent)}
.sidebar-content .more{margin-top:10px;text-align:right}
.sidebar-content .more a{font-size:13px;font-weight:600;color:var(--text-sub)}
.sidebar-content .more a::before{content:"\eac9";font-family:Material Icons;vertical-align:top;line-height:1.5}
.tag-cloud{display:flex;gap:6px;flex-wrap:wrap}
.tag-cloud li a{display:inline-block;padding:5px 10px;background:var(--elevated);color:var(--text-sub);border-radius:var(--radius-sm);font-size:12px;line-height:1;transition:background .15s,color .15s}
.tag-cloud li a:hover{background:var(--accent);color:#000}
.category-list li a{display:block;padding:6px 0;color:var(--text-sub);font-size:14px;border-bottom:1px solid var(--border);transition:color .15s}
.category-list li a:hover{color:var(--accent)}

/* ── Footer ── */
#footer{background:var(--surface);border-top:1px solid var(--border)}
#footer>div{padding:20px 12px}
.disclaimer{font-size:11px;color:var(--text-muted);line-height:1.6}
.footer-site-links{background:rgba(0,0,0,.2);border-bottom:1px solid var(--border)}
.footer-site-links__inner{padding:12px}
.footer-site-links__list{display:flex;flex-wrap:wrap;gap:6px 14px}
.footer-site-links__list a{color:var(--text-sub);font-size:12px}
.footer-site-links__list a:hover{color:var(--accent)}
.footer-site-links__list li::after{content:none}
.footer-navigation{margin-bottom:24px}
.footer-navigation li{padding:6px 0}
.footer-navigation li a{font-size:14px;color:var(--text-sub)}
.footer-navigation li a:hover{color:var(--accent)}
.copyright{font-size:11px;color:var(--text-muted)}

/* ── Bottom Navigation ── */
.bottom-nav{display:none}
@media(max-width:767px){
  .bottom-nav{
    display:flex;position:fixed;bottom:0;left:0;right:0;z-index:100;
    height:var(--bottom-h);align-items:center;justify-content:space-around;
    background:rgba(10,10,20,.95);border-top:1px solid var(--border);
    backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
    padding-bottom:env(safe-area-inset-bottom);
    transition:transform .3s,opacity .3s;
  }
  .bottom-nav.reader-hidden{transform:translateY(100%);opacity:0}
  .bottom-nav__item{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--text-muted);font-size:10px;text-decoration:none;transition:color .15s}
  .bottom-nav__item.is-active{color:var(--accent)}
  .bottom-nav__icon{font-size:20px;line-height:1}
  .bottom-nav__label{font-size:10px}
  #footer{padding-bottom:72px}
  .return-to-top{bottom:72px!important}
}

/* ── Back to Top ── */
.return-to-top{position:fixed;bottom:24px;left:12px;transition:opacity .3s}
.return-to-top a{
  display:flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:50%;
  background:var(--surface);border:1px solid var(--border);color:var(--text-sub);
  box-shadow:var(--shadow);
}
.return-to-top a::before{content:"\e5d8";font-family:Material Icons;font-size:28px;line-height:44px}

/* ── Ads ── */
.header-ads-container{display:flex;justify-content:center;padding:8px 0}
.rectangle .ams-place{margin:0 auto}
.mobileonly{display:none}
@media(max-width:767px){.mobileonly{display:block}}

/* ── Term Search (page.php) ── */
.term-search-form{position:relative;margin-bottom:20px;padding:0 12px}
.term-search-input{width:100%;height:42px;padding-left:40px;border:1px solid var(--border);border-radius:22px;background:var(--bg);color:var(--text);font-size:14px}
.term-search-input:focus{border-color:var(--accent);outline:none}
.term-search-form::before{content:"\e8b6";font-family:Material Icons;font-size:24px;line-height:42px;position:absolute;left:24px;color:var(--text-sub)}
.category-description{padding:0 12px;margin-bottom:16px;font-size:14px;color:var(--text-sub)}
.category-description h2{font-size:16px;margin-bottom:8px}

/* ── Enquete ── */
#enquete{background:var(--surface);border-radius:var(--radius);padding:12px 14px;border:1px solid var(--border)}
#enquete h3{font-size:18px;font-weight:700;color:var(--accent);margin-bottom:8px}
#enquete .wp-block-list a{color:var(--accent);font-weight:600}
#enquete .wp-block-list a::before{content:"\e887";font-family:Material Icons;margin-right:3px;vertical-align:text-bottom}

/* ── WPCF7 ── */
.wpcf7-form{max-width:480px}
.wpcf7-form>p{margin-bottom:12px}
.wpcf7-form input,.wpcf7-form textarea{padding:10px;border:1px solid var(--border);background:var(--bg);color:var(--text);width:100%;border-radius:var(--radius-sm)}
.wpcf7-submit{margin-top:12px;background:var(--accent);color:#000;font-weight:600;border-radius:20px;cursor:pointer}

/* ── Slick overrides ── */
.slick-prev:before,.slick-next:before{color:var(--text-sub)!important}

/* ── Misc ── */
body.fixed{position:fixed;width:100%}
.not-found{padding:40px 12px;text-align:center;color:var(--text-sub);font-size:15px}
.recommend-site-list li{padding:6px 0}
.recommend-site-list li a{color:var(--text-sub);font-size:13px}
@media(min-width:768px){
  #main>article,#main>section,#main>aside,#main>nav{padding:0 16px}
  #sidebar>div{padding:0}
}