/* Shared native-art header and thin ink frames for secondary pages. */
.inner-page .inner-hero{position:relative;height:245px;min-height:245px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:20px 240px;text-align:center;background:none;border:0;box-shadow:none}
.inner-page .inner-hero .hero-character{position:absolute;left:0;bottom:-25px;top:auto;width:270px;height:280px;object-fit:contain;object-position:center bottom;opacity:1;filter:none;mask-image:none;transform:none}
.inner-page .inner-hero-companion{position:absolute;right:0;bottom:-20px;width:265px;height:275px;object-fit:contain;object-position:center bottom;transform:scaleX(-1);pointer-events:none}
.inner-page .inner-hero .hero-copy{position:relative;z-index:1;left:auto;top:auto;transform:none;margin:0;padding:15px 20px;border-radius:50%;background:radial-gradient(ellipse,#17456d66,transparent 74%);text-shadow:0 2px 4px #193347}
.inner-page .inner-hero .hero-logo{font:bold italic 43px/1.1 Georgia,serif;letter-spacing:-1.5px;color:#fff0d2;-webkit-text-stroke:.7px #92592e;paint-order:stroke fill;text-shadow:1px 2px #5b321d,0 0 2px #fff}
.inner-page .inner-hero h1{margin:9px 0 12px;font-size:24px;color:white}.inner-page .inner-hero .eyebrow{font-size:9px;letter-spacing:2px}.inner-page .inner-hero .hero-note{right:12px;bottom:18px;font-size:8px}
.inner-page .panel{border:1px solid #263d50;border-radius:2px;box-shadow:0 6px 20px #20344716;background:#fffdf6f5}
.inner-page .content-panel,.inner-page .auth-panel{border:1px solid #263d50;border-radius:2px}.inner-page .guide-art{border:2px solid #263b4e;border-radius:0;box-shadow:3px 3px 0 #263b4e;object-fit:cover;object-position:center 36%;max-height:200px}
.inner-page .public-news-image img{border:2px solid #263b4e;border-radius:0}.inner-page .thread-header,.inner-page .topic-header{border-color:#b8c3c9}
@media(max-width:900px){.inner-page .inner-hero{padding:15px 165px;height:225px;min-height:225px}.inner-page .inner-hero .hero-character,.inner-page .inner-hero-companion{width:210px;height:245px}.inner-page .inner-hero .hero-logo{font-size:37px}.inner-page .inner-hero h1{font-size:21px}}
@media(max-width:640px){.inner-page .inner-hero{height:205px;min-height:205px;padding:15px 85px}.inner-page .inner-hero .hero-character{left:-55px;width:190px;height:220px}.inner-page .inner-hero-companion{right:-58px;width:180px;height:215px}.inner-page .inner-hero .hero-copy{padding:8px 4px}.inner-page .inner-hero .hero-logo{font-size:29px}.inner-page .inner-hero h1{font-size:16px}.inner-page .inner-hero .eyebrow{font-size:7px;letter-spacing:1px}.inner-page .inner-hero .hero-note{display:none}.inner-page .inner-hero .hero-copy>p:last-child{font-size:10px}}

/* Native portraits meet a visible banner edge instead of ending in open sky. */
.inner-page .inner-hero{border-bottom:1px solid #3e6279;background:linear-gradient(0deg,#b9e0f34d,transparent 45%);margin-bottom:0}
.inner-page .inner-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#27486099,#7fa9be66,#27486099);z-index:3;pointer-events:none}
.inner-page .inner-hero .hero-character,.inner-page .inner-hero .inner-hero-companion{bottom:-45px;animation:none!important;z-index:1}
.inner-page .inner-hero .hero-copy{z-index:2}
.inner-page .inner-hero .hero-note{z-index:2;bottom:12px}
@media(max-width:640px){.inner-page .inner-hero .hero-character,.inner-page .inner-hero .inner-hero-companion{bottom:-34px}}