@charset "UTF-8";
/* Reading layouts and article/category cards. Existing entrance styling is preserved. */
.learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.learning-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#242a43,#161c31);border:1px solid var(--line);border-radius:8px;padding:30px;min-height:290px}
.learning-card:hover{border-color:#e9ce8770;transform:translateY(-3px)}
.learning-art{display:block;font:46px/1 var(--serif);color:var(--accent);margin-bottom:30px}
.learning-card .eyebrow{font-size:8px;margin-bottom:10px}
.learning-card h3{font:21px/1.6 var(--serif);margin-bottom:12px}
.learning-card>p:not(.eyebrow){font-size:12px;color:var(--muted);max-width:210px}
.learning-link{font-size:10px;color:var(--accent)}
.editorial-main{padding-top:28px;padding-bottom:80px}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--muted);font-size:10px;margin-bottom:38px}
.hub-heading{padding-block:20px 26px}
.hub-heading h1{font:500 clamp(28px,4vw,46px)/1.6 var(--serif);letter-spacing:.04em;margin-bottom:18px}
.hub-heading>p:not(.eyebrow){color:var(--muted);font-size:14px}
.category-links{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0 38px}
.category-link{padding:8px 18px;border:1px solid #ffffff25;border-radius:24px;font-size:11px;color:var(--muted)}
.category-link.active{background:var(--accent);color:#111529;border-color:var(--accent)}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.article-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--panel);min-width:0}
.article-card:hover{border-color:#e9ce8760;transform:translateY(-3px)}
.article-card-art{position:relative;overflow:hidden;aspect-ratio:16/8;background:radial-gradient(ellipse at 60% 60%,#74618244,transparent 70%),#252c46;padding:22px}
.article-card-art>span{position:absolute;top:18px;left:20px;font-size:8px;letter-spacing:.23em;color:#d2c198}
.article-card-art i{position:absolute;left:50%;top:52%;width:64px;height:78px;transform:translate(-50%,-40%) rotate(-12deg);border:1px solid #e9ce8790;border-radius:2px;box-shadow:10px 12px 20px #11152980;background:linear-gradient(115deg,#e9ce8712,#11152920)}
.article-card-art.manga i:after{content:"";position:absolute;inset:12px 8px;border-top:1px solid #e9ce8750;border-bottom:1px solid #e9ce8750;background:repeating-linear-gradient(0deg,transparent 0 8px,#e9ce8740 8px 9px)}
.article-card-art.video i{width:94px;height:58px;transform:translate(-50%,-25%) rotate(-8deg)}
.article-card-art.video i:after{content:"▷";position:absolute;inset:0;display:grid;place-items:center;color:var(--accent);font-size:28px}
.article-card-art.rankings i{width:88px;height:70px;transform:translate(-50%,-30%) rotate(-6deg)}
.article-card-art.rankings i:after{content:"01 / 02 / 03";font-size:9px;letter-spacing:.1em;position:absolute;inset:0;display:grid;place-items:center;color:var(--accent)}
.article-card-copy{padding:24px;display:flex;flex-direction:column;flex:1}
.article-tag{font-size:9px;color:var(--accent);margin-bottom:12px}
.article-card h2{font:500 18px/1.8 var(--serif);letter-spacing:.02em;margin-bottom:14px}
.article-card p{font-size:12px;color:var(--muted);line-height:1.9;margin-bottom:22px}
.article-card-link{font-size:10px;color:var(--accent);margin-top:auto;display:flex;justify-content:space-between}
.article-heading{max-width:900px;padding-block:14px 32px;border-bottom:1px solid var(--line)}
.article-heading h1{font:500 clamp(28px,3.4vw,43px)/1.65 var(--serif);letter-spacing:.025em;margin-bottom:24px}
.article-meta{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;font-size:10px;color:var(--muted)}
.draft-mark{border:1px solid #e9ce8740;padding:1px 9px;border-radius:20px;color:var(--accent)}
.article-layout{display:grid;grid-template-columns:minmax(0,740px) minmax(180px,1fr);gap:55px;margin-top:32px}
.article-body{font-size:16px;line-height:2.05;color:#d9dae3;min-width:0}
.article-body p{margin-bottom:23px}
.article-lead{font-size:17px;color:var(--ink);padding-bottom:18px;border-bottom:1px solid var(--line)}
.article-section{padding-top:28px;scroll-margin-top:26px}
.article-body h2{font:500 24px/1.65 var(--serif);color:var(--ink);margin-bottom:20px;letter-spacing:.025em}
.article-toc{position:sticky;top:26px;border-left:1px solid #e9ce8740;padding-left:22px;font-size:11px;color:var(--muted)}
.article-toc p{color:var(--accent);font-size:10px;margin-bottom:18px}
.article-toc a{display:block;margin-bottom:14px;line-height:1.7}
.related-section{border-top:1px solid var(--line);margin-top:60px;padding-top:36px}
.related-section>h2{font:24px/1.5 var(--serif);margin-bottom:26px}
.related-section .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ranking-method{border:1px solid #e9ce8730;background:#e9ce8706;padding:24px;border-radius:8px;margin-top:30px}
.ranking-method h2{font:18px/1.7 var(--serif)}
.ranking-method p{font-size:13px;line-height:1.95;margin-bottom:0}
.ranking-note{font-size:12px;color:var(--muted);padding:16px 20px;border-left:2px solid var(--accent);background:var(--panel);margin-bottom:30px}
.source-link{font-size:11px;color:var(--accent);display:inline-block;line-height:1.8;overflow-wrap:anywhere}
.article-sources{padding-top:32px;margin-top:24px;border-top:1px solid var(--line)}
.article-sources p,.article-sources li{font-size:12px;color:var(--muted)}
.article-sources a{color:var(--accent)}
.article-sources ul{padding-left:20px}
.policy-body{max-width:760px}.policy-body h2{margin-top:35px}
@media(max-width:1000px){.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{gap:32px}.learning-card{padding:24px}.learning-card h3{font-size:18px}}
@media(max-width:760px){.learning-grid{grid-template-columns:1fr}.learning-card{min-height:220px;padding:26px}.learning-art{position:absolute;right:24px;top:26px;font-size:38px;opacity:.65}.learning-card .eyebrow{margin-top:12px}.learning-card>p:not(.eyebrow){max-width:250px}.article-layout{display:flex;flex-direction:column;gap:22px}.article-aside{order:-1}.article-toc{position:static;border-left:0;border:1px solid var(--line);border-radius:8px;padding:18px}.article-toc a{margin-bottom:8px}.article-toc p{margin-bottom:12px}.article-heading{padding-top:0}.article-heading h1{font-size:28px}.article-body{font-size:15px;line-height:2}.article-body h2{font-size:21px}.article-lead{font-size:16px}.editorial-main{padding-top:22px;padding-bottom:50px}.breadcrumbs{margin-bottom:24px}.article-meta{gap:8px 18px}.related-section .article-grid{grid-template-columns:1fr}}
@media(max-width:480px){.article-grid{grid-template-columns:1fr}.hub-heading h1{font-size:30px}.category-links{gap:8px}.category-link{font-size:10px;padding:7px 12px}.article-card-art{aspect-ratio:16/7}.ranking-method{padding:20px}.article-heading h1{font-size:27px;line-height:1.7}.article-card h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){.learning-card:hover,.article-card:hover{transform:none}}

/* Article search, usable without JavaScript as an unfiltered list. */
.article-card[hidden], .article-search[hidden], .search-status[hidden], .search-empty[hidden]{display:none}
.article-search{margin:1.5rem 0 .75rem;max-width:40rem}
.article-search label{display:block;font-weight:600;margin-bottom:.6rem}
.article-search-controls{display:flex;gap:.5rem}
.article-search input{width:100%;min-width:0;padding:.85rem 1rem;background:#151c31;border:1px solid #66708a;border-radius:10px;color:#f7f2e7;font:inherit}
.article-search input::placeholder{color:#bbc1d1}
.article-search button{flex-shrink:0;padding:.7rem .85rem;border:1px solid #66708a;border-radius:10px;background:#1c2540;color:#f7f2e7;font:inherit;cursor:pointer}
.article-search input:focus-visible,.article-search button:focus-visible{outline:2px solid #e5c488;outline-offset:3px}
.search-status{color:#bbc1d1;margin:.75rem 0 1.5rem}
.search-empty{padding:1.5rem;border:1px solid #66708a;border-radius:12px}