/* 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}
.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}
}
@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}
}
@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}
.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{display:none}
body{background:#fff;color:#111}
.wrap{width:100%}
}
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;}
.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);}
.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);}
.not-found .tp-search-form{width: 100%; margin: 25px 0;}
@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;}
}
@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;}
}
@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;}
.tp-inner .explore-more{padding: 22px;}
}
@media (max-width: 380px){.brand{font-size: 1.625rem; gap: 7px;}
.brand-symbol{width: 33px; height: 33px;}
.header-tools{gap: 7px;}
}
@media print{.header-tools{display: none;}
}
.table-scroll-hint{display:none}
.tp-about,.tp-information{padding-bottom: 64px; text-align: left;}
.tp-about h1,.tp-information h1{overflow-wrap: anywhere;}
.tp-about-heading{display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; padding: 32px 0 52px; border-bottom: 1px solid #3d394b;}
.tp-about-heading .eyebrow{margin-bottom: 17px; font-size: .6875rem; letter-spacing: .14em;}
.tp-about-heading h1{max-width: 470px; font-size: clamp(2.5rem,5vw,4.125rem); line-height: 1.06; font-weight: 800; letter-spacing: -.045em; color: #f7f3ff;}
.tp-about-intro{border-left: 3px solid #c3afff; padding-left: 28px; min-width: 0;}
.tp-about p{color: #c1bacd; font-size: 1rem; line-height: 1.8;}
.tp-about .tp-about-lead{font-size: clamp(1.3125rem,2.05vw,1.6875rem); line-height: 1.4; font-weight: 600; letter-spacing: -.02em; color: #f2ecfb; margin-bottom: 16px;}
.tp-about-section{padding-block: 44px;}
.tp-about-section-heading{max-width: 820px; margin-bottom: 26px;}
.tp-about-section-heading p + p{margin-top: 14px;}
.tp-about h2{font-size: clamp(1.625rem,2.5vw,2.125rem); line-height: 1.2; font-weight: 750; letter-spacing: -.03em; margin-bottom: 16px; color: #f6f1fc;}
.tp-about-content a:not(.button){color: #c3afff; text-decoration: underline; text-underline-offset: 4px;}
.tp-about-content .eyebrow{font-size: .6875rem; color: #c3afff; margin-bottom: 17px;}
.tp-about-worlds{display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 22px;}
.tp-about-world{--world-accent: #bda3ff; min-width: 0; display: flex; flex-direction: column; border: 1px solid #3d394b; background: #11121c; border-radius: 8px; overflow: hidden;}
.tp-about-world[data-world=donghua]{--world-accent: #85dccc;}
.tp-about-world[data-world=manhwa]{--world-accent: #d6ff74;}
.tp-about-world[data-world=manhua]{--world-accent: #ffbc89;}
.tp-world-art{background: #090a10; border-bottom: 3px solid var(--world-accent);}
.tp-world-art img{width: 100%; height: auto; aspect-ratio: 16/9;}
.tp-world-copy{display: flex; flex-direction: column; flex: 1; padding: 22px; min-width: 0;}
.tp-world-copy h3{font-size: 1.5625rem; line-height: 1.25; letter-spacing: -.02em; color: var(--world-accent); margin-bottom: 12px;}
.tp-world-copy p{font-size: .9375rem; line-height: 1.75; margin-bottom: 18px;}
.tp-world-copy > a{margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 44px; font-size: .875rem; font-weight: 700;}
.tp-about .tp-world-copy a{color: var(--world-accent);}
.tp-world-copy nav{display: flex; flex-wrap: wrap; gap: 10px 18px; border-top: 1px solid #34323f; margin-top: 8px; padding-top: 6px;}
.tp-world-copy nav a{display: inline-flex; align-items: center; min-height: 44px; font-size: .8125rem;}
.tp-about .tp-about-news{margin-top: 22px; font-size: .9375rem;}
.tp-about-approach{display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.3fr); gap: 70px; border-block: 1px solid #3d394b;}
.tp-about-approach > div > p{margin-bottom: 20px;}
.tp-about-principles{padding: 0; margin: 0; list-style: none;}
.tp-about-principles li{padding-bottom: 22px; margin-bottom: 22px; border-bottom: 1px solid #35323f;}
.tp-about-principles li:last-child{padding-bottom: 0; margin-bottom: 0; border: 0;}
.tp-about-principles h3{font-size: 1.1875rem; line-height: 1.35; margin-bottom: 8px; letter-spacing: -.01em;}
.tp-about-principles p{font-size: .9375rem;}
.tp-about-standards{display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px;}
.tp-about .tp-about-standards > a{display: flex; flex-direction: column; gap: 14px; padding: 24px; background: #20202d; border: 1px solid #403b50; border-radius: 8px; text-decoration: none; min-width: 0;}
.tp-about-standards a:hover{border-color: #c3afff; background: #272334;}
.tp-about-standards > a > span:first-child{font-size: .6875rem; letter-spacing: .08em; text-transform: uppercase; color: #bcb3cb;}
.tp-about-standards h3{font-size: 1.1875rem; color: #faf4ff; line-height: 1.3;}
.tp-about-standards p{font-size: .9375rem;}
.tp-standard-link{font-size: .8125rem; margin-top: auto; text-decoration: underline; text-underline-offset: 4px;}
.tp-about-finish{display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 30px 32px; border-left: 3px solid #d6ff74; background: #11121b; border-radius: 0 8px 8px 0;}
.tp-about-finish h2{font-size: 1.5625rem; margin-bottom: 8px;}
.tp-about-finish p{font-size: .9375rem;}
.tp-about-finish .button{flex-shrink: 0;}
.tp-about .tp-about-note{font-size: .8125rem; margin-top: 25px; line-height: 1.7; max-width: 900px; color: #b9b0c8;}
.tp-information-heading{max-width: 950px; padding: 28px 0 34px; margin-bottom: 38px; border-bottom: 1px solid #3b3346;}
.tp-information-heading .eyebrow{font-size: .6875rem; letter-spacing: .14em; color: #c2acf5; margin-bottom: 14px;}
.tp-information-heading h1{font-size: clamp(2.25rem,4.4vw,3.75rem); line-height: 1.1; letter-spacing: -.035em; font-weight: 800; color: #f7f2ff; margin-bottom: 20px;}
.tp-information-intro{max-width: 780px; font-size: 1.1875rem; line-height: 1.7; color: #d1c8df; margin-bottom: 18px;}
.tp-information-updated{font-size: .8125rem; color: #ada3be;}
.tp-information-layout{display: grid; grid-template-columns: 240px minmax(0,780px); gap: 55px; align-items: start;}
.tp-information-nav{position: sticky; top: 24px; min-width: 0;}
.tp-information-nav nav{display: flex; flex-direction: column; gap: 5px;}
.tp-information-nav a{display: flex; align-items: center; min-height: 44px; font-size: .875rem; line-height: 1.6; padding: 10px 13px; color: #c9bedb; border-left: 2px solid transparent; text-decoration: none; overflow-wrap: anywhere;}
.tp-information-nav a[aria-current=page]{background: #252033; border-color: #d6ff74; color: #e3ff9b; font-weight: 700;}
.tp-information-nav a:hover{background: #252033; color: #f2ebff;}
.tp-information-toc{margin-top: 24px; padding-top: 18px; border-top: 1px solid #3b3346;}
.tp-information-toc p{padding: 0 13px; font-size: .6875rem; text-transform: uppercase; letter-spacing: .12em; color: #bba6e1;}
.tp-information-body{min-width: 0; font-size: 1.0625rem; line-height: 1.85; color: #d1c7dd; overflow-wrap: anywhere;}
.tp-information-body h2{color: #f5effc; font-size: 1.6875rem; line-height: 1.3; letter-spacing: -.02em; margin: 36px 0 14px; scroll-margin-top: 25px;}
.tp-information-body h2:first-child{margin-top: 0;}
.tp-information-body p{margin-bottom: 20px;}
.tp-information-body ul{padding-left: 23px; margin-bottom: 24px;}
.tp-information-body li{margin-bottom: 10px;}
.tp-information-body a{color: #c6afff; text-decoration: underline; text-underline-offset: 4px;}
.tp-contact-card{padding: 24px; border: 1px solid #4b3e5d; border-left: 3px solid #d6ff74; background: #171420; border-radius: 5px; margin-bottom: 28px; overflow-wrap: anywhere;}
.tp-contact-card .tp-contact-label{font-size: .6875rem; letter-spacing: .12em; text-transform: uppercase; font-weight: 750; color: #ddff99; margin-bottom: 12px;}
.tp-contact-card .tp-contact-address{font-size: 1.1875rem;}
.tp-contact-card p:last-child{margin-bottom: 0;}
.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:1100px){.tp-about-worlds{grid-template-columns: repeat(2,minmax(0,1fr));}
.tp-about-heading{gap: 32px;}
.tp-about-approach{gap: 36px;}
}
@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:900px){.tp-information-layout{grid-template-columns: 190px minmax(0,1fr); gap: 30px;}
.tp-information-intro{font-size: 1.125rem;}
}
@media(max-width:760px){.tp-about-heading{grid-template-columns: 1fr; gap: 25px; padding-block: 12px 34px;}
.tp-about-heading h1{max-width: none; font-size: 2.625rem;}
.tp-about-intro{padding-left: 20px;}
.tp-about-section{padding-block: 34px;}
.tp-about-approach,.tp-about-standards{grid-template-columns: 1fr; gap: 22px;}
.tp-about-finish{flex-direction: column; align-items: flex-start; gap: 20px; padding: 24px;}
.tp-about-finish .button{width: 100%; justify-content: center;}
.tp-about,.tp-information{padding-bottom: 40px;}
}
@media(max-width:720px){.tp-information-heading{padding-top: 18px; padding-bottom: 25px; margin-bottom: 25px;}
.tp-information-layout{display: flex; flex-direction: column; gap: 28px;}
.tp-information-nav{position: static; width: 100%;}
.tp-information-nav > nav:first-child{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px;}
.tp-information-nav a{padding: 10px;}
.tp-information-nav .tp-information-toc{display: none;}
.tp-information-body{font-size: 1rem; line-height: 1.8;}
.tp-information-body h2{font-size: 1.5rem; margin-top: 30px;}
.tp-contact-card{padding: 20px;}
}
@media(max-width:600px){.tp-about-worlds{grid-template-columns: 1fr;}
.tp-world-art img{aspect-ratio: 16/8; object-fit: cover;}
.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;}
}
@media print{.tp-information-nav,.tp-about-finish{display: none;}
.tp-information-layout{display: block;}
.tp-information-body,.tp-information-body h2,.tp-information-heading h1{color: #111;}
}
.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-about .tp-author-card h3 a{color:#faf4ff; text-decoration:none;}
.tp-about .tp-author-role,.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;}
.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;}
}