/* Shared three-tier header: burgundy, hanji and charcoal. */
.pj-nav{position:relative;isolation:isolate;z-index:110;background:radial-gradient(ellipse at 50% 0,#b20b0d 0,#8f0708 65%,#740609 100%);box-shadow:inset 0 1px #b958352e,inset 0 -1px #d9b26a55;overflow:visible}.pj-nav:before,.pj-nav:after{content:'';position:absolute;pointer-events:none;z-index:-1;bottom:0;width:215px;height:108px;background:url('/thema/Basic/main/header-cloud.svg') left bottom/contain no-repeat;opacity:.35}.pj-nav:before{left:0}.pj-nav:after{right:0;transform:scaleX(-1)}#thema_wrapper .pj-nav .pj-nav-inner{width:1530px;max-width:calc(100% - 50px);min-height:91px;gap:30px;position:relative;padding-top:0;padding-bottom:0}.pj-nav .pj-brand{color:#f8ead1!important;font-size:34px;gap:13px;letter-spacing:-1.5px;flex-shrink:0}.pj-nav .pj-brand-mark{width:53px;height:53px;flex-basis:53px;border:1px solid #dfc18b;box-shadow:0 0 0 3px #ae563011}.pj-nav nav{display:flex;align-items:center;justify-content:center;flex:1;gap:0;flex-wrap:nowrap;min-width:0}.pj-nav nav a{position:relative;display:block;color:#f4e3c8!important;font-size:16px;font-weight:400;padding:0 15px;white-space:nowrap;line-height:1.6}.pj-nav nav a+a:before{position:absolute;content:'';left:0;top:4px;bottom:4px;width:1px;background:#d5b68345}.pj-nav nav a:hover{color:#fff7d8!important}.pj-nav .pj-account{display:flex;align-items:center;gap:12px;flex-shrink:0;opacity:1}.pj-account a{font-size:14px;color:#f1dec0!important}.pj-account>a+a{border-left:1px solid #d5b68360;padding-left:12px}.pj-login-link{display:inline-flex;align-items:center;gap:5px}.pj-login-link svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.4}.pj-header-search{position:relative;margin-right:5px}.pj-header-search summary{display:flex;align-items:center;justify-content:center;color:#f8e9cf;cursor:pointer;width:32px;height:34px;list-style:none}.pj-header-search summary::-webkit-details-marker{display:none}.pj-header-search summary svg{width:27px;height:27px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.pj-header-search form{position:absolute;right:0;top:calc(100% + 17px);width:320px;background:#fffbf2;padding:19px;border:1px solid #c7a46a;box-shadow:0 6px 25px #2e160e33;border-radius:6px;color:#4d3827}.pj-header-search label{display:block;font-size:14px;font-weight:400;margin:0 0 10px}.pj-header-search form>div{display:flex;gap:6px}.pj-header-search input{min-width:0;flex:1;width:100%;height:40px;border:1px solid #dac9ae;border-radius:3px;padding:7px 10px;font-size:14px;background:#fff;color:#352c23}.pj-header-search button{flex-shrink:0;border:0;border-radius:3px;padding:7px 13px;background:#990c10;color:#fff;font-size:14px}.pj-header-search summary:focus-visible,.pj-header-search input:focus-visible,.pj-header-search button:focus-visible{outline:2px solid #c7a46a;outline-offset:3px}.pj-quickbar{background-color:#fcf4e6;background-image:linear-gradient(90deg,#fff7e71a,#fff8ebaa 26%,#fff8ebbb 75%,#fff7e710),url('/img/home-2026/editorial-landscape.webp');background-size:cover;background-position:center 62%;border-bottom:1px solid #dccba9}.pj-quicklinks{min-height:106px;gap:20px;justify-content:center;padding-top:18px;padding-bottom:18px}.pj-quicklinks>a{position:relative;font-size:17px;font-weight:600;color:#383027;padding:0 19px;line-height:1.6}.pj-quicklinks>a+a:after{content:'';position:absolute;left:-10px;top:5px;bottom:5px;width:1px;background:#c9a66b55}.pj-quicklinks .pj-fortune-link,.pj-quicklinks .pj-zodiac-link{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:14px 26px;min-height:58px;border:1px solid #b58e44;border-radius:0;color:#fff0cf;font-size:18px;font-weight:600;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);box-shadow:inset 0 0 0 2px #ecd0877a,inset 0 0 0 5px #6b060c6b;background:linear-gradient(110deg,#79080c,#ad1115 48%,#7c060a)}.pj-quicklinks .pj-zodiac-link{background:linear-gradient(110deg,#735015,#9e711f 48%,#70480e);box-shadow:inset 0 0 0 2px #f5d69380,inset 0 0 0 5px #69470f70}.pj-quicklinks .pj-fortune-link:before,.pj-quicklinks .pj-zodiac-link:before{content:'';position:absolute;inset:5px;border:1px solid #e1bf70a6;clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);pointer-events:none}.pj-quicklinks .pj-fortune-link:after,.pj-quicklinks .pj-zodiac-link:after{display:none}.pj-quicklinks a span{font-family:Arial,sans-serif;margin-left:0;font-size:25px;line-height:1}.pj-quicklinks a:hover{opacity:1;color:#981116}.pj-quicklinks .pj-fortune-link:hover,.pj-quicklinks .pj-zodiac-link:hover{color:#fff9e7;filter:brightness(1.12)}.pj-quicklinks .pj-fortune-link:focus-visible,.pj-quicklinks .pj-zodiac-link:focus-visible{outline:0;box-shadow:inset 0 0 0 4px #fff0b5}.pj-boardbar{background:linear-gradient(100deg,#302c27,#3b3730 50%,#302c27);border-bottom:1px solid #b9a38244;box-shadow:inset 0 1px #ffffff08}.pj-boardlinks{min-height:53px;justify-content:center}.pj-boardlinks a{position:relative;font-size:16px;line-height:1.6;color:#e8ddca;padding:12px 21px;white-space:nowrap}.pj-boardlinks a+a:before{content:'';position:absolute;left:0;top:16px;bottom:16px;width:1px;background:#c7b69766}.pj-boardlinks a:hover,.pj-boardlinks a[aria-current=page]{background:#ffffff08;color:#f2d39c}
@media(min-width:1200px) and (max-width:1599px){#thema_wrapper .pj-nav .pj-nav-inner{gap:18px;max-width:calc(100% - 30px)}.pj-nav .pj-brand{font-size:30px;gap:9px}.pj-nav .pj-brand-mark{width:46px;height:46px;flex-basis:46px}.pj-nav nav a{font-size:14px;padding:0 11px}.pj-nav .pj-account{gap:8px}.pj-account a{font-size:13px}.pj-account>a+a{padding-left:8px}.pj-quicklinks{gap:16px}.pj-quicklinks>a{font-size:16px;padding:0 15px}.pj-quicklinks .pj-fortune-link,.pj-quicklinks .pj-zodiac-link{font-size:17px;padding:13px 21px;gap:11px}.pj-boardlinks a{font-size:15px;padding-left:18px;padding-right:18px}}
@media(max-width:1199px){#thema_wrapper .pj-nav .pj-nav-inner{min-height:0;max-width:calc(100% - 30px);display:flex;flex-wrap:wrap;justify-content:space-between;gap:0;padding-top:16px}.pj-nav .pj-brand{font-size:29px}.pj-nav .pj-brand-mark{width:44px;height:44px;flex-basis:44px}.pj-nav nav{order:3;flex:0 0 100%;justify-content:center;overflow-x:auto;padding:17px 0 15px;gap:0}.pj-nav nav a{font-size:14px;padding:0 16px}.pj-nav .pj-account{order:2}.pj-quicklinks{min-height:92px;overflow-x:auto;justify-content:flex-start;gap:16px;padding-top:17px;padding-bottom:17px}.pj-quicklinks>a{font-size:15px;padding:0 15px}.pj-quicklinks .pj-fortune-link,.pj-quicklinks .pj-zodiac-link{font-size:16px;min-height:52px;padding:12px 21px;gap:12px}.pj-boardlinks{justify-content:flex-start;min-height:48px}.pj-boardlinks a{font-size:14px;padding:12px 17px}.pj-boardlinks a+a:before{top:15px;bottom:15px}}
@media(max-width:767px){#thema_wrapper .pj-nav .pj-nav-inner{max-width:100%;padding:13px 15px 0}.pj-nav:before,.pj-nav:after{width:120px;height:80px;opacity:.2}.pj-nav .pj-brand{font-size:25px;gap:8px}.pj-nav .pj-brand-mark{width:37px;height:37px;flex-basis:37px}.pj-nav .pj-account{gap:8px}.pj-account a{font-size:12px}.pj-account>a+a{padding-left:8px}.pj-login-link{gap:3px}.pj-login-link svg{width:15px;height:15px}.pj-header-search{margin:0}.pj-header-search summary{width:25px;height:30px}.pj-header-search summary svg{width:23px;height:23px}.pj-header-search form{position:fixed;top:70px;right:15px;width:calc(100vw / 1.1 - 30px);max-width:330px;padding:16px}.pj-nav nav{justify-content:flex-start;padding:16px 0 13px;flex-wrap:nowrap;gap:0}.pj-nav nav a{font-size:14px;padding:0 13px}.pj-nav nav a:first-child{padding-left:0}.pj-quickbar{background-position:center 67%}.pj-quicklinks{min-height:79px;gap:14px;padding:12px 15px}.pj-quicklinks>a{font-size:15px;padding:0 14px}.pj-quicklinks .pj-fortune-link,.pj-quicklinks .pj-zodiac-link{font-size:15px;padding:11px 18px;min-height:49px;gap:10px}.pj-quicklinks a span{font-size:22px}.pj-boardlinks{padding-left:15px;padding-right:15px;min-height:44px}.pj-boardlinks a{font-size:13px;padding:11px 14px}.pj-boardlinks a:first-child{padding-left:0}.pj-boardlinks a+a:before{top:14px;bottom:14px}}
@media(max-width:370px){.pj-nav .pj-brand{font-size:22px;gap:6px}.pj-nav .pj-brand-mark{width:31px;height:31px;flex-basis:31px}.pj-nav .pj-account{gap:6px}.pj-account a{font-size:11px}.pj-account>a+a{padding-left:6px}.pj-login-link svg{display:none}}