:root{--c:#d81b60;--d:#16181d;--m:#5f6672;--b:#e8e9ee;--bg:#f6f7f9}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--d);background:var(--bg)}
a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}
.wrap{max-width:1160px;margin:0 auto;padding:0 14px}
.top{background:#fff;border-bottom:1px solid var(--b);position:sticky;top:0;z-index:5}
.bar{display:flex;align-items:center;justify-content:space-between;height:56px}
.logo{font-weight:800;font-size:1.35rem;letter-spacing:-.02em}.logo span{color:var(--c)}
.langs a,.langs strong{margin-left:8px;font-size:.8rem;padding:2px 6px;border-radius:4px}.langs strong{background:var(--c);color:#fff}.langs a{border:1px solid var(--b)}
.secs{border-top:1px solid var(--b);overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
.secs a{display:inline-block;padding:10px 10px;font-size:.92rem;font-weight:600;color:var(--m)}.secs a.on,.secs a:hover{color:var(--c);box-shadow:inset 0 -3px 0 var(--c)}
main{padding:18px 14px 40px}
.card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.06);position:relative}
.card img{aspect-ratio:1200/630;object-fit:cover;width:100%}
.card h3{font-size:1.02rem;line-height:1.35;margin:8px 12px 14px}
.card p{margin:0 12px 14px;color:var(--m);font-size:.95rem}
.tag{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--c);margin:10px 12px 0}
.card.big h3{font-size:1.45rem}
.hero{display:grid;gap:14px}
.trend h2,.h{font-size:1.1rem;margin:22px 0 10px;border-left:4px solid var(--c);padding-left:8px}
.trend h2{margin-top:0}
.card.mini a{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:center}
.card.mini img{height:100%;aspect-ratio:auto;min-height:74px}.card.mini .tag{display:none}.card.mini h3{margin:8px 8px 8px 0;font-size:.93rem}
.trend .card{margin-bottom:10px}
.grid{display:grid;gap:14px;grid-template-columns:1fr}
.cols{display:grid;gap:22px}
.most{background:#fff;border-radius:10px;padding:4px 16px 12px;align-self:start}
.most ol{padding-left:22px;margin:0}.most li{margin:10px 0;font-weight:600;line-height:1.35}.most li::marker{color:var(--c);font-weight:800}
.h1{font-size:1.7rem;margin:6px 0 14px}
.post{background:#fff;border-radius:10px;padding:16px 16px 24px}
.post h1{font-size:1.65rem;line-height:1.25;margin:6px 0 10px}
.post .tag{margin:0}.lead{font-size:1.1rem;color:#333}.meta{color:var(--m);font-size:.85rem}
.feat{border-radius:8px;margin:12px 0 6px;width:100%}
.body{font-size:1.07rem}.body h2{font-size:1.3rem;margin:1.6em 0 .4em}.body h3{font-size:1.1rem}.body a{color:var(--c);text-decoration:underline}
.ad{margin:22px 0;text-align:center;min-height:60px}.ad span{display:block;font-size:.7rem;color:#999;text-transform:uppercase}
.share{margin:20px 0;font-weight:600}.share a{color:var(--c)}
.disc{font-size:.85rem;color:var(--m);border-top:1px solid var(--b);padding-top:10px}
.foot{background:var(--d);color:#cfd3da;padding:22px 0;font-size:.9rem}.foot a{color:#fff}.fl a{margin-right:10px}
.small{font-size:.8rem;color:#9aa1ad}.small a{color:#9aa1ad}.members{opacity:.8}
@media(min-width:720px){.grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1.6fr 1fr}.post{padding:28px 34px}.post h1{font-size:2.1rem}}
@media(min-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}.cols{grid-template-columns:1fr 300px}.cols>div .grid{grid-template-columns:repeat(2,1fr)}.cols>div .grid.g3{grid-template-columns:repeat(3,1fr)}.r-section .cols .grid{grid-template-columns:repeat(2,1fr)}}
.credit{font-size:.75rem;color:#8a909b;margin:0 0 12px}.credit a{color:#8a909b;text-decoration:underline}
/* ---- monetization (monet.php) ---- */
.ad{margin:18px 0;contain:layout;overflow:hidden}
.ad>span{display:block;font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}
.ad-top{max-height:320px}
.ad-empty{margin:0;height:0}.ad-empty>span{display:none}
.mo-cap{overflow:hidden;position:relative}
.mo-more{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #ddd;border-radius:8px;background:#f6f6f6;font-weight:600;cursor:pointer}
.also{border-left:4px solid var(--accent,#d32f2f);background:#fafafa;padding:10px 14px;margin:20px 0}
.also b{display:block;margin-bottom:4px}.also ul{margin:0;padding-left:18px}.also a{font-weight:600}
.next{display:block;margin:22px 0;padding:14px 16px;border-radius:10px;background:#111;color:#fff;text-decoration:none}
.next span{display:block;font-size:12px;opacity:.75;text-transform:uppercase}.next b{font-size:18px;line-height:1.3}
.aff{border:1px dashed #ccc;padding:12px;margin:20px 0;border-radius:8px}.aff-h{font-weight:700;margin:0 0 6px}.aff-d{font-size:11px;color:#888;margin:6px 0 0}
.ad-sticky{margin:0;min-height:0;contain:none;overflow:visible} /* 2097197 is an out-of-page unit: Adskeeper positions it itself */
.foot .pol a{margin-right:10px}.post.page h2{font-size:1.25rem;margin-top:1.4em}.post.page li{margin:.35em 0}
.cform input:not([type=checkbox]),.cform textarea{width:100%;max-width:560px;padding:10px;border:1px solid #ccc;border-radius:8px;font:inherit}
.cform button{padding:10px 22px;border:0;border-radius:8px;background:#0b6e4f;color:#fff;font-weight:700;cursor:pointer}.cmsg{padding:10px 14px;background:#eef8f3;border-left:4px solid #0b6e4f}
.disc a{color:inherit;text-decoration:underline}