.skip-link{position:absolute;top:-100px;right:15px;z-index:99;background:#fff;color:#222;padding:12px}.skip-link:focus{top:10px}
.logo-mark,.mark{background:transparent;box-shadow:none;transform:none}.logo img{flex-shrink:0}
.filter,.navlinks,.tag,.like,.article-link p,.teacher-card p,.note p{font-size:.9rem}
.filter,.like,.navlinks a{min-height:44px}.search:focus-within{outline:3px solid #7158db;outline-offset:2px}
.toast{width:min(90vw,550px);max-height:50vh;overflow:auto}.article-grid{align-items:stretch}.article-link:first-child span{color:#ddd3ff}
.topic-links{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.topic-links a{padding:8px 12px;border:1px dashed #7158db;background:white;border-radius:5px}
.hero{padding-block:30px}.art{min-height:290px}.post:nth-child(5n+2){border-top:5px solid #7158db;transform:rotate(-.35deg)}.post:nth-child(5n+3){border-top:5px solid #ff704b;transform:rotate(.35deg)}.post:nth-child(5n+4){border-radius:7px 23px 23px 23px}.post:hover{transform:translateY(-5px) rotate(0)}
.magazine{position:relative;overflow:hidden}.magazine::before{content:"مجلهٔ بچه‌ها";position:absolute;top:24px;left:-32px;transform:rotate(-8deg);background:#ffe89a;border:2px solid #222733;padding:4px 42px;font-weight:900}.article-link:nth-child(3n){transform:rotate(-.45deg)}.article-link:nth-child(4n){transform:rotate(.45deg)}.article-link:hover{transform:translateY(-5px) rotate(0)}
.article .story:nth-of-type(odd){border-right:5px solid #7158db}.article .story:nth-of-type(even){border-right:5px solid #ff704b}.article h2::before{content:"✦";color:#ff704b;margin-left:8px}.toc{box-shadow:7px 7px 0 #ded8fa}.badge{transform:rotate(-1deg)}
.fresh-ribbon{display:inline-block;background:#222733;color:#fff;border-radius:8px;padding:2px 10px;margin-bottom:10px;font-weight:800;font-size:.82rem}.article-callout{background:#dff4ec;border:1px solid #b6ddce;border-radius:18px;padding:18px 20px;margin:24px 0}
section[id],h2[id]{scroll-margin-top:100px}p a{text-underline-offset:4px}.jokes{counter-reset:none}
@media(max-width:680px){.nav{flex-wrap:wrap;gap:10px;padding-block:10px}.navlinks{display:flex;flex-wrap:nowrap;gap:8px;width:100%;margin:0;overflow-x:auto;padding-bottom:4px}.navlinks a{white-space:nowrap;background:#fff;border:1px solid #e7e3d8;border-radius:99px;padding:5px 11px}.hero h1{font-size:2rem;letter-spacing:0}.art{min-height:240px}.toc a{padding-block:7px}.article-grid{display:grid;grid-template-columns:1fr}.feed-actions{flex-wrap:wrap}.magazine::before{display:none}.post:nth-child(n){transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Defer paint/layout work for long below-the-fold sections without hiding content. */
@supports(content-visibility:auto){
  main>section:not(:first-child),.related,footer{content-visibility:auto;contain-intrinsic-size:auto 700px}
}
@media(max-width:680px){header{backdrop-filter:none}.post,.article-link{transition:none}}
.status-panel{display:flex;gap:14px;align-items:flex-start;margin:0 0 28px;padding:18px 20px;border:1px solid #ead79c;border-radius:18px;background:#fff8df}.status-panel strong{display:block;margin-bottom:4px}.status-panel p{margin:0}.status-dot{width:12px;height:12px;margin-top:8px;border-radius:50%;background:#e6a726;box-shadow:0 0 0 5px #f8e7b7;flex:0 0 auto}.rank-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 25px}.rank-grid section{padding:15px 17px;border:1px solid #e5e1d5;border-radius:15px;background:#fff}.rank-grid section:last-child{grid-column:1/-1}.rank-grid h3{margin:0 0 5px;font-size:1rem}.rank-grid p{margin:0;color:#777}.table-scroll{overflow-x:auto;margin:18px 0 12px;border:1px solid #ded9cc;border-radius:16px;background:#fff}.rank-table{width:100%;min-width:760px;border-collapse:collapse}.rank-table th,.rank-table td{padding:12px 14px;text-align:right;border-bottom:1px solid #ece8dd;vertical-align:top}.rank-table thead th{background:#2c2d3b;color:#fff}.rank-table tbody th{background:#f5f1ff;color:#56449d;white-space:nowrap}.rank-table tr:last-child th,.rank-table tr:last-child td{border-bottom:0}.source-line{font-size:.88rem;color:#656b77;background:#f7f5ee;padding:12px 15px;border-radius:12px}.source-line a{text-decoration:underline}
@media(max-width:680px){.rank-grid{grid-template-columns:1fr}.rank-grid section:last-child{grid-column:auto}.status-panel{padding:15px}.rank-table{font-size:.88rem}}