/* IanTeam shared identity — consistent across all series · Developed by heaven, IanTeam member */
.ian-global-header,.ian-global-header *{box-sizing:border-box}
.ian-global-header{position:relative;z-index:35;background:#0a0e18;border-bottom:1px solid rgba(223,195,148,.22);box-shadow:0 14px 32px rgba(0,0,0,.17);font-family:Tahoma,'Segoe UI',sans-serif;direction:rtl}
.ian-global-header:before{content:'';height:2px;display:block;background:linear-gradient(90deg,#70334b,#c6aa7c 50%,#344c73)}
.ian-global-header .ian-inner{max-width:1320px;margin:auto;padding:0 clamp(17px,4.5vw,70px);min-height:78px;display:flex;align-items:center;gap:28px;justify-content:space-between}
.ian-global-header .ian-brand{display:inline-flex;gap:12px;align-items:center;text-decoration:none;min-width:0;color:#f5ead8;direction:ltr;flex-shrink:0}
.ian-global-header .ian-brand img{width:40px;height:40px;display:block}
.ian-global-header .ian-brand strong{font:700 24px/1.1 Georgia,serif;letter-spacing:.01em}
.ian-global-header .ian-brand small{display:block;font:9px/1.5 Georgia,serif;color:#c9ae80;letter-spacing:.15em;margin-top:4px}
.ian-global-header .ian-nav{display:flex;gap:clamp(12px,2.7vw,35px);align-items:center;margin-inline:auto}
.ian-global-header .ian-nav a{font-size:12px;text-decoration:none;color:#bbb9c2;white-space:nowrap;padding-block:15px;transition:color .15s}
.ian-global-header .ian-nav a:hover,.ian-global-header .ian-nav a:focus-visible{color:#edcf99}
.ian-global-header .ian-home{border:1px solid rgba(215,187,138,.53);color:#e9d2ae;text-decoration:none;font-size:12px;padding:10px 16px;white-space:nowrap;transition:background .2s}
.ian-global-header .ian-home:hover{background:#d3b37b;color:#101522}
.ian-global-header a:focus-visible{outline:2px solid #efd4a0;outline-offset:4px}
@media(max-width:760px){.ian-global-header .ian-inner{flex-wrap:wrap;min-height:67px;gap:0 12px;padding:10px 18px}.ian-global-header .ian-brand img{width:34px;height:34px}.ian-global-header .ian-brand strong{font-size:22px}.ian-global-header .ian-brand small{font-size:7px}.ian-global-header .ian-nav{width:100%;order:4;justify-content:space-around;border-top:1px solid #efd09d23;margin-top:9px;padding-top:2px;gap:9px}.ian-global-header .ian-home{margin-right:auto;font-size:10px;padding:7px 10px}.ian-global-header .ian-nav a{padding-block:7px;font-size:11px}}
@media(max-width:360px){.ian-global-header .ian-brand strong{font-size:19px}.ian-global-header .ian-home{padding:6px 8px}}

/* One shared branded footer across every experience (not a separate subsite). */
.ian-global-footer,.ian-global-footer *{box-sizing:border-box}
.ian-global-footer{position:relative;z-index:10;background:#0a0e18;border-top:1px solid #d3b37b38;color:#c8c3c5;font-family:Tahoma,'Segoe UI',sans-serif;direction:rtl}
.ian-global-footer .ian-footer-inner{max-width:1320px;margin:auto;padding:25px clamp(17px,4.5vw,70px);display:flex;align-items:center;justify-content:space-between;gap:20px 32px;flex-wrap:wrap}
.ian-global-footer .ian-footer-brand{display:flex;align-items:center;gap:12px;direction:ltr;color:#f0e4d0;text-decoration:none}
.ian-global-footer .ian-footer-brand img{width:36px;height:36px}
.ian-global-footer .ian-footer-brand b{font:700 22px Georgia,serif}
.ian-global-footer .ian-footer-brand small{display:block;font:9px Georgia,serif;letter-spacing:.10em;color:#c6ac7f;margin-top:2px}
.ian-global-footer .ian-footer-meta{text-align:center;font-size:10px;line-height:2;color:#bcb3b2}
.ian-global-footer .ian-footer-meta strong{color:#e4c38c}
.ian-global-footer .ian-footer-meta .ian-credit{display:block;font:10px/1.7 Georgia,serif;letter-spacing:.08em;color:#d3b37b;direction:ltr}
.ian-global-footer .ian-footer-back{color:#e4c38c;font-size:11px;text-decoration:none;border-bottom:1px solid #d3b37b77;padding:8px 0}
.ian-global-footer .ian-footer-back:hover{color:#fff0d3}
.ian-global-footer .ian-footer-bottom{border-top:1px solid #d3b37b26;text-align:center;color:#978d8f;font:10px/1.8 Georgia,serif;letter-spacing:.08em;padding:11px 18px}
@media(max-width:760px){.ian-global-footer .ian-footer-inner{flex-direction:column;justify-content:center;text-align:center;gap:14px;padding-block:25px}.ian-global-footer .ian-footer-meta{order:3}}

/* v1.4: same left brand/right back button arrangement on every drama page */
.ian-global-header .ian-inner{direction:ltr}
.ian-global-header .ian-nav{direction:rtl}
.ian-global-header .ian-home{direction:rtl}
.ian-global-footer .ian-footer-inner{direction:ltr}
.ian-global-footer .ian-footer-meta{direction:rtl}
.ian-global-footer .ian-footer-back{direction:rtl}
@media(max-width:760px){.ian-global-header .ian-home{margin-right:0;margin-left:auto}.ian-global-footer .ian-footer-inner{direction:ltr}}

/* Keep brand on the physical left and back-to-top on the physical right, also on phones. */
@media(max-width:760px){
 .ian-global-footer .ian-footer-inner{flex-direction:row;flex-wrap:wrap;justify-content:space-between;text-align:start;gap:14px 8px}
 .ian-global-footer .ian-footer-brand{order:1;max-width:calc(100% - 116px)}
 .ian-global-footer .ian-footer-brand b{font-size:18px}
 .ian-global-footer .ian-footer-brand small{font-size:7px;letter-spacing:.05em}
 .ian-global-footer .ian-footer-back{order:2;font-size:10px;white-space:nowrap}
 .ian-global-footer .ian-footer-meta{order:3;flex-basis:100%;text-align:center}
}
