/* Shared public subpage atmosphere, grounded in the approved RE:ON world. */
.portal-page{--navy:#081f34;--ink:#193247;--gold:#e2c696;background:radial-gradient(ellipse at 5% 30%,#e8dcc62b,transparent 55%),#f8f4ed;color:var(--ink)}
.portal-page .blueprint-nav{border-bottom:1px solid #dcc39640}
.portal-page .portal-wrap{width:min(1250px,calc(100% - 80px))}
.portal-page .breadcrumbs{padding:20px 0;color:#687582;align-items:center}
.portal-page .breadcrumbs a{color:#795f39}
.portal-page .portal-banner{background:#081f34;border-top:1px solid #d7bd9130;border-bottom:1px solid #cdb48c85;overflow:hidden}
.portal-page .portal-banner:before{background:linear-gradient(90deg,#071c31 0%,#071c31f2 33%,#071c31b5 57%,#071c3133 100%),url('/_release/a9c4dc080caf453e332ce430e17b3c7f0c3030be/assets/reon-world-original-v2.webp') right center/auto 100% no-repeat;background-color:#071c31}
.portal-page .portal-banner>.portal-wrap{min-height:310px;padding:54px 0 58px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.portal-page .portal-banner .eyebrow{color:#e4c995;font-size:12px;letter-spacing:1.5px}
.portal-page .portal-banner .eyebrow:before{content:'';display:inline-block;width:25px;height:1px;background:#e4c995;vertical-align:middle;margin-right:12px}
.portal-page .portal-banner h1{color:#fff5e5;font:clamp(32px,3.3vw,46px)/1.4 Georgia,'Batang',serif;font-weight:500;max-width:760px;margin:18px 0;letter-spacing:-.7px;text-shadow:0 2px 16px #041524;word-break:keep-all}
.portal-page .portal-banner p{font-size:16px;line-height:1.8;color:#e3e7e8;max-width:600px}
.portal-page .board-body,.portal-page .apps-body,.portal-page .notices-body,.portal-page .story-body{padding-top:34px}
.portal-page .content-tabs{padding:7px;border-color:#d9cbb5;background:#f0e7d9;box-shadow:inset 0 1px 0 #fff9}
.portal-page .content-tabs a,.portal-page .content-tabs button{color:#405366;font-size:14px;font-weight:500;min-height:43px}
.portal-page .content-tabs [aria-current=page],.portal-page .content-tabs [aria-pressed=true]{background:#102d43;color:#ffefcf;box-shadow:0 3px 10px #102d431a}
.portal-page .board-toolbar{padding:18px;border:1px solid #e3d6c2;border-radius:12px;background:#fffcf6;margin-bottom:20px}
.portal-page .board-toolbar input,.portal-page .board-toolbar select{border-color:#d8c8ad;background:#fffefa;font-size:14px;min-height:43px}
.portal-page .board-toolbar button,.portal-page .filter-row button,.portal-page .article-actions button,.portal-page #pagination button{border-color:#d9c9af;background:#fffdf7;color:#263f52;font-size:13px;min-height:40px}
.portal-page .board-toolbar [aria-pressed=true],.portal-page .filter-row [aria-pressed=true],.portal-page #pagination [aria-current=page]{background:#123047;color:#fce9c6;border-color:#123047}
.portal-page .filter-row{gap:9px;margin-bottom:22px}
.portal-page .filter-row button:hover{border-color:#9e7c48}
.portal-page .gold-button{background:linear-gradient(115deg,#efdcb6,#d5b888);color:#172e40;border:1px solid #cbb083;box-shadow:0 3px 12px #172e4010;font-weight:600}
.portal-page .gold-button:disabled{opacity:.65;cursor:default}
.portal-page .navy-button{background:#102d43;color:#fff1d6;border:1px solid #29475b}
.portal-page .badge{background:#efe2cb;color:#77582d;border:1px solid #ddc9a8}
.portal-page .editorial-card{border-color:#dacdb7;border-radius:13px;background:#fffdf8;box-shadow:0 3px 16px #17344905}
.portal-page .editorial-card:hover{border-color:#b69a6b;box-shadow:0 12px 28px #102d4312}
.portal-page .editorial-copy{padding:22px}
.portal-page .editorial-copy h2{font:23px/1.55 Georgia,'Batang',serif;font-weight:500;color:#122f45;letter-spacing:-.3px}
.portal-page .editorial-copy p{color:#63727d;font-size:14px;line-height:1.85}
.portal-page .card-meta{border-top:1px solid #ecdfca;padding:13px 22px;color:#76808a}
.portal-page .card-meta button{color:#85663a;border-color:#d4bf9b}
.portal-page .portal-empty,.portal-page .nexus-empty{border-color:#cdbb9b;background:linear-gradient(140deg,#f5edde,#fffaf1);color:#244156;border-radius:12px}
.portal-page .article-heading,.portal-page .app-detail-heading{position:relative;isolation:isolate;overflow:hidden;padding:32px;border:1px solid #334d5f;border-radius:14px;background:#0b2338;color:#f7eedf;margin:22px 0 28px}
.portal-page .article-heading:before,.portal-page .app-detail-heading:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b2338fa,#0b2338e8 57%,#0b2338b5),url('/_release/a9c4dc080caf453e332ce430e17b3c7f0c3030be/assets/reon-world-original-v2.webp') right center/auto 100% no-repeat}
.portal-page .article-heading h1,.portal-page .app-detail-heading h1{color:#fff3df;font:clamp(29px,3vw,40px)/1.5 Georgia,'Batang',serif;font-weight:500;letter-spacing:-.6px;word-break:keep-all}
.portal-page .article-heading .muted,.portal-page .app-detail-heading p{color:#d0dbe0}
.portal-page .article-heading .badge,.portal-page .app-detail-heading .badge{background:#d4b68126;border-color:#ddc39263;color:#f7ddb0}
.portal-page .article-actions{gap:10px}
.portal-page .article-actions button,.portal-page .article-actions>a{background:#18384ed9;border:1px solid #7c8b9166;color:#f6e9d1;min-height:40px;border-radius:30px;padding:9px 15px}
.portal-page .article-actions .gold-button{background:#dec394;color:#102c40;border-color:#dec394}
.portal-page .article-cover{border-radius:12px;border:1px solid #dac9ac;box-shadow:0 10px 24px #112c4010}
.portal-page .article-text{padding:20px 28px;background:#fffdf8;border:1px solid #e5d8c2;border-radius:12px;margin-top:22px;font-size:17px;line-height:2;color:#294154}
.portal-page .article-aside section{background:linear-gradient(145deg,#102d43,#17374c);border-color:#385162;box-shadow:0 6px 18px #122f4510;padding:24px;color:#f6ebd9}
.portal-page .article-aside h2{font:21px/1.5 Georgia,'Batang',serif;color:#efdbb6}
.portal-page .article-aside p,.portal-page .article-aside dt{color:#cdd8dd;font-size:14px;line-height:1.85}
.portal-page .article-aside dd{color:#fff1dc;line-height:1.7}
.portal-page .article-aside a{color:#ecd1a1;font-size:14px;line-height:1.8}
.portal-page .article-aside a:hover{text-decoration:underline;text-underline-offset:4px}
.portal-page #commentsPanel{margin-top:28px;padding:24px;background:#f3ebdd;border:1px solid #e0ceb0;border-radius:12px}
.portal-page #commentsPanel h2{font:23px/1.5 Georgia,'Batang',serif;color:#18374b}
.portal-page .comment{background:#fffdf8;border-color:#ddd0b8;border-radius:9px}
.portal-page .attachments,.portal-page .editor-form{background:#fffdf8;border:1px solid #deceb4;border-radius:13px;padding:24px}
.portal-page .story-principles article{position:relative;background:#fffbf3;border-color:#dbc9a9;border-radius:12px;padding:28px;box-shadow:0 4px 18px #122e4206}
.portal-page .story-principles h2{font:23px/1.5 Georgia,'Batang',serif;color:#1a3549}
.portal-page .story-principles p{font-size:14px;line-height:1.8;color:#64717a}
.portal-page .story-feature{background:linear-gradient(130deg,#102c42,#1c3b4f);border:1px solid #3b5261;border-radius:14px;color:#fbf0de;padding:34px}
.portal-page .story-feature h2{color:#f3dfbc}
.portal-page .story-feature p{color:#d8e1e5;line-height:1.9}
.portal-page .story-feature .eyebrow{color:#dec391}
.portal-page .story-feature .navy-button{background:#dfc79d;color:#173247;border-color:#e8d5b2}
.portal-page .story-feature img{border:1px solid #d1b89280;box-shadow:0 8px 24px #06152345}
.portal-page .nexus-section-card{background:linear-gradient(155deg,#fffdf7,#f6eddf);border-color:#d9c8a9;box-shadow:0 4px 15px #14304706}
.portal-page .nexus-section-card[aria-pressed=true]{border-color:#9d7b45;box-shadow:inset 0 0 0 1px #9d7b45,0 7px 20px #17344912;background:#f4e8d4}
.portal-page .nexus-section-card h2{font:24px/1.4 Georgia,'Batang',serif;color:#19374c}
.portal-page .nexus-section-card small{color:#886638}
.portal-page .nexus-app-section{border-color:#dac7a4}
.portal-page .nexus-app-section h2{font:28px/1.5 Georgia,'Batang',serif;color:#19364b}
.portal-page .nexus-app-section header p{font-size:15px;line-height:1.85}
.portal-page .app-card{background:#fffcf6;border-color:#d9c8ad;border-radius:13px;box-shadow:0 3px 14px #132f4206}
.portal-page .app-card:hover{border-color:#a88853;box-shadow:0 10px 24px #15324712}
.portal-page .app-hover{color:#795b2f}
.portal-page .app-preview-images{border:1px solid #ccb590;border-radius:14px;overflow:hidden;background:#0c2438;box-shadow:0 12px 28px #142e4214}
.portal-page .app-preview-images img{opacity:.82}
.portal-page .app-preview-caption{color:#fff1d9;text-shadow:0 2px 12px #061623}
.portal-page .app-preview-caption strong{font-family:Georgia,'Batang',serif;color:#f7dfb5;font-weight:500}
.portal-page #appIntro,.portal-page #appFeatures,.portal-page #appHelp{padding:26px;background:#fffdf8;border:1px solid #e0d0b5;border-radius:12px;font-size:16px;line-height:1.95}
.portal-page #appIntro h2,.portal-page #appFeatures h2,.portal-page #appHelp h2{font:25px/1.5 Georgia,'Batang',serif;color:#19374c}
.portal-page .notice-list button{background:#fffcf6;border:1px solid #d8c5a3;border-left:3px solid #b79865;border-radius:12px;padding:26px;box-shadow:0 4px 16px #17344905}
.portal-page .notice-list button:hover{border-color:#9a7745;background:#f8efdf}
.portal-page .notice-list strong{font:22px/1.6 Georgia,'Batang',serif;color:#1a3549}
.portal-page .notice-list button>span:last-child{font-size:13px;color:#65717a}
.portal-page .blueprint-footer{margin-top:12px;padding:28px 32px;background:#0b2338;border-top:1px solid #ceb28560;border-radius:10px 10px 0 0;color:#e6d8bd}
.portal-page .blueprint-footer a,.portal-page .blueprint-footer button{color:#e8dfcf;font-size:12px}
.portal-page .blueprint-footer .footer-brand{font:27px Georgia,serif;color:#f0d9b0}
.portal-page .blueprint-footer small{font-size:11px;color:#adbcc4}
@media(max-width:1000px){.portal-page .article-heading,.portal-page .app-detail-heading{padding:25px}.portal-page .portal-banner h1{max-width:680px}.portal-page .story-feature{padding:26px}}
@media(max-width:650px){.portal-page .portal-wrap{width:calc(100% - 36px)}.portal-page .breadcrumbs{padding:17px 0;font-size:12px}.portal-page .portal-banner>.portal-wrap{min-height:280px;padding:35px 0}.portal-page .portal-banner:before{background:linear-gradient(90deg,#071c31f5,#071c31dd 48%,#071c3199),url('/_release/a9c4dc080caf453e332ce430e17b3c7f0c3030be/assets/reon-world-original-v2.webp') right center/auto 100% no-repeat}.portal-page .portal-banner h1{font-size:30px;line-height:1.5;margin:14px 0}.portal-page .portal-banner p{font-size:14px;line-height:1.85}.portal-page .board-toolbar{padding:13px;gap:9px}.portal-page .content-tabs a,.portal-page .content-tabs button{font-size:13px;padding:10px 12px}.portal-page .editorial-copy{padding:19px}.portal-page .editorial-copy h2{font-size:22px}.portal-page .card-meta{padding:12px 19px}.portal-page .article-heading,.portal-page .app-detail-heading{padding:22px;margin:18px 0 22px}.portal-page .article-heading h1,.portal-page .app-detail-heading h1{font-size:28px}.portal-page .article-text{padding:16px 18px;font-size:16px}.portal-page .article-aside section{padding:21px}.portal-page #commentsPanel{padding:19px}.portal-page .story-principles article{padding:22px}.portal-page .story-feature{padding:24px}.portal-page .story-feature h2{font-size:27px}.portal-page .nexus-section-card h2{font-size:21px}.portal-page .nexus-app-section h2{font-size:24px}.portal-page #appIntro,.portal-page #appFeatures,.portal-page #appHelp{padding:20px}.portal-page .notice-list button{padding:20px}.portal-page .notice-list strong{font-size:20px}.portal-page .blueprint-footer{padding:24px 18px}.portal-page .editor-form{padding:20px}}
@media(prefers-reduced-motion:reduce){.portal-page .editorial-card,.portal-page .app-card,.portal-page .nexus-section-card{transition:none}.portal-page .editorial-card:hover,.portal-page .app-card:hover{transform:none}}
