/* One shared, responsive navigation system for every route. */
body>header.literary-masthead{height:64px;min-height:64px;display:grid;grid-template-columns:290px minmax(0,1fr) 225px 185px;gap:18px;align-items:center;padding:0 28px;background:linear-gradient(105deg,#061828,#103149 74%,#071e33);border-bottom:1px solid #b59a6955;position:relative;z-index:60;box-shadow:none}.literary-masthead .brand{font:600 25px/1.3 'Noto Serif Thai',serif;gap:11px;min-width:0;color:#eac58a}.literary-logo{width:68px;height:48px;flex-shrink:0}.literary-masthead .brand small{font:8px/2.2 'Noto Sans Thai',sans-serif;letter-spacing:2px;color:#d6c6a7}.literary-masthead nav{height:64px;gap:0;justify-content:center;align-items:stretch;min-width:0;overflow:visible;font:12px 'Noto Sans Thai',sans-serif}.literary-masthead nav a{display:flex;align-items:center;justify-content:center;white-space:nowrap;padding:0 14px;border:0;border-bottom:3px solid transparent;box-shadow:none;color:#e5eaf0}.literary-masthead nav a.active{border-bottom-color:#efd59d;background:linear-gradient(#203f5333,#29455577);color:#ffe3a5}.literary-masthead nav a:hover{background:#29455555;color:#ffe3a5}.header-search-area{position:relative;min-width:0}.header-search{height:33px;border:1px solid #65869d;border-radius:24px;display:flex;align-items:center;background:#061d34cc;box-shadow:inset 0 2px 5px #0003;overflow:hidden}.header-search input{width:100%;min-width:0;background:transparent;color:#edf3f7;border:0;padding:7px 0 7px 15px;font-size:11px;outline-offset:-3px}.header-search input::placeholder{color:#a0b6cb}.header-search button{border:0;color:#dae6ee;background:transparent;padding:7px 10px;display:grid;place-items:center}.header-search svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.5;fill:none}.header-music{display:flex;align-items:center;gap:13px;justify-self:end;font-size:12px;line-height:1.55;color:#dfc496}.header-music>span{font:40px Georgia,serif;color:#e1e8ef}.header-search-results{position:absolute;top:42px;right:0;width:390px;max-width:85vw;max-height:65vh;overflow:auto;background:#fffbf1;color:#17334c;border:1px solid #c8b080;border-radius:10px;box-shadow:0 10px 40px #0005;padding:10px;z-index:80}.header-search-results[hidden]{display:none}.header-search-results p{font-size:12px;margin:4px 9px 10px;color:#687783}.header-search-results a{display:block;padding:10px;border-top:1px solid #e6d8be;font-size:14px}.header-search-results a:hover{background:#f0e2c6}.header-search-results small{display:block;color:#926c35;font-size:10px}.page-title{background-image:linear-gradient(90deg,#071b2c22,#071b2ccf 24%,#071b2ccf 65%,#071b2c22),url('home-banner-v3.png');background-size:cover,auto 100%;background-repeat:no-repeat;background-position:center,right center;min-height:190px;padding:36px 20% 42px}.page-title:before{background-image:url('poet.png');background-size:auto 100%;background-repeat:no-repeat;width:23%;mask-image:linear-gradient(90deg,#000 60%,transparent);opacity:.8}.page-title h1{font-size:34px;line-height:1.5}.page-title p{font-size:15px}.page-title:after{height:43px;opacity:.55}.ref-cast-rail h2,.ref-character-side h3,.ref-about-menu h3,.ref-about-aside h3{font-family:'Noto Serif Thai',serif}.ref-episodes .arc-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ref-about-layout .timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 12px}.ref-about-layout .timeline h3{grid-row:1}.ref-about-layout .timeline p{grid-row:2}.ref-about-layout .timeline h3:nth-of-type(1),.ref-about-layout .timeline p:nth-of-type(1){grid-column:1}.ref-about-layout .timeline h3:nth-of-type(2),.ref-about-layout .timeline p:nth-of-type(2){grid-column:2}.ref-about-layout .timeline h3:nth-of-type(3),.ref-about-layout .timeline p:nth-of-type(3){grid-column:3}.ref-about-layout .timeline h3:nth-of-type(4),.ref-about-layout .timeline p:nth-of-type(4){grid-column:4}.ref-about-layout .timeline h3:nth-of-type(5),.ref-about-layout .timeline p:nth-of-type(5){grid-column:5}
@media(max-width:1450px){body>header.literary-masthead{grid-template-columns:255px minmax(0,1fr) 195px 155px;gap:12px;padding-inline:20px}.literary-masthead nav a{padding-inline:10px;font-size:11px}.literary-masthead .brand{font-size:23px}.literary-logo{width:56px}.header-music{font-size:10px;gap:8px}}
@media(max-width:1150px){body>header.literary-masthead{grid-template-columns:235px minmax(0,1fr) 180px;gap:10px;padding-inline:14px}.header-music{display:none}.literary-masthead nav a{padding-inline:8px;font-size:10px}.ref-episodes .arc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ref-about-layout .timeline{display:block}}
@media(max-width:800px){body>header.literary-masthead{height:auto;grid-template-columns:1fr 190px;gap:4px 15px;padding:10px 4% 0}.literary-masthead .brand{font-size:24px}.literary-masthead nav{grid-column:1/-1;grid-row:2;height:46px;justify-content:space-between;overflow-x:auto}.literary-masthead nav a{font-size:11px;padding-inline:10px}.header-search-area{grid-column:2;grid-row:1}.page-title{min-height:190px;padding:30px 8% 45px}.page-title h1{font-size:28px}.ref-episodes .arc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){body>header.literary-masthead{grid-template-columns:1fr;gap:6px}.literary-masthead .brand{justify-self:center}.header-search-area{grid-column:1;grid-row:2;width:100%;max-width:340px;justify-self:center}.literary-masthead nav{grid-row:3}.literary-masthead nav a{font-size:10px;padding-inline:8px}.header-search-results{right:0;width:100%;max-width:100%}.page-title h1{font-size:24px}.page-title p{font-size:13px}}
.editorial-credit{font:13px/1.9 'Noto Sans Thai',sans-serif;color:#ead0a4}.editorial-credit strong{font-weight:500;display:block}.editorial-credit span{display:block;font:12px/1.9 'Noto Sans Thai',sans-serif;color:#bacbdb}.mani-credit .editorial-credit{border-left:1px solid #d0ae6855;padding-left:20px}.mani-credit{flex-wrap:wrap;gap:15px}body>footer{flex-wrap:wrap}@media(max-width:650px){.mani-credit .editorial-credit{flex-basis:100%;border:0;border-top:1px solid #d0ae6855;padding:12px 0 0}}
body>header.literary-masthead{grid-template-columns:270px minmax(0,1fr) 200px 155px 106px;gap:12px;padding-inline:22px}.literary-masthead nav a{padding-inline:10px}.menu-language-control{display:flex;align-items:center;gap:5px;border:1px solid #7893a46b;border-radius:20px;padding:5px 7px;color:#e9d3a6;min-width:0}.menu-language-control>svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.3;flex-shrink:0}.menu-language-control select{border:0;background:#0b263d;color:#f3e2c5;min-width:0;width:100%;font-size:12px;padding:2px 0;cursor:pointer}.menu-language-control option{background:#0b263d;color:#fff}.literary-masthead nav[lang=zh-Hans]{font-family:'Microsoft YaHei','Noto Sans SC',sans-serif}
@media(max-width:1450px){body>header.literary-masthead{grid-template-columns:230px minmax(0,1fr) 170px 130px 100px;gap:9px;padding-inline:15px}.literary-masthead nav a{padding-inline:8px;font-size:11px}.literary-masthead .brand{font-size:22px}.literary-logo{width:50px}.literary-masthead .brand small{font-size:7px;letter-spacing:1.4px}}
@media(max-width:1200px){body>header.literary-masthead{grid-template-columns:230px minmax(0,1fr) 175px 102px;gap:9px}.header-music{display:none}.literary-masthead nav a{padding-inline:7px;font-size:10px}}
@media(max-width:950px){body>header.literary-masthead{height:auto;grid-template-columns:1fr 210px 104px;gap:4px 12px;padding:10px 3% 0}.literary-masthead nav{grid-column:1/-1;grid-row:2;height:44px;justify-content:center;overflow-x:auto}.literary-masthead nav a{padding-inline:17px;font-size:12px}.header-search-area{grid-column:2;grid-row:1}.menu-language-control{grid-column:3;grid-row:1}.literary-masthead .brand{justify-self:start}}
@media(max-width:550px){body>header.literary-masthead{grid-template-columns:minmax(0,1fr) 105px;gap:8px;padding:10px 4% 0}.literary-masthead .brand{font-size:22px}.literary-masthead nav{grid-row:3;justify-content:space-between}.literary-masthead nav a{font-size:10px;padding-inline:7px}.menu-language-control{grid-column:2;grid-row:1}.header-search-area{grid-column:1/-1;grid-row:2;width:100%;max-width:none}.literary-masthead .brand small{letter-spacing:1px;font-size:6px}.literary-logo{width:40px}.header-search-results{width:100%;max-width:100%}}