/* TalePick */
:root{color-scheme:dark;--bg:#181923;--surface:#10111b;--ink:#f4f0f9;--muted:#b9b3c5;--line:#34323f;--accent:#bda3ff;--lime:#d6ff74;font-family:Inter,'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--bg);color:var(--ink);font-size:1rem;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button,input{font:inherit}
button,summary{cursor:pointer}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{line-height:1.2;text-wrap:pretty}
a,button,summary{touch-action:manipulation}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:4px}
::selection{background:var(--accent);color:#10111b}
.wrap{width:calc(100% - 64px);max-width:1280px;margin-inline:auto}
.eyebrow{color:var(--accent);font-size:.75rem;font-weight:750;text-transform:uppercase;letter-spacing:.1em}
.skip-link,.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link:focus{clip:auto;width:auto;height:auto;position:fixed;top:10px;left:10px;z-index:99999;background:var(--lime);color:#090a10;padding:16px}
.button{display:inline-flex;gap:24px;align-items:center;padding:12px 20px;border:1px solid var(--accent);border-radius:4px;background:var(--accent);color:#15111e;font-size:.9375rem;font-weight:700;max-width:100%}
.preview-bar{background:#11151b;font-size:.75rem;padding:7px 0;color:#bbb8cd}
.preview-bar .wrap{display:flex;gap:15px;align-items:center}
.preview-bar strong{color:var(--lime);font-size:.75rem;letter-spacing:.08em}
.site-header-band{position:relative;background:#090a10;border-bottom:1px solid var(--line);border-top:3px solid transparent;border-image:linear-gradient(90deg,#a791ff 0 25%,#d6ff74 25% 50%,#ffbc89 50% 75%,#85dccc 75%) 1}
.site-header{display:flex;justify-content:space-between;align-items:center;gap:26px;min-height:103px}
.brand{display:inline-flex;align-items:center;gap:13px;white-space:nowrap;font-size:2.75rem;font-weight:800;letter-spacing:-.055em;line-height:1.2}
.brand-accent{color:#b9a3ff}
.brand-mark{width:42px;height:46px;border:2px solid #bda3ff;border-radius:10px 10px 19px 10px;display:grid;place-items:center;color:#d6ff74;font-size:1.625rem;letter-spacing:-.05em}
.main-menu{display:flex;gap:9px;list-style:none;margin:0;padding:0}
.main-menu>li{position:relative;display:flex;align-items:center}
.main-menu>li>a{display:flex;align-items:center;min-height:50px;padding:0 12px;font-size:.875rem;font-weight:750;text-transform:uppercase;letter-spacing:.025em}
.main-menu>li>a:hover,.main-menu>.current-menu-item>a,.main-menu>.current-menu-ancestor>a{color:var(--accent)}
.sub-menu{display:none;position:absolute;z-index:40;top:100%;left:0;min-width:205px;margin:0;padding:10px;list-style:none;background:#13131e;border:1px solid #484351;border-top:3px solid var(--accent);border-radius:0 0 5px 5px;box-shadow:0 16px 35px #0006}
.sub-menu a{display:block;padding:10px 14px;font-size:.9375rem;min-height:44px}
.sub-menu a:hover,.sub-menu .current-menu-item>a{background:#bda3ff15;color:var(--lime)}
.menu-item-has-children:focus-within>.sub-menu,.menu-item-has-children:hover>.sub-menu{display:block}
.submenu-toggle{display:grid;place-items:center;width:36px;min-height:46px;padding:0;border:0;background:transparent;color:#c8bddb}
.submenu-toggle svg{transition:transform .15s}
.is-open>.submenu-toggle svg{transform:rotate(180deg)}
.nav-enhanced .main-menu .menu-item-has-children>.sub-menu{display:none}
.nav-enhanced .main-menu .menu-item-has-children.is-open>.sub-menu{display:block}
.mobile-menu{display:none}
.mobile-menu>summary{list-style:none;width:44px;height:44px;display:grid;place-items:center;border:1px solid #524866;border-radius:50%;color:#e8dfff}
.mobile-menu>summary::-webkit-details-marker{display:none}
.site-footer{position:relative;margin-top:52px;padding-top:42px;background:#090a10;border-top:2px solid var(--accent)}
.footer-grid{display:grid;grid-template-columns:minmax(230px,1.5fr) repeat(4,minmax(0,1fr));gap:32px;align-items:start}
.footer-identity .brand{font-size:2.125rem}
.footer-identity .brand-mark{width:34px;height:38px;font-size:1.25rem}
.footer-identity>p{margin-top:18px;font-size:1rem}
.footer-identity>span{font-size:.875rem;color:var(--muted)}
.footer-news{display:block;color:var(--accent);margin-top:14px;font-size:.875rem}
.footer-column h2{font-size:.875rem;text-transform:uppercase;letter-spacing:.08em;margin:9px 0 10px}
.footer-column nav{display:flex;flex-direction:column}
.footer-column nav a{font-size:.9375rem;color:var(--muted);min-height:44px;display:flex;align-items:center}
.footer-column a:hover{color:var(--lime)}
.footer-base{grid-column:1/-1;display:flex;gap:24px;flex-wrap:wrap;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0 25px;font-size:.8125rem;color:var(--muted)}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:.8125rem;color:var(--muted);padding:26px 0;overflow-wrap:anywhere}
.breadcrumbs a:hover{color:var(--accent)}
.empty-state{display:flex;align-items:center;gap:26px;border:1px solid var(--line);background:#11121c;padding:26px 30px;border-radius:5px}
.empty-state>span{font-size:2rem;color:var(--accent)}
.empty-state h3{font-size:1.25rem;margin-bottom:7px;font-weight:650}
.empty-state p{font-size:1rem;color:var(--muted);max-width:850px}
.explore-more{margin-top:50px;border-top:1px solid var(--line);padding-top:28px}
.explore-more h2{font-size:1.375rem;margin-bottom:16px}
.explore-more>div{display:flex;gap:25px;flex-wrap:wrap}
.explore-more a{color:var(--accent);min-height:44px;display:inline-flex;align-items:center}
.article-header{max-width:1010px;padding:12px 0 34px}
.article-header h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.14;font-weight:800;letter-spacing:-.035em;margin:18px 0 22px;overflow-wrap:anywhere}
.article-deck{font-size:1.125rem;color:var(--muted);max-width:780px}
.article-meta{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:24px;color:var(--muted);font-size:.875rem}
.draft-badge{background:#bda3ff16;border:1px solid #625175;color:#d7c4ff;padding:3px 9px;border-radius:3px;font-size:.8125rem}
.article-layout{display:grid;grid-template-columns:240px minmax(0,760px);gap:64px;border-top:1px solid var(--line);padding-top:35px}
.article-toc{position:sticky;top:24px;align-self:start}
.article-toc .eyebrow{margin-bottom:18px}
.article-toc nav{display:flex;flex-direction:column;gap:15px}
.article-toc nav a{display:flex;gap:12px;font-size:.875rem;line-height:1.6}
.article-toc nav a span{color:var(--accent);font-size:.75rem;padding-top:2px}
.article-toc a:hover{color:var(--lime)}
.back-hub{display:block;margin-top:24px;padding-top:20px;border-top:1px solid var(--line);font-size:.875rem;color:var(--muted)}
.article-body{min-width:0;font-size:1.125rem;line-height:1.9}
.article-body section,.article-body h2{margin-top:38px;scroll-margin-top:24px}
.article-body h2{font-size:1.875rem;line-height:1.3;margin-bottom:18px;letter-spacing:-.025em}
.article-body p{margin-bottom:20px}
.article-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.article-body img{height:auto}
.article-body table{border-collapse:collapse;display:block;overflow:auto;max-width:100%}
.article-body td,.article-body th{border:1px solid var(--line);padding:10px}
.draft-notice{background:#bda3ff10;border-left:3px solid var(--accent);padding:20px 24px}
.draft-notice strong{font-size:1.25rem}
.draft-notice p{font-size:1rem;color:var(--muted);margin:8px 0 0}
.draft-placeholder{font-size:1rem;color:var(--muted)}
.skeleton-lines{display:grid;gap:10px;margin:18px 0 36px}
.skeleton-lines span{height:8px;background:#ffffff10;border-radius:2px}
.skeleton-lines span:nth-child(2){width:94%}
.skeleton-lines span:last-child{width:65%}
.not-found{padding:90px 0;min-height:440px}
.not-found h1{font-size:clamp(2.25rem,5vw,4rem);margin:20px 0}
.not-found>p{color:var(--muted);margin:18px 0 28px}
@media(max-width:1100px){.site-header{gap:18px}
.brand{font-size:2.3rem}
.main-menu{gap:3px}
.main-menu>li>a{padding-inline:8px}
.submenu-toggle{width:28px}
.footer-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.footer-identity{grid-column:1/-1}
.article-layout{grid-template-columns:200px minmax(0,1fr);gap:36px}
}
@media(max-width:900px){.desktop-nav{display:none}
.site-header{min-height:84px;flex-wrap:wrap;padding-block:15px}
.mobile-menu{display:block;margin-left:auto;position:relative}
.mobile-menu>nav{position:absolute;right:0;top:calc(100% + 18px);z-index:60;width:320px;max-width:calc(100vw - 32px);background:#11121c;border:1px solid #4c405f;border-top:3px solid var(--accent);border-radius:0 0 6px 6px;padding:10px 15px;box-shadow:0 18px 35px #0008}
.mobile-menu .main-menu{display:block}
.mobile-menu .main-menu>li{display:flex;flex-wrap:wrap;justify-content:space-between;border-bottom:1px solid #ffffff0c}
.mobile-menu .main-menu>li:last-child{border:0}
.mobile-menu .main-menu>li>a{flex:1;min-height:48px;font-size:.9375rem;padding-inline:9px}
.mobile-menu .submenu-toggle{width:48px;min-height:48px}
.mobile-menu .sub-menu{position:static;flex-basis:100%;width:100%;min-width:0;box-shadow:none;border:0;border-left:2px solid var(--accent);padding:0 0 0 14px;margin:0 0 10px 10px;background:transparent}
.article-layout{grid-template-columns:1fr;gap:28px}
.article-toc{position:static;border:1px solid var(--line);padding:22px}
.back-hub{display:none}
}
@media(max-width:720px){.wrap{width:calc(100% - 32px)}
.preview-bar .wrap{flex-direction:column;gap:1px;align-items:flex-start}
.brand{font-size:2.15rem;gap:10px}
.brand-mark{width:34px;height:39px;font-size:1.375rem}
.site-header{min-height:78px}
.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.site-footer{padding-top:30px;margin-top:36px}
.footer-base{gap:12px;font-size:.8125rem}
.footer-base span:nth-child(2){display:none}
.empty-state{padding:22px;gap:18px;align-items:flex-start}
.empty-state>span{display:none}
.empty-state h3{font-size:1.125rem}
.empty-state p{font-size:1rem}
.article-header h1{font-size:2.1rem}
.article-deck{font-size:1rem}
.article-body{font-size:1.0625rem}
.article-body h2{font-size:1.625rem}
.draft-notice{padding:18px}
.breadcrumbs{padding-block:20px}
.explore-more{margin-top:35px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{transition:none!important}
}
@media print{.site-header-band,.site-footer,.preview-bar,.article-toc{display:none}
body{background:#fff;color:#111}
.wrap{width:100%}
.article-layout{display:block}
.article-body{color:#111}
}
body.home{--srh-line:#34323f;--srh-muted:#b9b3c5;--srh-accent:#bda3ff;background:#181923}
body{--srh-line:#34323f;--srh-muted:#b9b3c5;--srh-accent:#bda3ff}
.art-pending{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;padding:24px;min-height:100%;background:#10111b;border-left:3px solid var(--card-accent);color:var(--card-accent);height:100%}
.art-pending>span{font-size:.75rem;letter-spacing:.13em;text-transform:uppercase}
.art-pending strong{font-size:clamp(1.75rem,2.2vw,2.75rem);text-transform:uppercase;line-height:1.1;letter-spacing:-.045em}
.art-pending small{font-size:.75rem;line-height:1.5;color:#aaa4b8}
@media(max-width:720px){.art-pending{padding:19px;gap:12px}
.art-pending strong{font-size:1.75rem}
}
.brand{gap: 12px; letter-spacing: -.055em;}
.brand-symbol{width: 51px; height: 51px; flex: 0 0 auto;}
.brand-wordmark{display: block;}
.brand-accent{color: #bda3ff;}
.footer-identity .brand-symbol{width: 39px; height: 39px;}
.desktop-nav{margin-left: auto;}
.header-tools{display: flex; align-items: center; gap: 10px; flex-shrink: 0;}
.header-search{position: relative;}
.header-search > summary{display: grid; place-items: center; list-style: none; width: 44px; height: 44px; color: #ddceff; background: #b49bff12; border: 1px solid #524866; border-radius: 50%;}
.header-search > summary::-webkit-details-marker{display: none;}
.header-search > summary:hover,.header-search[open] > summary{background: #bda3ff; color: #15111e; border-color: #bda3ff;}
.header-search-panel{position: absolute; right: 0; top: calc(100% + 18px); z-index: 70; width: 370px; max-width: calc(100vw - 32px); padding: 18px; border: 1px solid #635677; background: #151520; box-shadow: 0 18px 35px #0008; border-radius: 6px;}
.header-search-panel > p{color: #c8bed5; font-size: .8125rem; margin-bottom: 10px;}
.tp-search-form{display: flex; gap: 8px; align-items: center; max-width: 800px; min-height: 56px; padding: 5px; background: #11121c; border: 1px solid #5c4d70; border-radius: 5px;}
.tp-search-form input[type=search]{min-width: 0; flex: 1; width: 100%; border: 0; outline-offset: 2px; background: transparent; color: #f4edf9; font-size: 1rem; padding: 10px;}
.tp-search-form input::placeholder{color: #a99dbb; opacity: 1;}
.tp-search-form input:focus-visible{outline: 2px solid var(--accent); border-radius: 2px;}
.tp-search-form button{display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; border: 0; border-radius: 3px; background: var(--accent); color: #14121c;}
.tp-search-form button:hover{background: #d6ff74;}
.header-search-panel .tp-search-form{min-height: 50px;}
.header-search-panel input{font-size: .875rem; padding: 8px;}
.tp-theme-donghua{--accent: #85dccc;}
.tp-theme-manhwa{--accent: #d6ff74;}
.tp-theme-manhua{--accent: #ffbc89;}
.editorial-story[data-channel=anime]{--card-accent: #bda3ff;}
.editorial-story[data-channel=donghua]{--card-accent: #85dccc;}
.editorial-story[data-channel=manhwa]{--card-accent: #d6ff74;}
.editorial-story[data-channel=manhua]{--card-accent: #ffbc89;}
.tp-inner main{min-height: 55vh;}
.tp-inner .breadcrumbs{padding: 28px 0 25px; margin: 0; font-size: .75rem; gap: 8px;}
.tp-inner .breadcrumbs a{text-decoration: underline; text-underline-offset: 3px; color: #c9c0d7;}
.tp-inner .breadcrumbs a:hover{color: var(--accent);}
.editorial-story{position: relative; min-width: 0;}
.editorial-story h3{font-weight: 750; letter-spacing: -.025em; overflow-wrap: anywhere;}
.editorial-story h3 a::after{content: ''; position: absolute; inset: 0; z-index: 3; border-radius: 4px;}
.editorial-story h3 a:hover{color: var(--card-accent, var(--accent));}
.editorial-story:focus-within{outline: 2px solid var(--card-accent, var(--accent)); outline-offset: 5px; border-radius: 4px;}
.story-meta{display: flex; align-items: center; flex-wrap: wrap; gap: 4px 7px; font-size: .75rem; line-height: 1.65; color: #b9afc6; margin-top: 12px;}
.layout-section-heading{position: relative; border-top: 1px solid var(--line); padding-top: 24px; margin-bottom: 24px;}
.layout-section-heading::before{content: ''; position: absolute; top: -2px; left: 0; width: 56px; height: 3px; background: var(--accent);}
.layout-section-heading h2{font-size: 1.4375rem; font-weight: 780; letter-spacing: -.02em; text-transform: uppercase;}
.layout-section-heading p{color: var(--muted); margin-top: 8px; font-size: .9375rem; overflow-wrap: anywhere;}
.tp-inner .explore-more{margin-top: 42px; border: 1px solid var(--line); border-top: 3px solid var(--accent); background: #11121c; border-radius: 5px; padding: 25px;}
.tp-inner .explore-more h2{font-size: 1.375rem; margin-bottom: 10px;}
.tp-inner .explore-more p{color: var(--muted); font-size: .9375rem; margin-bottom: 16px;}
.tp-inner .explore-more nav{display: flex; flex-wrap: wrap; gap: 8px;}
.tp-inner .explore-more a{display: inline-flex; align-items: center; gap: 24px; border: 1px solid #4d435e; border-radius: 4px; padding: 9px 13px; min-height: 44px; font-size: .875rem; color: #ded5e9;}
.tp-inner .explore-more a span{color: var(--accent);}
.tp-inner .explore-more a:hover{border-color: var(--accent); color: var(--accent);}
.reader-page{display: grid; grid-template-columns: minmax(0,1fr) 280px; column-gap: 48px;}
.reader-page .article-header{grid-column: 1; grid-row: 1; min-width: 0; padding: 0 0 22px; margin: 0 0 24px; border-bottom: 1px solid var(--line);}
.reader-page .article-header h1{font-size: clamp(2rem,3.2vw,2.8125rem); line-height: 1.16; font-weight: 800; letter-spacing: -.03em; margin: 18px 0;}
.reader-page .article-deck{max-width: none; font-size: 1.0625rem; line-height: 1.75; color: #c4bbd2; margin-bottom: 20px;}
.reader-page .article-header .story-meta{font-size: .8125rem;}
.reader-tools{display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 22px; font-size: .8125rem; color: #c4bbd2;}
.reader-tools button{display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 44px; padding: 8px 12px; border: 1px solid #544460; border-radius: 4px; background: #26212f; color: var(--accent); font-size: .875rem;}
.reader-tools button:hover{border-color: var(--accent);}
.copy-status{min-width: 0; max-width: 100%;}
.copy-status input{width: 240px; max-width: 100%; background: #11121c; color: #eee; border: 1px solid #544460; padding: 8px;}
.article-cover{margin-top: 24px; overflow: hidden; border-radius: 5px;}
.article-cover img{width: 100%; max-height: 430px; object-fit: contain; background: #11121c;}
.reader-content{grid-column: 1; grid-row: 2; min-width: 0;}
.reader-content .draft-notice{padding: 0 0 0 20px; background: none;}
.reader-content .draft-notice strong{font-size: 1.1875rem; font-weight: 650;}
.reader-content .draft-notice p{font-size: 1.0625rem; line-height: 1.8;}
.reader-content .article-toc{position: static; margin: 26px 0 32px; padding: 18px 22px; background: #11121c; border: 1px solid var(--line); border-left: 3px solid var(--accent); border-radius: 5px;}
.reader-content .article-toc .eyebrow{color: #f4f0f9; margin-bottom: 10px;}
.reader-content .article-toc nav{flex-direction: row; flex-wrap: wrap; gap: 0 18px;}
.reader-content .article-toc a{min-height: 40px; display: inline-flex; align-items: center; color: var(--accent); font-size: .875rem;}
.reader-content .article-toc a:hover{text-decoration: underline; text-underline-offset: 3px;}
.reader-content .article-toc .toc-level-3{color: #b9b3c5;}
.reader-content .article-body{font-size: 1.125rem; line-height: 1.85; color: #d4cedd; overflow-wrap: anywhere;}
.reader-content .article-body h2{font-size: 1.8125rem; font-weight: 750; margin: 42px 0 18px;}
.reader-content .article-body h3{font-size: 1.4375rem; margin: 28px 0 16px;}
.reader-content .article-body :is(h2,h3){color: #f5f0fa; scroll-margin-top: 24px;}
.reader-content .article-body p{color: #ccc5d8;}
.reader-content .article-body :is(ul,ol){padding-left: 1.4em;}
.reader-content .article-body blockquote{margin: 24px 0; border-left: 3px solid var(--accent); padding: 10px 22px; background: #11121c;}
.reader-content .article-body pre{max-width: 100%; overflow: auto; padding: 20px; background: #11121c; font-size: .875rem;}
.reader-content .article-body :is(iframe,video){max-width: 100%;}
.reader-content .article-body th{background: #282434; color: #eee5fa;}
.reader-content .article-body tbody tr:nth-child(even){background: #201e2b;}
.reader-content .article-body figcaption{color: #b5abbf; font-size: .8125rem;}
.reader-footer{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 15px; border-top: 1px solid var(--line); padding-top: 20px; margin-top: 35px; font-size: .875rem; color: var(--accent);}
.reader-footer a{display: inline-flex; align-items: center; min-height: 44px;}
.reader-sidebar{grid-column: 2; grid-row: 1 / span 2; padding-top: 88px; align-self: start; min-width: 0;}
.reader-sidebar .layout-section-heading{padding-top: 16px; margin-bottom: 22px;}
.reader-sidebar .layout-section-heading h2{font-size: 1.0625rem; letter-spacing: .025em;}
.reader-sidebar .layout-section-heading::before{width: 42px;}
.reader-related-list{display: grid; gap: 24px;}
.category-related{padding-bottom: 22px; border-bottom: 1px solid var(--line);}
.category-related-art{aspect-ratio: 16/10; overflow: hidden; border-radius: 4px; background: #10111b; margin-bottom: 13px;}
.category-related-art > img{width: 100%; height: 100%; object-fit: cover;}
.category-related .eyebrow{font-size: .6875rem; margin-bottom: 8px;}
.category-related h3{font-size: 1.125rem; line-height: 1.35; font-weight: 700;}
.category-related .story-meta{font-size: .6875rem;}
.category-related .art-pending{padding: 18px; gap: 10px;}
.category-related .art-pending strong{font-size: 1.625rem;}
.reader-explore{margin-top: 28px;}
.reader-explore > a{display: flex; align-items: center; justify-content: space-between; min-height: 44px; border-bottom: 1px solid var(--line); color: #c9bfd8; font-size: .875rem;}
.reader-explore > a span{color: var(--accent);}
.reader-explore > a:hover{color: var(--accent);}
.not-found .tp-search-form{width: 100%; margin: 25px 0;}
.information-page .article-header h1{font-size: clamp(2rem,3.2vw,2.875rem);}
@media (max-width: 1100px){.site-header{gap: 16px;}
.brand{font-size: 2.25rem; gap: 9px;}
.brand-symbol{width: 44px; height: 44px;}
.main-menu{gap: 1px;}
.main-menu > li > a{padding-inline: 7px; font-size: .8125rem;}
.submenu-toggle{width: 25px;}
.reader-page{grid-template-columns: minmax(0,1fr) 250px; column-gap: 34px;}
}
@media (max-width: 900px){.site-header{position: relative; flex-wrap: wrap;}
.header-tools{margin-left: auto;}
.header-search,.mobile-menu{position: static;}
.header-search-panel,.mobile-menu > nav{right: 0; top: calc(100% + 1px);}
.mobile-menu{margin-left: 0;}
.reader-page{display: block;}
.reader-sidebar{padding-top: 40px;}
.reader-related-list{grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px;}
.category-related h3{font-size: 1.0625rem;}
.category-related .art-pending small{display: none;}
.category-related .art-pending strong{font-size: 1.1875rem;}
.reader-explore{display: flex; flex-wrap: wrap; gap: 10px 25px;}
.reader-explore .layout-section-heading{flex-basis: 100%;}
.reader-explore > a{min-width: 120px; gap: 25px;}
}
@media (max-width: 720px){.site-header{min-height: 82px; gap: 10px;}
.brand{font-size: 2rem; gap: 8px;}
.brand-symbol{width: 39px; height: 39px;}
.header-search-panel{width: min(370px,100%);}
.tp-inner .breadcrumbs{padding: 22px 0;}
.layout-section-heading h2{font-size: 1.25rem;}
.reader-page .article-header h1{font-size: 2.0625rem;}
.reader-page .article-deck{font-size: 1rem;}
.reader-content .article-body{font-size: 1.0625rem;}
.reader-content .article-body h2{font-size: 1.625rem;}
.tp-inner .explore-more{padding: 22px;}
}
@media (max-width: 600px){.reader-related-list{grid-template-columns: 1fr;}
.category-related{display: grid; grid-template-columns: 106px minmax(0,1fr); gap: 16px;}
.category-related-art{aspect-ratio: 4/3; margin: 0;}
.category-related .art-pending{padding: 10px; gap: 7px;}
.category-related .art-pending > span{font-size: .625rem;}
.category-related .art-pending strong{font-size: .875rem;}
.reader-content .article-toc nav{flex-direction: column; gap: 0;}
.reader-content .article-toc .toc-level-3{padding-left: 14px;}
}
@media (max-width: 380px){.brand{font-size: 1.625rem; gap: 7px;}
.brand-symbol{width: 33px; height: 33px;}
.header-tools{gap: 7px;}
}
@media print{.reader-page{display: block;}
.reader-tools,.reader-sidebar,.reader-footer,.header-tools{display: none;}
.reader-content .article-body,.reader-content .article-body p,.reader-content .article-body :is(h2,h3){color: #111;}
}
.article-cover figcaption,.tp-video figcaption{color:#a9aaba;font-size:13px;line-height:1.6;margin-top:12px;text-align:center}
.article-cover img{display:block;width:auto!important;max-width:100%;height:auto!important;max-height:500px;aspect-ratio:auto;object-fit:contain!important;margin:0 auto;background:#101322}
.article-cover:has(.tp-media-book-cover){background:radial-gradient(ellipse at top,#30263c,#11121c 75%);padding:24px 24px 0}
.article-cover:has(.tp-media-book-cover) figcaption{padding-bottom:18px}
.editorial-story img.tp-media-book-cover{object-fit:contain!important;background:radial-gradient(ellipse at top,#30263c,#11121c 75%);padding:10px}
.tp-editorial-image{margin:30px 0}
.article-body .tp-editorial-image img{display:block;width:auto;max-width:100%;height:auto;max-height:780px;margin:0 auto;object-fit:contain}
.article-body .tp-editorial-image img.tp-media-book-cover{max-width:min(100%,350px);max-height:450px}
.tp-editorial-image figcaption{color:#a9aaba;font-size:13px;line-height:1.6;margin-top:12px;text-align:center}
.tp-video{margin:32px 0}
.tp-video-frame{aspect-ratio:16/9;width:100%;background:radial-gradient(ellipse at 25% 20%,#292240,#12131e);border:1px solid #3c3651;border-radius:12px;overflow:hidden;display:grid;place-items:center}
.tp-video-frame iframe{width:100%;height:100%;border:0;display:block}
.reader-tools{gap:8px}
.share-social{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid #544460;border-radius:4px;background:#26212f;color:var(--accent);font-size:.8125rem}
.share-social:hover{border-color:var(--accent);background:#30263c}
.share-social svg{flex-shrink:0}
.reader-afterword{grid-column:1;grid-row:3;min-width:0;margin-top:28px}
.article-tags{display:flex;align-items:center;gap:24px;border-block:1px solid var(--line);padding:25px 0;margin-bottom:32px}
.article-tags>.eyebrow{color:#b5abbf}
.article-tags>div{display:flex;gap:10px;flex-wrap:wrap;min-width:0}
.article-tags a{display:inline-flex;gap:8px;align-items:center;min-height:44px;border:1px solid #4c435a;border-radius:5px;background:#211e2b;padding:10px 18px;color:#d4cedd;font-size:.9375rem}
.article-tags a span{color:var(--accent)}
.article-tags a:hover{border-color:var(--accent);color:var(--accent)}
.article-reactions{width:100%;border:1px solid #433b50;border-top:2px solid var(--accent);border-radius:6px;background:linear-gradient(115deg,#211d2b,#14131d);padding:14px 16px 12px}
.article-reactions>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.article-reactions h2{font-size:1.125rem;line-height:1.3;letter-spacing:-.025em}
[data-reaction-total]{color:#b5abbf;font-size:.75rem;white-space:nowrap}
.reaction-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:6px 0}
.reaction-options button{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;min-height:72px;padding:6px 2px;border:1px solid transparent;border-radius:5px;background:transparent;color:#d4cedd;font:inherit;font-size:.8125rem;line-height:1.3;transition:background .15s,border-color .15s}
.reaction-options button:not(:disabled):hover{background:#bda3ff12;border-color:#665777}
.reaction-options button[aria-pressed=true]{border-color:var(--accent);background:#bda3ff1c;color:#fff}
.reaction-options button:disabled{cursor:wait}
.reaction-emoji{font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;font-size:26px;line-height:1.2;margin-bottom:1px}
.reaction-count,.reaction-hint,.reaction-status{font-size:.75rem;color:#b5abbf}
.reaction-hint,.reaction-status{text-align:center;line-height:1.5;margin:6px 0 0}
.reaction-status:empty{display:none}
.reaction-retry{display:block;margin:10px auto 0;padding:8px 14px;min-height:44px;background:#30263c;color:var(--accent);border:1px solid #665777;border-radius:4px}
.reaction-retry[hidden]{display:none}
.article-continue{grid-column:1/-1;grid-row:4;min-width:0;margin:64px 0 16px;border-top:1px solid var(--line);padding-top:32px;position:relative}
.article-continue::before{content:"";position:absolute;top:-2px;left:0;width:64px;height:3px;background:var(--accent)}
.article-continue>header{margin-bottom:26px}
.article-continue h2{font-size:clamp(1.9rem,3vw,2.4rem);letter-spacing:-.035em;margin-top:14px}
.continue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.category-continue-art{aspect-ratio:16/10;overflow:hidden;border-radius:5px;background:#11121c;margin-bottom:17px}
.category-continue-art>img{width:100%;height:100%;object-fit:cover}
.category-continue h3{font-size:1.25rem;line-height:1.35;margin-top:8px}
.category-continue .story-meta{margin-top:13px;font-size:.75rem}
@media(max-width:900px){.reader-afterword{margin-top:30px}
.reader-page:has(.reader-afterword) .reader-sidebar .reader-related{display:none}
}
@media(max-width:600px){.reader-tools{gap:6px}
.reader-tools>.share-social{width:44px;padding:10px}
.share-social>span{display:none}
.article-tags{align-items:flex-start;gap:12px;flex-direction:column;padding:20px 0}
.article-tags a{padding:8px 12px;font-size:.875rem}
.article-reactions{padding:12px}
.article-reactions>header{gap:8px}
.article-reactions h2{font-size:1.0625rem}
.reaction-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.reaction-options button{min-height:68px;padding:4px 2px}
.reaction-emoji{font-size:24px}
.continue-grid{grid-template-columns:1fr;gap:28px}
.category-continue h3{font-size:1.3rem}
.article-continue{margin-top:44px}
}
@media(prefers-reduced-motion:reduce){.reaction-options button{transition:none}
}
.article-body table{font-size:16px;line-height:1.65;margin:28px 0;max-width:100%}
.article-body caption{text-align:left;font-size:14px;color:#b5b5c4;margin-bottom:12px}
.article-body th,.article-body td{padding:14px;text-align:left;vertical-align:top;border:1px solid #333340;min-width:130px}
.article-body thead{background:#242130}
.article-body th[scope=row]{font-weight:600}
.reader-table{max-width:100%;overflow-x:auto;margin:28px 0;border-radius:6px;container-type:inline-size}
.reader-table caption{position:sticky;left:0;width:100cqw;max-width:100cqw;box-sizing:border-box}
.reader-table table{display:table;width:100%;min-width:680px;margin:0;max-width:none;border-collapse:collapse}
.table-scroll-hint{display:none}
.reader-table:focus-visible{outline:2px solid #c0a0ff;outline-offset:2px}
@media(max-width:767px){.article-body .table-scroll-hint{display:block;color:#c4b2ef;font-size:13px;line-height:1.5;margin:0 0 12px}
.reader-table table{font-size:15px}
}
.reader-quick-answer{margin:22px 0;padding:18px 20px;border-left:3px solid var(--accent,#c0a0ff);background:#211e2b;border-radius:0 6px 6px 0;font-size:17px;line-height:1.7}
.reader-quick-answer>p{margin:0}
.reader-quick-answer>.eyebrow{margin-bottom:8px;font-size:12px}
.reading-direction{margin:28px auto;padding:20px;background:#211e2b;border:1px solid #393343;border-radius:8px;max-width:560px}
.reading-direction{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.reading-direction>div{padding:14px;background:#302b3a;border:1px solid #514562;border-radius:4px;text-align:center;font-size:15px}
.reading-direction .direction-panels{font-size:22px;line-height:1.6;color:#cfb5ff;letter-spacing:1px;white-space:nowrap;margin:16px 0}
.reading-direction>div>p:last-child{margin-bottom:0}
.reading-direction figcaption{grid-column:1/-1}
.reading-direction figcaption{text-align:center;margin-top:12px;font-size:14px;color:#c1b6ce}
@media(max-width:767px){.reader-table table{border-collapse:separate;border-spacing:0}
.reader-table th:first-child,.reader-table td:first-child{position:sticky;left:0;z-index:1;min-width:120px;width:140px;max-width:160px;background:#211e2b;box-shadow:3px 0 5px #0e0c1659;overflow-wrap:anywhere}
.reader-table thead th:first-child{z-index:2;background:#302a40}
.reader-quick-answer{padding:14px 16px;font-size:16px}
.reading-direction{padding:12px;gap:10px}
.reading-direction>div{padding:10px;font-size:14px}
}
.tp-standard-link{font-size: .8125rem; margin-top: auto; text-decoration: underline; text-underline-offset: 4px;}
.tp-site-footer{border-top: 0; padding-top: 0;}
.tp-site-footer::before{content: ''; display: block; height: 2px; width: 100%; background: linear-gradient(90deg,#bda3ff 0 25%,#85dccc 25% 50%,#d6ff74 50% 75%,#ffbc89 75%);}
.tp-footer-grid{display: grid; grid-template-columns: minmax(280px,1.35fr) repeat(3,minmax(0,1fr)); gap: 0 clamp(24px,3vw,40px); align-items: start; padding-top: 42px;}
.tp-footer-grid > *{min-width: 0;}
.tp-footer-grid .footer-identity{grid-column: auto;}
.tp-footer-grid .footer-identity > p{margin-top: 12px; font-size: .9375rem; color: #bcb4ce;}
.tp-footer-worlds{display: flex; flex-wrap: wrap; gap: 8px 12px; margin-top: 14px; max-width: 320px; font-size: .625rem; line-height: 1.5; font-weight: 700; text-transform: uppercase; letter-spacing: .06em;}
.tp-footer-worlds span:nth-child(1){color: #bda3ff;}
.tp-footer-worlds span:nth-child(2){color: #85dccc;}
.tp-footer-worlds span:nth-child(3){color: #d6ff74;}
.tp-footer-worlds span:nth-child(4){color: #ffbc89;}
.tp-footer-contact{display: inline-flex; align-items: center; gap: 18px; min-height: 44px; margin-top: 8px; font-size: .875rem; color: #c3afff;}
.tp-footer-nav h2{font-size: .75rem; line-height: 1.5; text-transform: uppercase; letter-spacing: .12em; margin: 6px 0 12px; color: #ede7f5;}
.footer-links{list-style: none; padding: 0; margin: 0;}
.footer-links a{display: inline-flex; align-items: center; min-height: 44px; font-size: .9375rem; line-height: 1.6; color: #bcb4ce;}
.footer-links a:hover,.footer-links .current-menu-item > a{color: #d6ff74;}
.tp-footer-grid .footer-base{margin-top: 30px; padding: 14px 0; gap: 12px 24px; align-items: center;}
.tp-footer-grid .footer-base > span:nth-child(2){margin-left: auto;}
.tp-footer-grid .footer-base > a{min-height: 44px; display: inline-flex; align-items: center;}
@media(max-width:1000px){.tp-footer-grid{grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px 40px; padding-top: 36px;}
.tp-footer-grid .footer-base{margin-top: 0;}
}
@media(max-width:600px){.tp-footer-grid{gap: 26px 24px; padding-top: 32px;}
.tp-footer-grid .footer-identity,.tp-footer-policies{grid-column: 1/-1;}
.tp-footer-policies ul{display: flex; flex-wrap: wrap; gap: 0 24px;}
.tp-footer-grid .footer-base{gap: 2px 16px; padding: 12px 0 18px;}
.tp-footer-grid .footer-base > a{margin-left: auto;}
}
.tp-author-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px;}
.tp-author-card{display:flex; flex-direction:column; align-items:flex-start; padding:28px; border:1px solid #403b50; border-radius:8px; background:#20202d; min-width:0;}
.tp-author-portrait{display:block; object-fit:cover; object-position:center 35%;}
.tp-author-card > .tp-author-portrait{width:112px; height:112px; border-radius:50%; margin-bottom:24px;}
.tp-author-card h3{font-size:1.5rem; line-height:1.25; margin-bottom:14px;}
.tp-author-role{color:#c3afff; font-size:.8125rem; font-weight:600; line-height:1.6; margin-bottom:8px;}
.tp-author-summary{margin-bottom:20px;}
.tp-author-more{display:inline-flex; align-items:center; gap:10px; min-height:44px; font-size:.875rem; font-weight:600; margin-top:auto; color:#c3afff;}
.tp-author-card a:hover,.tp-author-page a:hover{text-decoration:underline; text-underline-offset:4px;}
.tp-author-page{padding-bottom:64px;}
.tp-author-heading{display:grid; grid-template-columns:240px minmax(0,1fr); align-items:start; gap:48px; padding:36px 0 44px;}
.tp-author-heading > .tp-author-portrait{width:240px; height:280px; border-radius:8px;}
.tp-author-heading h1{font-size:clamp(2.25rem,4vw,3.5rem); letter-spacing:-.035em; line-height:1.12; color:#f7f3ff; margin:12px 0 22px;}
.tp-author-biography{max-width:820px; color:#c1bacd; font-size:1rem; line-height:1.85;}
.tp-author-biography p + p{margin-top:16px;}
.tp-author-coverage{display:flex; flex-wrap:wrap; gap:12px; margin-top:22px;}
.tp-author-coverage a{display:inline-flex; align-items:center; gap:18px; min-height:44px; padding:8px 16px; border:1px solid #504664; border-radius:5px; color:#c3afff;}
.tp-author-focus{padding:28px 0; border-block:1px solid #3d394b; margin-bottom:44px;}
.tp-author-focus h2{font-size:1.25rem; margin-bottom:16px;}
.tp-author-focus ul{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px 32px; padding-left:20px; color:#c1bacd; line-height:1.7;}
.tp-author-focus li::marker{color:#c3afff;}
.tp-author-stories .layout-section-heading{flex-wrap:wrap; gap:12px;}
.tp-author-stories .layout-section-heading > span,.tp-author-contact{color:#b4adbf; font-size:.875rem;}
.tp-author-contact{margin-top:36px; line-height:1.8;}
.tp-author-contact a{color:#c3afff; text-decoration:underline; text-underline-offset:3px;}
.tp-article-author{grid-column:1; grid-row:3; display:flex; align-items:flex-start; gap:24px; border:1px solid #403b50; border-radius:8px; padding:26px; margin:28px 0; background:#20202d;}
.reader-page:has(.tp-article-author) .reader-afterword{grid-row:4; margin-top:0;}
.reader-page:has(.tp-article-author) .article-continue{grid-row:5;}
.tp-article-author > .tp-author-portrait{width:88px; height:88px; border-radius:50%; flex-shrink:0;}
.tp-article-author h2{font-size:1.25rem; line-height:1.4; margin:4px 0;}
.tp-article-author h2 a{color:#f7f3ff;}
.tp-article-author p{line-height:1.75; color:#c1bacd; font-size:.9375rem;}
.tp-article-author .eyebrow{font-size:.6875rem; color:#c3afff;}
.tp-article-author .tp-author-role{color:#c3afff; font-size:.8125rem;}
.story-meta a{position:relative; z-index:2; text-decoration:underline; text-underline-offset:3px;}
.story-meta{justify-content:flex-start; text-align:left;}
.tp-meta-byline{display:inline;}
.tp-meta-date{display:inline-flex; align-items:center; gap:7px;}
.story-meta a:hover{color:#e4d8ff;}
@media(max-width:900px){.tp-author-grid{gap:16px;}
.tp-author-card{padding:22px;}
.tp-author-heading{grid-template-columns:180px minmax(0,1fr); gap:28px;}
.tp-author-heading > .tp-author-portrait{width:180px; height:220px;}
}
@media(max-width:760px){.tp-author-grid{grid-template-columns:1fr;}
.tp-author-heading{grid-template-columns:1fr; gap:24px; padding-top:24px;}
.tp-author-heading > .tp-author-portrait{width:160px; height:180px;}
.tp-author-focus ul{grid-template-columns:1fr; gap:10px;}
.tp-author-page{padding-bottom:40px;}
}
@media(max-width:480px){.tp-article-author{flex-direction:column; padding:22px; gap:16px;}
.tp-article-author > .tp-author-portrait{width:72px; height:72px;}
}