/* Moonwhisper Coast | Classic Azeroth visual skin
   Original project images, no third-party artwork embedded.
   Warm parchment, aged brass, tavern wood, carved stone, high-contrast forms. */
:root{--ink:#2b2119;--brown:#352319;--dark:#170f0a;--clay:#7b4b29;--copper:#b67538;--gold:#e1a954;--amber:#d9a35c;--cream:#f7e7c7;--parchment:#e5d5b5;--paper:#f4e8cd;--sand:#cdb58c;--muted:#755f46;--line:#cbb188;--max:1240px}
body{background:#d9c59e;background-image:radial-gradient(circle at 50% -8%,#f9edce 0%,rgba(249,237,206,0) 52%),linear-gradient(90deg,rgba(82,52,26,.055) 1px,transparent 1px);background-size:auto,33px 33px}
.topline{background:#1f160f;border-bottom:1px solid #665037;color:#caa878}
.masthead{background:linear-gradient(180deg,#4b3020,#281b13 72%,#1c140e);border-top:2px solid #9a7040;border-bottom:3px solid #aa7a40;box-shadow:0 4px 0 #261810,0 10px 28px #281b1650}
.header-inner{min-height:93px}
.brand-crest{background:radial-gradient(circle,#7e542a,#2b1d13 72%);color:#f1c977;border:1px solid #d0a65b;box-shadow:inset 0 0 0 3px #3c2817,0 0 0 3px #9a7244;font-size:27px}
.brand-text strong{color:#f5d9a1;text-shadow:0 2px 2px #150d0a;font-size:18px}
.brand-text small{color:#d4ae78}
.navigation a,.header-login{color:#e2cdac}
.navigation a:hover,.navigation a[aria-current=page],.header-login:hover{color:#ffdc92;border-bottom-color:#dba65e}
.button-amber{background:linear-gradient(180deg,#f1ce88 0%,#d69c49 45%,#b87930 100%);border:1px solid #7e461e;box-shadow:inset 0 1px #ffecba,0 3px 0 #6b3f22,0 12px 24px rgba(20,10,4,.19);color:#2c1c10;text-shadow:0 1px #ffe2a0;font-weight:700;border-radius:4px}
.button-amber:hover{background:linear-gradient(180deg,#ffe5a8,#dba44b 64%,#b37a39);color:#271709}
.button-ghost{background:rgba(32,19,11,.65);border-color:#ae885c;color:#f6dfb6}
.button-ghost:hover{background:rgba(72,45,20,.88)}
.hero{min-height:710px;background:#261b11;border-bottom:5px solid #936633}
.hero-illustration{background-image:url('../images/hero-coast.svg');background-position:center 48%;filter:saturate(1.15) contrast(1.07)}
.hero::before{background:linear-gradient(90deg,rgba(22,17,11,.98),rgba(31,22,12,.9) 34%,rgba(40,28,15,.47) 70%,rgba(20,18,14,.44)),linear-gradient(0deg,rgba(14,10,8,.85),transparent 45%)}
.hero-layout{min-height:658px}.hero-copy{padding-block:86px}
.eyebrow{color:#dfbb7b}.hero h1{color:#fff0d1;font-family:Georgia,'Noto Serif SC','SimSun',serif;font-weight:700;text-shadow:0 3px 1px #1d110c,0 10px 25px #1a0a08;line-height:1.4}
.hero h1 em{color:#ffcd7c;text-shadow:0 2px 0 #512708}
.hero-intro{color:#f3dfbd;font-size:15px;line-height:2.16}
.hero-fine{color:#d4b888}.hero-badge{background:radial-gradient(ellipse,#16100fc0,transparent 75%)}
.hero-badge::before{border-color:#c89f5940}.hero-badge::after{border-color:#e5bb7752}
.hero-badge img{filter:drop-shadow(2px 12px 5px #130b08a8) drop-shadow(0 0 22px #e4a93d44)}
.intro-strip{background:linear-gradient(180deg,#e3cfaa,#cdb08a);border-top:3px double #a27a49;border-bottom:4px double #927144}
.intro-grid h2,.section-head h2,.closing h2{font-family:Georgia,'Noto Serif SC','SimSun',serif;color:#3b2819}
.strip-emblem{background:radial-gradient(circle,#f3dfba,#b99561);color:#654321;box-shadow:0 0 0 4px #8a6c4129;border-color:#a27a4a}
.journey-section{background:linear-gradient(180deg,#f4e6c9,#e8d3a9);position:relative}
.journey-section::before{content:'';inset:0;position:absolute;pointer-events:none;opacity:.1;background:url('../images/db.png') center/cover}
.journey-section>.container{position:relative}
.feature-card{background:linear-gradient(145deg,#fff8e6,#efdec0);border:2px solid #9a7546;box-shadow:inset 0 0 0 3px #f7e6c6,inset 0 0 0 4px #c0a477,0 15px 30px #4e2f1b20;border-radius:5px;padding:31px 34px}
.feature-card::before{left:33px;background:#b67636;height:4px;width:52px}
.feature-glyph{color:#a57437;text-shadow:0 1px #fff0cf}.feature-card h3{font-family:Georgia,'SimSun',serif;color:#362316;font-weight:650}
.feature-card p{color:#675746}.feature-card a{color:#865023}
.journal-band{background:#2b1d13;border-block:3px solid #9b6935}
.journal-band::before{opacity:.25;background-size:cover}
.closing{background:radial-gradient(ellipse at top,#faf0d4,#e2c79a)}
.site-footer{background:linear-gradient(180deg,#352216,#1a120d);border-top:4px solid #9a6f38}
.page-cover{background:#1e150e;border-bottom:4px solid #aa7540}
.page-cover::before{background:linear-gradient(90deg,#1b130ff2,#302015c9 54%,#482b1887),url('../images/hero-coast.svg') center 52%/cover}
.page-cover h1{font-family:Georgia,'SimSun',serif;color:#ffdfaa;text-shadow:0 3px 0 #170d09}
.form-panel{background:linear-gradient(160deg,#fff9ec,#f5e9d2);border:2px solid #ab804e;border-top:5px solid #b47c32;box-shadow:inset 0 0 0 4px #f9ecd3,inset 0 0 0 5px #e0c8a3,0 22px 38px #65412125;padding-top:44px}
.form-section{grid-template-columns:1.12fr .88fr;gap:26px}
.panel-intro h2{font-family:Georgia,'SimSun',serif;font-size:31px;color:#3a261a}
.form-field label{color:#48301d}
.form-field input{background:#fff9ee;border-color:#c8ac82;min-height:56px;border-radius:3px}
.form-field input:focus{border-color:#ab6c33;box-shadow:0 0 0 3px #d2a36b4d}
.form-hint{background:#f0e0c0;border-color:#ddc394;color:#755733}
.form-aside{background:#291d15;border:2px solid #a47a41;box-shadow:inset 0 0 0 3px #21170f,inset 0 0 0 4px #b38c59;padding:47px}
.form-aside::before{background:linear-gradient(180deg,#25170ee0,#35221673 42%,#1a120fe8),url('../images/hero-coast.svg') 63% center/auto 100% no-repeat}
.aside-body h3{font-family:Georgia,'SimSun',serif;font-weight:650;color:#ffe0aa}
.aside-body p:not(.overline){color:#efcea0}
.account-summary,.journal-entry{border:2px solid #ba9868;box-shadow:inset 0 0 0 3px #f7e9c6}
.guide-row:nth-child(odd){background:#f8ecd2}.guide-row:nth-child(even){background:#e8d1ac}
.guide-num{color:#a87535}
.mobile-nav summary{border-color:#b48a54}.mobile-nav summary span{background:#ebc58e}
.mobile-nav nav{background:#302017;border-color:#9d774a}.mobile-nav nav a{color:#f0d7aa;border-bottom-color:#604529}
@media(max-width:800px){.header-inner{min-height:78px}.form-section{grid-template-columns:1fr}.form-aside{min-height:370px}.hero-layout{min-height:0}.hero{min-height:0}.hero-copy{padding-top:78px}}
@media(max-width:560px){.hero-copy{padding-top:64px}.form-panel{padding:32px 22px}.form-aside{min-height:310px;padding:26px}.panel-intro h2{font-size:28px}.feature-card{padding:27px}.hero h1{font-size:clamp(31px,8.6vw,46px)}}