/* CLASSIC — в духе старого SimpleNu: белая, красный акцент, Open Sans, ровные углы;
   на главной слева сетка галерей с плашкой даты, справа — блоки (Settings → Blocks). Поверх theme-amber.css. */
:root{--bg:#fff;--surface:#fff;--surface-2:#f4f4f4;--line:#e5e5e5;--text:#222;--muted:#7a7a7a;--accent:#d7262e;--accent-2:#b51d24;--ab-ink:#fff;
--t2:#333;--t3:#555;--t4:#555;--t5:#555;--t6:#222;--ph:#9a9a9a;--hi:#111;--acc-h:#b51d24;--acc-b:#b51d24;--hdr:rgba(255,255,255,.97);--foot:#f6f6f6;--sugg:#fff;
--acc-a12:rgba(215,38,46,.07);--acc-a13:rgba(215,38,46,.07);--acc-a15:rgba(215,38,46,.14);--acc-a45:#e5e5e5;--acc2-a04:#fff;
--font:'Open Sans',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;--display:var(--font)}
body{color-scheme:light}
.shell{max-width:1360px}
h1,h2,h3{letter-spacing:-.01em}
/* шапка */
.topbar{background:var(--hdr);border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(0,0,0,.02)}
.top-inner{min-height:78px}
.brand.sk-logo{flex:none;max-width:none;overflow:visible;font:300 34px/1 var(--font);letter-spacing:-.03em;color:#222}
.brand.sk-logo span{color:inherit;background:none;margin:0;padding:0;font:inherit}
.brand.sk-logo .sk-b{color:var(--accent);font-weight:400}
.brand.sk-logo .sk-dot{display:none}
.nav{gap:2px}
.nav a,.nav summary{padding:8px 14px;color:#333;font-size:13px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}
.nav a:hover,.nav a[aria-current]{background:none;color:var(--accent)}
.search{width:250px;height:40px;border:1px solid #ddd;background:#f7f7f7}
.search button{border-left:0!important;color:var(--accent)}
.search:focus-within{border-color:var(--accent);box-shadow:none;background:#fff}
.age-badge{border-color:#ccc;color:#555}
/* главная: две колонки */
.cl-wrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:44px;align-items:start;margin-top:30px}
.cl-head{margin:0 0 22px}
.cl-head h1{margin:0;font-size:26px;font-weight:700;line-height:1.25;color:#222}
.cl-head h1 small{color:var(--muted);font-size:.65em;font-weight:400}
.cl-head .intro-copy{max-width:760px;margin:8px 0 0;color:var(--t3);font-size:14.5px}
.cl-head .sortbar{margin-top:14px;align-items:flex-start}
.cl-head .sort-count{display:none}
.grid,.related-grid{gap:28px 20px}
.cl-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.grid:has(.card>a>.caption){row-gap:28px}
/* карточка: плашка даты, название, модель · сайт · фото · лайки */
.card a{display:block}
.frame{position:relative;background:#eee}
.cl-date{position:absolute;z-index:2;top:12px;left:-6px;display:flex;flex-direction:column;align-items:center;min-width:56px;padding:6px 8px 7px;background:var(--accent);color:#fff;font-size:12px;font-weight:700;line-height:1.1;text-transform:uppercase;box-shadow:0 2px 6px rgba(0,0,0,.18)}
.cl-date b{font-size:22px;line-height:1}
.card>a>.caption,.card .caption{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;padding:12px 0 0;color:#333;font-size:16px;font-weight:700;line-height:1.3}
.card a:hover .caption{color:var(--accent)}
.cl-meta{display:flex;flex-wrap:wrap;gap:2px 12px;margin-top:5px;color:var(--muted);font-size:12.5px}
.cl-meta span{white-space:nowrap}
.cl-m::before{content:'\1F464\FE0E';margin-right:4px;font-size:10px;opacity:.7}
.cl-s::before{content:'#';margin-right:2px;opacity:.6}
.cl-l{margin-left:auto;color:var(--accent);font-weight:700}
.card a:hover .frame img{opacity:.92}
/* правая колонка: блоки */
.cl-side{display:flex;flex-direction:column;gap:34px}
.blk-h{margin:0 0 12px;padding-left:10px;border-left:3px solid var(--accent);color:#111;font-size:14px;font-weight:800;letter-spacing:.04em;line-height:1.2;text-transform:uppercase}
.blk-text{color:var(--t3);font-size:14.5px;line-height:1.65}
.blk-text p{margin:0 0 10px}
.blk-text a,.blk-links a,.blk-posts a,.blk-searches a{color:var(--accent)}
.blk-text a:hover,.blk-links a:hover,.blk-posts a:hover{text-decoration:underline}
.blk-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:14px 0 0;padding:0;list-style:none;text-align:center}
.blk-stats li+li{border-left:1px solid var(--line)}
.blk-stats b{display:block;color:#444;font-size:22px;font-weight:700;line-height:1.1}
.blk-stats span{display:block;margin-top:4px;color:var(--muted);font-size:10.5px;line-height:1.25;text-transform:uppercase}
.blk-tiles ul{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;margin:0;padding:0;list-style:none}
.blk-tiles a{display:block;text-align:center}
.blk-tiles img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;background:#eee}
.blk-tiles span{display:block;margin-top:5px;color:var(--accent);font-size:14px;font-weight:700}
.blk-tiles a:hover img{opacity:.85}
.blk-promo-img{display:block;margin-bottom:10px}
.blk-promo-img img{display:block;width:100%;aspect-ratio:5/3;object-fit:cover;background:#eee}
.blk-links ul,.blk-posts ul{margin:0;padding:0;list-style:none}
.blk-links li{padding:5px 0;font-size:14px}
.blk-links a{font-weight:700}
.blk-links span{color:var(--muted)}
.blk-posts li{padding:6px 0;border-bottom:1px solid #f0f0f0;font-size:14px;line-height:1.45}
.blk-posts time{color:var(--muted);font-size:12.5px}
.blk-more{display:inline-block;margin-top:8px;color:var(--accent);font-size:13px;font-weight:700}
.blk-searches p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.9}
.blk-searches small{font-size:11.5px}
/* подвал: плитки «Friendly Erotic Resources» */
.footer{margin-top:50px;border-top:1px solid var(--line);background:var(--foot)}
.footer .foot-blocks{display:block;padding-bottom:30px;border-bottom:1px solid var(--line);margin-bottom:34px}
.foot-blocks .blk-tiles ul{grid-template-columns:repeat(6,minmax(0,1fr))}
.footer .brand.sk-logo{font-size:28px}
.ab-fh{color:#222;letter-spacing:.08em}
.footer .ab-fcols a{color:#444}
/* страница сайтов (/sites/) */
.cl-sites{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 40px;margin:10px 0 0;padding:0;list-style:none}
.cl-site-img{display:block;overflow:hidden;background:#eee;border:1px solid var(--line)}
.cl-site-img img{display:block;width:100%;aspect-ratio:6/5;object-fit:cover;object-position:top;transition:transform .4s}
.cl-site-img:hover img{transform:scale(1.02)}
.cl-site h2{margin:16px 0 8px;font-size:22px;font-weight:700}
.cl-site h2 small{color:var(--muted);font-size:13px;font-weight:400}
.cl-site h2 a:hover{color:var(--accent)}
.cl-site p{margin:0;color:var(--t3);font-size:14.5px;line-height:1.65}
.cl-site-btns{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
.cl-btn,.cl-btn-o{display:flex;align-items:center;justify-content:center;min-height:46px;padding:0 14px;border:1px solid var(--accent);font-size:14px;font-weight:700;letter-spacing:.03em;text-align:center;text-transform:uppercase}
.cl-btn-o{color:var(--accent);background:#fff}
.cl-btn-o:hover{background:var(--acc-a12)}
.cl-btn{background:var(--accent);color:#fff}
.cl-btn:hover{background:var(--accent-2)}
/* прочие страницы */
.ab-intro h1,.intro h1,.ab-minfo h1,.ab-ghead h1{font-weight:700;color:#222}
.eyebrow,.ab-eyebrow{color:var(--accent)}
.sort-links{border-color:var(--line);background:#fff}
.sort-links a[aria-current]{background:var(--accent);color:#fff}
.ab-btn{background:var(--accent);color:#fff}
.ab-btn:hover{background:var(--accent-2)}
.ab-sbox{border-color:var(--accent);background:#fff8f8}
.ab-cat-t b,.ab-cat-t small{color:#fff}
.ab-gextra{max-width:880px;margin:10px 0 0;color:var(--t3);font-size:14.5px}
.ab-gextra p{margin:0}
.ab-gextra a{color:var(--accent)!important;font-weight:600}
.photo a{background:#eee}
.post.prose{max-width:820px}
.post.prose h1{font-size:30px}
.post.prose a{color:var(--accent)}
.post-hero{display:block;max-width:100%;height:auto;margin:14px 0 20px}
.post-list{display:grid;gap:18px;margin:0;padding:0;list-style:none}
.post-item{display:grid;grid-template-columns:200px 1fr;gap:20px;padding:0 0 18px;border-bottom:1px solid var(--line)}
.post-item h2{margin:0 0 4px;font-size:20px}
.post-item h2 a:hover{color:var(--accent)}
.post-cover img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
@media(max-width:1200px){.cl-wrap{grid-template-columns:minmax(0,1fr) 300px;gap:30px}.cl-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:1000px){.cl-wrap{grid-template-columns:1fr}.cl-side{display:grid;grid-template-columns:1fr 1fr;gap:30px}.foot-blocks .blk-tiles ul{grid-template-columns:repeat(3,minmax(0,1fr))}.search{width:200px}}
@media(max-width:760px){
.brand.sk-logo{font-size:28px}
.cl-wrap{margin-top:18px}
.cl-head h1{font-size:21px}
.cl-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 12px}
.card .caption{font-size:14px;padding-top:9px}
.cl-meta{font-size:11.5px;gap:2px 8px}.cl-s{display:none}
.cl-date{top:8px;min-width:46px;padding:4px 6px 5px;font-size:10.5px}.cl-date b{font-size:18px}
.cl-side{grid-template-columns:1fr}
.cl-sites{grid-template-columns:1fr;gap:34px}
.post-item{grid-template-columns:1fr}
}
.nav a,.nav summary{white-space:nowrap}
@media(min-width:761px) and (max-width:1440px){.nav a,.nav summary{padding:8px 10px;font-size:12.5px}.search{width:210px}.theme-classic .age-badge{display:none}}
/* пост блога: читаемый текст */
.post.prose{color:#333;font-size:16px;line-height:1.75}
.post.prose p,.post.prose li{color:#3a3a3a;font-size:16px}
.post.prose h2{margin:28px 0 10px;font-size:22px;color:#222}
.post.prose .muted{color:var(--muted);font-size:13px}
