/* Shared 1200px / 25% sidebar structure from the local Silkroad mirror. */
.portal-auth-page .public-shell--inner { max-width: 1200px !important; }
.silk-internal-grid {
    width: 100%;
    display: grid;
    grid-template-columns: 286px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
}
.silk-internal-sidebar { min-width: 0; }
.silk-internal-main { min-width: 0; }
.silk-internal-main > .content-surface { margin: 0; }
.silk-internal-main > .content-surface,
.silk-internal-card {
    color: var(--text-body);
    border: 1px solid rgba(119,119,119,.82);
    border-radius: 1px;
    background: #181c23 url('/assets/silkroad/images/box-bg.jpg') repeat;
    box-shadow: 0 0 10px #111, inset 0 1px rgba(255,255,255,.025);
}
.silk-breadcrumb {
    min-height: 36px;
    padding: 9px 12px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    color: #746f69;
    border-bottom: 1px solid rgba(119,119,119,.48);
    background-color: #171c22;
    background-image: linear-gradient(180deg, #242a31 0%, #181d23 54%, #12161b 100%);
    font-size: 11px;
    margin-bottom: 10px;
    border: 1px solid rgba(119,119,119,.56);
}
.silk-breadcrumb a { color: #aaa198; }
.silk-breadcrumb i { color: #76613f; font-size: 8px; }
.silk-section-title {
    margin: 0;
    color: #c8c0b6;
    font: 20px Adelon, Georgia, serif;
    text-transform: uppercase;
    text-shadow: 0 1px 2px #000;
}
body.rakion-eternal ::selection { color: #17120a; background: #c4a261; }
body.rakion-eternal :where(a, button, input, select, textarea):focus-visible {
    outline: 2px solid #c4a261;
    outline-offset: 2px;
}
body.rakion-eternal :where(input, select, textarea)::placeholder { color: #595b5b; opacity: 1; }
body.rakion-eternal :where(button, a)[aria-disabled="true"],
body.rakion-eternal :where(button, input):disabled { cursor: not-allowed; filter: grayscale(.35); opacity: .58; }
body.rakion-eternal.silk-menu-open { overflow: hidden; }
@media (max-width: 768px) {
    .silk-internal-grid { grid-template-columns: 1fr; }
    .silk-internal-main { order: 1; }
    .silk-internal-sidebar { order: 2; }
}

/* Four-column footer follows the information architecture of the reference portal. */
body.rakion-eternal.silkroad-reskin .silk-footer {
    min-height: 0;
    padding: 0;
    border-top: 1px solid rgba(181, 157, 111, .24);
    background-color: rgba(6, 7, 9, .97) !important;
}
.silk-footer-inner {
    width: min(1160px, calc(100% - 32px));
    margin: 0 auto;
    padding: 27px 0 22px;
}
.silk-footer-logo {
    display: block;
    max-width: 150px;
    max-height: 58px;
    margin: 0 auto 22px;
    object-fit: contain;
}
.silk-footer-columns {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 34px;
}
.silk-footer-column h2 {
    margin: 0 0 10px;
    padding-bottom: 8px;
    color: #bdb5aa;
    border-bottom: 1px solid rgba(139, 131, 119, .38);
    font: 17px Adelon, Georgia, serif;
    text-transform: uppercase;
    text-shadow: 0 1px 2px #000;
}
.silk-footer-column ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.silk-footer-column li + li { margin-top: 5px; }
.silk-footer-column a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #706d69;
    font-size: 12px;
    text-decoration: none;
    transition: color .16s ease, transform .16s ease;
}
.silk-footer-column a i { color: #6f5b39; font-size: 8px; }
.silk-footer-column a:hover { color: #c4ab79; transform: translateX(2px); }
.silk-footer-copy {
    max-width: 630px;
    margin: 24px auto 0;
    padding-top: 17px;
    border-top: 1px solid rgba(139, 131, 119, .2);
    color: #595754 !important;
    font-size: 10px;
    line-height: 1.65;
    text-align: center;
}
@media (max-width: 768px) {
    .silk-footer-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
}
@media (max-width: 460px) {
    .silk-footer-inner { width: min(100% - 24px, 1160px); }
    .silk-footer-columns { grid-template-columns: 1fr; gap: 18px; }
}

/* Portal shell polish: clearer depth and a quieter transition into content. */
.silk-internal-grid { gap: 14px; }
.silk-internal-main > .content-surface,
.silk-internal-card {
    border-color: rgba(133,128,117,.76);
    box-shadow: 0 14px 34px rgba(0,0,0,.34), 0 0 0 1px #080a0c, inset 0 1px rgba(255,255,255,.035);
}
.silk-breadcrumb {
    position: relative;
    overflow: hidden;
    border-color: rgba(125,119,108,.58);
    isolation: isolate;
    box-shadow: 0 7px 20px rgba(0,0,0,.38), 0 0 0 1px #080a0c, inset 0 1px rgba(255,255,255,.045), inset 0 -8px 18px rgba(0,0,0,.16);
}
.silk-breadcrumb::before {
    content: '';
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: .13;
    background: url('/assets/silkroad/images/box-bg.jpg') repeat-x top;
}
.silk-breadcrumb::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    opacity: .55;
    background: linear-gradient(90deg, #9b7c49, transparent 34%);
}
.silk-breadcrumb a { transition: color .18s ease, transform .18s ease; }
.silk-breadcrumb a:hover { color: #d0b982; transform: translateX(1px); }
.silk-footer-column h2 { position: relative; }
.silk-footer-column h2::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 32px;
    height: 1px;
    background: #a08455;
    box-shadow: 0 0 8px rgba(160,132,85,.2);
}
.silk-footer-column a i { transition: color .16s ease, transform .16s ease; }
.silk-footer-column a:hover i { color: #c4a66e; transform: translateX(1px); }

@media (max-width: 768px) {
    .silk-internal-grid { gap: 10px; }
}