:root{--ink:#183e45;--ink2:#245861;--paper:#294e55;--muted:#576f74;--gold:#936d32;--gold2:#be9b62;--red:#287a7d;--red2:#205e64;--line:#d1dfde}
body.portal-page{background:radial-gradient(ellipse at 0 10%,#d6edee 0,transparent 42%),radial-gradient(ellipse at 100% 45%,#edf3fa 0,transparent 42%),#f4f8f7;color:var(--paper)}
body:before{display:none}.site-header.portal-header{height:92px;background:rgba(255,255,255,.96);border-bottom:1px solid #d2e3e2}
.brand-mark{border-color:#a8874e;color:#97662e;background:#fffdf6}.brand-dream{background:none;color:#8a612c}.brand-legend{color:#234b54}.brand small{color:#61797a}
.realm-badge{background:#a34139;border-color:#943c35;color:#fff9ec;box-shadow:inset 0 0 0 2px #a34139,inset 0 0 0 3px #d9a38a}
.main-nav{font-size:14px;gap:clamp(16px,1.8vw,28px)}.main-nav a{color:#3b6168}.main-nav a:hover,.main-nav a.active{color:#126773}
.main-nav a.active:after{background:#398c91;box-shadow:none}.nav-download{background:#28777d;color:white!important;border-color:#28777d;padding:12px 18px}
.menu-toggle{color:#245861}
.portal-hero,.article-hero{display:block;min-height:0;padding:0;background:#e6f0f0;overflow:visible}
.portal-hero:after{display:none}.portal-banner{display:block;width:100%;height:auto;max-height:370px;object-fit:cover;object-position:center 45%}
.portal-hero-copy{max-width:1440px;margin:auto;padding:26px clamp(24px,6vw,100px);display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 24px;background:none}
.portal-hero-copy .eyebrow{flex-basis:100%;margin:0;color:#547d80;font-size:12px;letter-spacing:.26em}
.portal-hero h1{font-size:clamp(27px,3.2vw,42px);line-height:1.4;color:#214e57;letter-spacing:.1em}
.portal-hero-copy>p:last-child{font-size:15px;color:#526c72;margin:0}
.portal-breadcrumb{background:rgba(255,255,255,.8);border-color:#d7e4e3;font-size:13px;flex-wrap:wrap;color:#57757b;padding-block:15px}
.portal-breadcrumb a{color:#54767e}.portal-breadcrumb b{color:#3e686e}
.portal-layout{grid-template-columns:258px minmax(0,1fr);gap:36px;padding-top:40px;padding-bottom:80px}
.side-actions{gap:10px}.side-actions a{background:linear-gradient(115deg,#fff,#e6f2f1);border:1px solid #c5dbd9;min-height:72px;box-shadow:0 3px 12px #4d818106}
.side-actions a:after{background:#c6e0df44}.side-actions a:hover{border-color:#629da0}
.side-actions i{border-color:#b3cfcb;color:#2c7d7e;background:#f5fbf9}.side-actions span{color:#285a60;font-size:16px}
.side-actions small{color:#5e7d7e;font-size:10px;letter-spacing:.08em}
.side-panel{background:#ffffffdc;border-color:#d0e1df;padding:22px}
.side-panel>h2,.search-panel>label{color:#345f64;font-size:17px}.search-panel>div{background:#f5f9f9;border-color:#bfd5d4}
.search-panel input{font-size:14px;color:#254c52}.search-panel input::placeholder{color:#697e81}.search-panel button{background:#e3f0ee;border-color:#bfd5d4;color:#276c74}
.category-nav button,.category-links a{color:#536e72;font-size:14px;border-color:#e0e9e8}
.category-nav button:hover,.category-nav button.active,.category-links a:hover{color:#176574;background:#edf6f4}
.category-nav b{color:#647b7e;font-size:12px}.service-card{background:linear-gradient(135deg,#e2f0ed,#fafcf8);border-color:#c3d8d3}
.service-card>span{color:#456f6c;font-size:12px}.service-card h2{color:#345b5d}.service-card p{color:#5b7677;font-size:14px}.service-card a{color:#256d77;font-size:14px}
.portal-content>.content-heading{background:transparent}.content-heading{border-color:#c8dcd9;padding-bottom:20px;margin-bottom:0}
.eyebrow{color:#668079;font-size:12px}.content-heading h2{color:#285661;font-size:32px}
.content-heading>span{color:#587479;font-size:13px;white-space:nowrap}
.article-list{background:#ffffffd9;border:1px solid #d8e5e2;border-top:0;padding:0 24px;box-shadow:0 12px 35px #365e6605}
.article-row{grid-template-columns:64px minmax(0,1fr);gap:22px;padding:24px 0;min-height:146px;border-color:#e0eae7}
.article-row:first-child{border-top:0}.article-row:last-child{border-bottom:0}.article-row:hover{background:linear-gradient(90deg,#edf7f4,transparent);padding-left:10px}
.article-date{border-color:#d5e3da;background:#f3f8f3;height:66px}.article-date b{color:#667e63;font-size:16px}.article-date small{color:#6b7f72;font-size:12px}
.article-copy>div{flex-wrap:wrap}.article-copy span,.article-head span{background:#e6f1ed;color:#286660;font-size:12px}
.article-copy em,.article-head em{color:#677b7c;font-size:12px}.article-copy h3{color:#254f58;font-size:20px}.article-copy p{color:#576f75;font-size:15px;line-height:1.8}
.article-arrow{display:none}.pagination button{background:#fff;color:#456a6d;border-color:#c3d8d4}.pagination button.active,.pagination button:hover{background:#397e80;border-color:#397e80}
.empty-state{background:#fff}.empty-state b{color:#355e63}.empty-state p{color:#587378;font-size:15px}
.article-detail{background:rgba(255,255,255,.95);border:1px solid #d1e1de;box-shadow:0 16px 50px #30586708}
.article-head{background:linear-gradient(135deg,#edf5f0,#fffdf8);padding:38px 40px;border-bottom:1px solid #d6e5df}
.article-head h1{color:#265360;font-size:clamp(28px,3.2vw,42px);line-height:1.5;letter-spacing:.04em;margin:20px 0}
.article-head p{color:#506b70;font-size:16px;line-height:1.9}.article-head time{color:#6b7e7d;font-size:13px}
.article-body{padding:36px 40px 48px}.article-body section{margin-bottom:42px;scroll-margin-top:20px}
.article-body h2{color:#326269;font-size:24px;line-height:1.6;border-left-color:#b69a61}
.article-body p,.article-body li{color:#4e696e;font-size:16px;line-height:1.95}
.article-body li{background:#f2f7f3;border-color:#dce8dd}.article-body li:before{color:#9a7b40}
.article-note{background:#f0f6f1;border-left-color:#91aea0}.article-note b{color:#486b5d}.article-note p{color:#5d756c;font-size:14px}
.article-media{background:#edf3ef;border:1px solid #dce7e0;max-height:none;object-fit:contain}
.article-figure{margin:24px 0}.article-figure a{display:block}.article-figure figcaption{font-size:13px;color:#617875;margin-top:9px}
.article-toc{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 30px;margin-bottom:26px;border-bottom:1px solid #dce7e0}
.article-toc a{font-size:14px;padding:7px 12px;background:#eef6f4;border:1px solid #d3e4df;color:#31656b}.article-toc a:hover{background:#dcefe9}
.article-table-wrap{overflow:auto;margin:22px 0;border:1px solid #d4e3df}
.article-table{border-collapse:collapse;width:100%;font-size:15px;text-align:left}
.article-table th{background:#e9f2ee;color:#325d5e;font-weight:600}.article-table th,.article-table td{padding:14px 16px;border-bottom:1px solid #dce7e1;min-width:100px;vertical-align:top}
.article-table tr:nth-child(even){background:#f7faf7}
.play-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}
.play-card{padding:20px;border:1px solid #d5e4dd;background:linear-gradient(145deg,#fff,#f1f6f0)}
.play-cards .play-card:only-child{grid-column:1/-1}
.play-card img{width:92px;height:92px;object-fit:contain;margin-bottom:14px;border-radius:8px}
.play-card h3{color:#315e64;font:700 19px/1.6 var(--serif);margin:0 0 10px}.play-card p{font-size:15px;margin:0}
.step-list{list-style:none;padding:0;counter-reset:steps;display:grid;gap:12px}.step-list li{counter-increment:steps;padding:17px 20px!important}
.step-list li:before{content:counter(steps,decimal-leading-zero)!important;color:#32777c!important;margin-right:14px;font-weight:700}
.related-list a{border-color:#d8e5df}.related-list small{color:#608178}.related-list b{color:#345d62}.related-list span{color:#6a817b}
.portal-footer{background:#eaf2ef;border-color:#cadbd5;color:#58746e;font-size:12px}
:focus-visible{outline:3px solid #318691;outline-offset:4px}
@media(max-width:1120px){.main-nav{gap:13px;font-size:13px}.portal-layout{gap:24px;grid-template-columns:230px minmax(0,1fr)}}
@media(max-width:980px){.site-header.portal-header{height:78px}.main-nav{background:#fff;border-color:#ccded8}.portal-layout{grid-template-columns:1fr}.portal-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:16px}.side-actions{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.side-panel,.service-card{margin:0}.service-card{display:none}.portal-banner{max-height:none}.article-portal-layout .portal-sidebar .side-panel{grid-column:1/-1}.category-links{grid-template-columns:repeat(3,1fr);gap:0 15px}}
@media(max-width:640px){.portal-hero-copy{padding:22px 20px;gap:8px}.portal-hero-copy>p:last-child{font-size:14px}.portal-hero h1{font-size:27px}.portal-banner{object-fit:contain}.portal-breadcrumb{font-size:12px;padding-inline:20px}.portal-layout{padding:24px 14px 55px}.portal-sidebar{grid-template-columns:1fr}.side-actions{grid-template-columns:repeat(2,1fr)}.side-actions a{padding:12px;min-height:67px}.side-actions small{font-size:10px}.side-actions i{display:none}.search-panel{padding:16px}.category-nav{display:flex;flex-wrap:wrap;gap:7px}.category-nav button{padding:7px 9px;border:1px solid #d7e4df;gap:8px;font-size:13px}.category-nav button:hover,.category-nav button.active{padding-left:9px}.category-nav button.active span:before{display:none}.article-list{padding:0 15px}.article-row{grid-template-columns:48px minmax(0,1fr);gap:13px}.article-date{height:58px}.article-date b{font-size:14px}.article-copy h3{font-size:18px}.article-copy p{font-size:14px}.content-heading h2{font-size:27px}.article-head{padding:28px 22px}.article-body{padding:28px 22px}.article-body p,.article-body li{font-size:16px}.article-body h2{font-size:22px}.play-cards{grid-template-columns:1fr}.article-table th,.article-table td{padding:12px}.category-links{grid-template-columns:repeat(2,1fr)}.portal-footer{padding:38px 22px}}
/* Mist-jade palette: muted surfaces keep the reading area soft. */
:root{--paper:#294b50;--muted:#506768;--line:#bacbc4}
body.portal-page{background:radial-gradient(ellipse at 0 12%,#bbceca 0,transparent 48%),radial-gradient(ellipse at 100% 45%,#c9d1d7 0,transparent 44%),#cfd8d1}
.site-header.portal-header{background:#e0e6df;border-color:#b7c9bf}
.brand-mark{background:#e5e6d8}.portal-hero,.article-hero{background:#c4d3cd}
.portal-banner{width:min(100%,1140px);height:auto;max-height:none;object-fit:contain;margin:auto}
.portal-hero-copy{background:linear-gradient(110deg,#c1d3cd,#d8dfd2);max-width:none;padding-inline:max(24px,calc((100vw - 1268px)/2))}
.portal-breadcrumb{background:#dbe2d9;border-color:#b8cbc1}
.side-actions a{background:linear-gradient(115deg,#e3e8df,#cbdcd3);border-color:#b1c8bd;box-shadow:0 3px 12px #365c5810}
.side-actions i{background:#dbe7dc;border-color:#a4bdb2}
.side-panel{background:#e3e8df;border-color:#b8cbbf}
.search-panel>div{background:#d6e0d6;border-color:#aac3b9}
.search-panel button{background:#bcd4c9;border-color:#a4bfb3}
.category-nav button,.category-links a{border-color:#c2d2c7}
.category-nav button:hover,.category-nav button.active,.category-links a:hover{background:#cfddd1}
.article-list,.article-detail{background:#e8ebe2;border-color:#bdcfc2}
.article-row{border-color:#c6d4c8}.article-row:hover{background:linear-gradient(90deg,#d5e2d6,transparent)}
.article-date{background:#d9e1d2;border-color:#bbcbb8}
.article-copy span,.article-head span{background:#c9ddce;color:#285d50}
.article-head{background:linear-gradient(120deg,#d1dfd2,#e6e5d5);border-color:#bacdbd}
.article-toc a{background:#d8e3d5;border-color:#b8cbbb}
.article-toc a:hover{background:#bed6c7}
.article-table th{background:#cbdccf}.article-table th,.article-table td{border-color:#bdcfbf}
.article-table tr:nth-child(even){background:#dfe6d9}
.play-card{background:linear-gradient(145deg,#e6eadd,#d7e2d4);border-color:#b8cbbb}
.article-body li{background:#dce5d6;border-color:#c0ceba}
.article-note{background:#d6e1d0;border-left-color:#85a18b}
.article-media{background:#dce4d6;border-color:#bdcebe}
.pagination button{background:#dce5d9;border-color:#afc3b2}
.portal-footer{background:#c0d0c5;border-color:#a8bfae}
.community-panel{margin-top:24px}.community-panel>p{font-size:14px;color:#4f6b65;margin:0 0 16px}
.community-link{display:flex;align-items:center;gap:12px;padding:13px 10px;border:1px solid #aebfb5;margin-top:9px;background:#d5e0d5;color:#2f5659;font-size:14px}
.community-link small{display:block;font-size:12px;margin-top:3px;color:#506b66}
.social-symbol{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;background:#427079;color:#fff;font:bold 22px Georgia,serif;border-radius:4px}
.facebook-link:hover{background:#c9dcd5;border-color:#68988e}.line-pending{background:transparent}.line-pending .social-symbol{background:#688b76}
.footer-social{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px 24px;font-size:13px}.footer-social a{color:#285f62;text-decoration:underline;text-underline-offset:4px}
@media(max-width:980px){.main-nav{background:#e0e6df;border-color:#b7c9bf}.community-panel{margin-top:0;grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px}.community-panel>h2,.community-panel>p{flex-basis:100%;margin-bottom:0}.community-link{flex:1;min-width:210px}}
@media(max-width:640px){.portal-hero-copy{padding:20px}.community-panel{padding:17px}.community-link{min-width:190px}.portal-banner{max-width:100%}}
.line-link .social-symbol{background:#3e805a}.line-link{background:#cbdfcd;border-color:#9bbfa4}.line-link:hover{background:#b6d4bc}
.step-list{list-style:none}.article-body .step-list li:before{font-size:16px}
.article-head .article-toc,.article-body .article-toc{scroll-margin-top:24px}
.side-actions a{min-height:90px;padding:16px 10px 16px 102px;gap:0;background:linear-gradient(110deg,#b4c9be,#d8e0d0 55%,#e5e5d5)}
.side-actions a:after{display:none}
.side-actions .menu-art{position:absolute;left:0;top:0;width:102px;height:100%;object-fit:cover;object-position:center;clip-path:polygon(0 0,100% 0,80% 100%,0 100%);background:#879e8e;transition:filter .2s}
.side-actions span{font-size:19px;letter-spacing:.04em;line-height:1.5}
.side-actions small{font-size:9px;letter-spacing:.03em;line-height:1.5}
.side-actions .menu-mentor .menu-art{object-position:18% center}
.side-actions .menu-sanctuary .menu-art{object-position:70% center}
.side-actions .menu-guardians .menu-art{object-fit:contain;object-position:center;background:#102326;padding:4px 8px 4px 2px}
.side-actions .menu-farm .menu-art{object-fit:cover;object-position:50% 22%;background:#91a17d}
.side-actions .menu-runes .menu-art{object-fit:contain;background:#667d76;padding:7px 14px 7px 3px}
.side-actions .menu-skills .menu-art{object-fit:contain;background:#787588;padding:5px 14px 5px 2px}
.side-actions .menu-pets .menu-art{object-fit:contain;object-position:center;background:#a0b7a3;padding:4px 13px 4px 3px}
.side-actions .menu-achievements .menu-art{object-fit:cover;object-position:center;background:#b7aa8a}
.article-media[src$="pets-pickup-panel.png"]{aspect-ratio:16/9;object-fit:cover;object-position:center 15%}
.side-actions a:hover{transform:translateX(3px);border-color:#9b7c44}
.side-actions a:hover .menu-art{filter:brightness(1.1)}
.sidebar-download{display:flex;align-items:center;gap:14px;padding:18px 17px;margin-bottom:12px;background:linear-gradient(115deg,#2f6864,#436f62);color:#f2edd7;border:1px solid #7e9274;box-shadow:inset 0 0 0 3px #ffffff0a}
.sidebar-download>span:first-child{font-size:34px;line-height:1}
.sidebar-download>span:last-child{font:700 18px/1.6 var(--serif)}
.sidebar-download small{display:block;font:12px/1.8 var(--sans);color:#d6e1d1}
.sidebar-download:hover{background:#315e55}
.download-cta{display:inline-block;padding:15px 24px;margin:14px 0;background:#346e65;color:#fff8df;border:1px solid #9b9361;font-weight:700}
.download-cta:hover{background:#28574f}
@media(max-width:1120px) and (min-width:981px){.side-actions a{padding-left:84px}.side-actions .menu-art{width:85px}.side-actions span{font-size:17px}}
@media(max-width:980px){.sidebar-download{grid-column:1/-1;margin:0}.side-actions a{padding-left:86px}.side-actions .menu-art{width:88px}.side-actions span{font-size:17px}}
@media(max-width:640px){.sidebar-download{margin-bottom:12px}.side-actions a{min-height:82px;padding:12px 5px 12px 60px}.side-actions .menu-art{width:61px}.side-actions span{font-size:16px;letter-spacing:0}.side-actions small{font-size:8px;letter-spacing:0}}
@media(prefers-reduced-motion:reduce){.side-actions a,.side-actions .menu-art{transition:none}}