.sub-visitor-note{padding:14px 18px;border:1px solid var(--line,#d8d8d1);border-radius:12px;background:var(--card,#fff);color:var(--muted,#64685e);line-height:1.6}
#home-view .home-classic-invitation{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;margin:0 0 24px;border-radius:12px;border-left:3px solid var(--gold)}
#home-view .home-classic-invitation h2{font-size:22px;letter-spacing:-.025em;margin:9px 0;color:var(--text)}
#home-view .home-classic-invitation p{font-size:12px;line-height:1.8;color:var(--muted);margin:0;max-width:580px}
#home-view .home-classic-invitation .btn{flex-shrink:0;font-size:11px}
@media(max-width:700px){#home-view .home-classic-invitation{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}#home-view .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#home-view .stat-card{padding:16px;min-height:108px}#home-view .stat-card strong{font-size:26px}#home-view .stat-card span{font-size:8px}#home-view .stat-card small{font-size:10px}}
.feed-pagination{display:flex;justify-content:center;padding:22px 0}.feed-pagination [hidden]{display:none!important}
.refresh-pending{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:990;display:flex;gap:16px;align-items:center;max-width:calc(100vw - 32px);padding:12px 18px;border:1px solid #b49638;border-radius:12px;color:#fff;background:#232817;box-shadow:0 8px 32px #0004;font-size:14px}
.refresh-pending .btn{white-space:normal}.grau-delivery-summary{padding:12px 16px;border-left:3px solid #b49638;background:#b4963814}
@media(max-width:600px){.refresh-pending{bottom:12px;width:calc(100vw - 24px);flex-direction:column;gap:8px;text-align:center}.subnav{gap:8px}.subnav button{min-height:42px}.feed-tabs{flex-wrap:wrap}.feed-pagination .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.refresh-pending{transition:none}}

/* Shared community surfaces follow the System's olive, gold and neutral palette. */
.sub-publications .card-title>div{display:grid;gap:5px}.sub-publications .card-title small{color:var(--muted);font-weight:400}
.sub-publication-list{display:grid;gap:18px;padding:20px}.sub-publications .sub-announcement{padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--card);min-width:0}
.community-author{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.community-author>div:not(.community-actions){flex:1;min-width:100px}.community-author small{display:block;margin-top:4px;color:var(--muted);font-size:12px}.community-actions{display:flex;gap:6px;margin-left:auto}
.sub-publications h2{font-size:23px;line-height:1.25;letter-spacing:-.025em;margin:22px 0 12px;color:var(--text)}.sub-publications p{font-size:14px;line-height:1.8;overflow-wrap:anywhere;white-space:normal}.sub-publications img:not(.avatar){display:block;max-width:100%;height:auto;border-radius:10px;max-height:580px;object-fit:contain}
.forum-topic-card,.forum-thread-layout>.card,.subdivision-workspace .forum-row{border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:none}.forum-welcome{background:var(--olive);color:#f8f6ec;border:1px solid #b69a3b55}.forum-topic-main,.forum-post,.forum-reply p,.forum-row-main{overflow-wrap:anywhere;word-break:normal}.forum-topic-card .forum-topic-foot{gap:10px;flex-wrap:wrap}.forum-thread-layout>section{min-width:0}.forum-post{line-height:1.85;font-size:15px}.forum-replies .forum-reply>div{min-width:0;flex:1}.forum-replies .forum-reply{align-items:flex-start}.forum-topic-main:focus-visible,.forum-row:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.forum-thread-layout .post-image{max-height:520px;object-fit:contain}
.att-active-card{align-items:flex-start;min-width:0}.att-active-main{min-width:0}.att-active-main span{min-width:0}.att-active-main small{line-height:1.6;overflow-wrap:anywhere}.att-active-grid{align-items:stretch}

/* Entry experience. Isolated selectors prevent seasonal page rules from leaking in. */
body.login-page .login-screen:not(.login-classic){--access-accent:#ead077;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);min-height:100svh;padding:18px;gap:0;background:#101a15;color:#f7f5eb;font-family:Inter,Arial,sans-serif}
.access-scene{position:relative;isolation:isolate;overflow:hidden;border-radius:18px;min-height:740px;padding:35px 38px;display:flex;flex-direction:column;background:#293a2e}
.access-scene:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#101b14b8 0,#101b14d9 36%,#101b1422 70%,#101b14c9 100%);pointer-events:none}
.access-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;z-index:-2;animation:access-reveal 1.1s ease-out both}
.access-brand{display:flex;align-items:center;gap:13px;color:#fff9e5;text-decoration:none!important;align-self:flex-start}.access-brand img{object-fit:contain}.access-brand>span{font-size:15px;font-weight:800;letter-spacing:.075em}.access-brand small{display:block;font-size:8px;letter-spacing:.12em;color:#dddcc7;margin-top:7px}
.access-story{padding-top:75px;max-width:660px}.access-eyebrow{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.16em;font-weight:700;line-height:1.7;color:var(--access-accent)}.access-eyebrow i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 12px #e2c66c80;flex-shrink:0}
.access-story h1{font-size:clamp(32px,3.6vw,66px);font-weight:650;line-height:1.08;letter-spacing:-.055em;margin:21px 0}.access-story h1 em{font-style:normal;color:var(--access-accent)}.access-story p{font-size:14px;line-height:1.9;max-width:370px;color:#e2e6d9}.access-scene-foot{display:flex;justify-content:space-between;gap:15px;margin-top:auto;padding-top:120px;font-size:8px;letter-spacing:.14em;color:#f6efdb}
.access-panel{min-width:0;padding:30px clamp(28px,4.8vw,94px);display:flex;flex-direction:column}.access-panel-top{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;font-weight:700;letter-spacing:.15em}.access-panel-top>span:first-child{color:#e4d393}.access-lock{display:flex;align-items:center;gap:7px;color:#b9c1b9;font-size:8px;letter-spacing:.06em}.access-lock svg{width:13px;height:13px}
.access-entry{margin:auto 0;padding:64px 0 52px}.access-entry h2{font-size:clamp(38px,4.2vw,72px);line-height:1.02;font-weight:600;letter-spacing:-.06em;margin:23px 0;color:#f8f7ed}.access-entry h2 em{font-style:normal;color:var(--access-accent)}.access-entry>p{font-size:14px;line-height:1.85;color:#b9c4bb;max-width:380px;margin-bottom:30px}
body.login-page .access-entry .btn-login{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:58px;border:1px solid #ead077;background:#ead077;color:#17231a;border-radius:10px;padding:16px 19px;font-size:14px;font-weight:750;box-shadow:0 9px 30px #ead07714;text-decoration:none;transition:background .2s,transform .2s;max-width:440px;width:100%;margin:0;white-space:normal}
.access-entry .btn-login>span:last-child{margin-left:auto;font-size:20px}.access-entry .btn-login svg{width:19px;height:19px}.access-entry .btn-login:hover{background:#f3dda1;transform:translateY(-2px)}.access-entry .btn-login:focus-visible{outline:3px solid #fff;outline-offset:5px}.access-entry .btn-login[aria-busy=true]{opacity:.8;cursor:progress}
.access-entry>p.access-hint{font-size:11px;line-height:1.8;margin:15px 0 35px;color:#b1bdb3}.access-features{display:grid;gap:18px;padding-top:25px;border-top:1px solid #d4ddce26}.access-features>div{display:flex;align-items:center;gap:12px;font-size:12px;color:#e1e7dd}.access-features svg{width:18px;height:18px;color:#c9b77d}.access-features small{display:block;font-size:10px;color:#a7b7ab;margin-top:4px}.access-panel-foot{display:flex;align-items:center;gap:10px;color:#aab9ad;font-size:9px;line-height:1.7}.access-panel-foot>svg{width:17px;height:17px;flex-shrink:0}.access-panel-foot p{margin:0}.access-panel-foot>span{margin-left:auto;font-size:7px;letter-spacing:.1em;white-space:nowrap}
.theme-halloween .login-screen{--access-accent:#f3ba7f}.theme-christmas .login-screen{--access-accent:#ead9ad}
@keyframes access-reveal{from{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@media(min-width:1700px){body.login-page .login-screen:not(.login-classic){max-width:2100px;margin:auto}.access-scene{min-height:calc(100svh - 36px)}}
@media(max-width:1000px){body.login-page .login-screen:not(.login-classic){grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:12px}.access-scene{padding:26px;min-height:760px}.access-story{padding-top:70px}.access-story h1{font-size:42px}.access-panel{padding:24px}.access-panel-foot>span{display:none}.access-lock{font-size:7px}.access-entry h2{font-size:48px}}
@media(max-width:700px){body.login-page .login-screen:not(.login-classic){display:flex;flex-direction:column;padding:10px;gap:0;min-height:100svh}.access-scene{min-height:285px;padding:20px 22px;border-radius:14px}.access-brand img{width:38px;height:38px}.access-brand>span{font-size:12px}.access-brand small{font-size:6px}.access-story{padding-top:25px}.access-story h1{font-size:32px;margin:13px 0}.access-story p{display:none}.access-scene-foot{display:none}.access-eyebrow{font-size:8px;letter-spacing:.1em}.access-art{object-position:center 58%}.access-scene:after{background:linear-gradient(90deg,#101b14ed,#101b1480)}.access-panel{padding:26px 18px 16px}.access-panel-top{display:none}.access-entry{padding:0;margin:0}.access-entry>.access-eyebrow{display:none}.access-entry h2{font-size:42px;line-height:1.04;margin:8px 0 16px}.access-entry h2 br{display:none}.access-entry>p{font-size:13px;line-height:1.75;margin-bottom:24px}.access-entry>p.access-hint{font-size:10px;margin-bottom:24px}.access-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:20px}.access-features>div{align-items:flex-start;flex-direction:column;font-size:11px;line-height:1.5;gap:7px}.access-features small{font-size:9px}.access-panel-foot{margin-top:28px;padding-top:20px;border-top:1px solid #d4ddce26}.sub-publication-list{padding:12px}.sub-publications .sub-announcement{padding:16px}.sub-publications h2{font-size:20px}.sub-publications .card-title{gap:12px;flex-wrap:wrap}.forum-thread-layout-new{display:block}.forum-thread-layout-new>aside{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.access-art{animation:none}.access-entry .btn-login{transition:none}.access-entry .btn-login:hover{transform:none}}

/* Return to the original template, with the supplied character integrated into it. */
body.login-page .login-screen.login-classic{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(380px,.8fr);min-height:100svh;background:#eeeee8;color:#20281f;padding:0;gap:0}
body.login-page .login-classic .login-visual{position:relative;isolation:isolate;overflow:hidden;min-height:760px;padding:46px 6vw;background:radial-gradient(ellipse at 95% 60%,#536342 0,transparent 55%),linear-gradient(140deg,#17231b,#303821);border-radius:0;display:flex;flex-direction:column;justify-content:flex-start}
body.login-page .login-classic .login-visual:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.13;background:repeating-linear-gradient(125deg,transparent 0 105px,#d9c27e 106px 107px,transparent 108px 210px);pointer-events:none}
.login-classic .login-mark{gap:14px;color:#fcf8e8;max-width:100%;text-decoration:none;z-index:3}.login-classic .login-logo{width:58px;height:58px;object-fit:contain;margin:0}.login-classic .login-mark b{font-size:10px;line-height:1.6;letter-spacing:.12em}.login-classic .login-mark span{font-size:10px;color:#e2cb7c}
body.login-page .login-classic .login-hero{position:relative;top:auto;left:auto;z-index:2;margin:auto 0;max-width:370px;padding:75px 0 150px}body.login-page .login-classic .login-hero>span{font-size:9px;letter-spacing:.13em;color:#e4d28f}body.login-page .login-classic .login-hero h1{font-size:clamp(34px,4.2vw,70px);font-weight:800;line-height:1.04;letter-spacing:-.045em;color:#fff9e9;margin:22px 0}body.login-page .login-classic .login-hero h1 em{font-style:normal;color:#ead487}body.login-page .login-classic .login-hero p{font-size:14px;line-height:1.9;color:#e0e5d5}
body.login-page .login-classic .normal-login-commander{display:block;position:absolute!important;right:-10%;bottom:0;width:65%;height:76%;object-fit:contain;object-position:right bottom;z-index:1;pointer-events:none;filter:drop-shadow(-20px 12px 28px #0005);mask-image:linear-gradient(0deg,transparent,#000 6%)}
.login-classic .login-footer{position:relative;z-index:3;margin-top:auto;display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:8px;letter-spacing:.14em;color:#e7e4ca;padding-top:20px;border-top:1px solid #d3d8bb30}
.login-classic .login-card{position:relative;align-self:center;justify-self:center;display:block;width:100%;max-width:500px;margin:0;padding:48px 46px;background:transparent;border:0;border-radius:0;box-shadow:none;color:#20281f}
.login-classic .login-card-top{padding:0;display:flex;align-items:center;gap:14px;border:0;background:none}.login-classic .login-mini-logo{width:46px;height:46px;object-fit:contain;margin:0}.login-classic .login-card-top small{font-size:8px;letter-spacing:.12em;color:#65715b;font-weight:750}.login-classic .login-card-top h2{font-size:30px;text-transform:none;line-height:1.12;letter-spacing:-.035em;margin:7px 0 0;color:#20281f}.login-classic .login-intro{font-size:14px;line-height:1.9;color:#626b5b;margin:24px 0 30px}
body.login-page .login-classic .btn-login{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;max-width:none;min-height:54px;padding:16px 18px;margin:0;border:1px solid #a58a31;border-radius:8px;background:#b99a38;color:#111a11;font-size:14px;font-weight:800;box-shadow:0 8px 22px #8f78351a;text-decoration:none}.login-classic .btn-login>span:last-child{margin-left:auto}.login-classic .btn-login svg{width:18px;height:18px}.login-classic .btn-login:focus-visible{outline:3px solid #344b31;outline-offset:4px}.login-classic .btn-login:hover{background:#d2b354}.login-classic .btn-login[aria-busy=true]{opacity:.75}
.login-classic .login-trust{display:flex;align-items:flex-start;gap:8px;font-size:10px;line-height:1.8;color:#66725c;margin:17px 0 27px}.login-classic .login-trust svg{width:16px;min-width:16px;height:16px}.login-help{border-top:1px solid #cfd3c5;border-bottom:1px solid #cfd3c5;padding:18px 0;color:#38472f;font-size:12px;line-height:1.8}.login-help summary{cursor:pointer;font-weight:700;min-height:22px}.login-help p{color:#606c56;font-size:12px;margin:15px 0}.login-help .btn{font-size:11px;white-space:normal;text-align:center}.login-classic .login-links{display:flex;justify-content:flex-start;gap:20px;padding:20px 0 0;border:0;background:none;margin:0}.login-classic .login-links button{border:0;background:none;padding:4px 0;font-size:10px;color:#59664e;text-decoration:underline}.login-feedback{margin:0 0 20px;padding:13px 15px;border-left:3px solid #aa8d32;border-radius:4px;background:#e8dfbd;color:#4d472d;font-size:12px;line-height:1.7}
.home-banner.home-classic{position:relative;isolation:isolate;min-height:310px;padding:34px 38px;margin-bottom:22px;overflow:hidden;border-radius:14px;background:radial-gradient(ellipse at 88% 60%,#536344 0,transparent 50%),linear-gradient(115deg,#1f2a20,#303c27);color:#f8f6e9;display:flex;align-items:center;gap:0;border:1px solid #64704a55}
.home-classic .home-classic-copy{position:relative;z-index:2;min-width:0;max-width:calc(100% - 235px)}.home-classic .banner-label{font-size:8px;letter-spacing:.14em;color:#decd8e}.home-classic h1{font-size:clamp(27px,3vw,44px);line-height:1.08;letter-spacing:-.035em;margin:17px 0;color:#fff8e6}.home-classic h1 em{font-style:normal;color:#ead17a}.home-classic p{font-size:13px;line-height:1.8;color:#dde3d0;max-width:430px}.home-classic-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.home-classic-actions .btn{min-height:40px;padding:10px 15px;font-size:11px;border-radius:7px}.home-classic-actions .btn:not(.btn-primary){background:#ffffff0a;border-color:#a9b28f60;color:#fcf7e7}.home-banner.home-classic>.home-classic-character{position:absolute;right:0;bottom:0;width:270px;height:100%;overflow:hidden;z-index:1;pointer-events:none}.home-classic-character img{position:absolute;right:8px;top:10px;width:250px;height:auto;filter:drop-shadow(-15px 5px 20px #0004)}.home-classic-ring{position:absolute;width:240px;height:240px;border:1px solid #dac57466;border-radius:50%;left:20px;top:48px;box-shadow:0 0 0 24px #daca7d0b,0 0 0 49px #daca7d08}
body.theme-halloween .home-banner.home-classic,body.login-page.theme-halloween .login-classic .login-visual{background:radial-gradient(ellipse at 90% 70%,#5c4032,transparent 65%),linear-gradient(125deg,#211e29,#333226)}body.theme-christmas .home-banner.home-classic,body.login-page.theme-christmas .login-classic .login-visual{background:radial-gradient(ellipse at 90% 70%,#4d5140,transparent 65%),linear-gradient(125deg,#202e25,#343a2b)}
@media(min-width:1700px){body.login-page .login-classic .normal-login-commander{display:block;right:0;width:60%;height:82%}body.login-page .login-classic .login-hero{padding-bottom:80px}}
@media(max-width:1100px){body.login-page .login-screen.login-classic{grid-template-columns:minmax(0,1fr) minmax(350px,.9fr)}body.login-page .login-classic .login-visual{padding:34px;min-height:740px}body.login-page .login-classic .login-hero{max-width:280px}body.login-page .login-classic .login-hero h1{font-size:48px}body.login-page .login-classic .normal-login-commander{display:block;right:-22%;width:90%;height:66%;opacity:.85}.login-classic .login-card{padding:35px 28px}.home-classic .home-classic-copy{max-width:calc(100% - 200px)}.home-banner.home-classic>.home-classic-character{width:225px}.home-classic-character img{width:220px}}
@media(max-width:700px){body.login-page .login-screen.login-classic{display:block;min-height:100svh}body.login-page .login-classic .login-visual{min-height:285px;padding:22px 24px;border-radius:0 0 22px 22px}.login-classic .login-logo{width:40px;height:40px}.login-classic .login-mark b{font-size:7px}.login-classic .login-mark span{font-size:8px}body.login-page .login-classic .login-hero{padding:38px 0 18px;margin:0;max-width:60%}body.login-page .login-classic .login-hero h1{font-size:33px;margin:12px 0}body.login-page .login-classic .login-hero>span{font-size:7px}body.login-page .login-classic .login-hero p{font-size:11px;line-height:1.7}body.login-page .login-classic .normal-login-commander{display:block;right:-10px;width:46%;height:82%;opacity:1;object-fit:cover;object-position:top}.login-classic .login-footer{display:none}.login-classic .login-card{padding:30px 24px;max-width:480px;margin:auto}.login-classic .login-card-top h2{font-size:27px}.login-classic .login-intro{font-size:13px;margin:20px 0 24px}.home-banner.home-classic{min-height:300px;padding:25px 22px}.home-classic .home-classic-copy{max-width:67%}.home-classic h1{font-size:28px}.home-classic p{font-size:11px}.home-banner.home-classic>.home-classic-character{width:34%;opacity:.95}.home-classic-character img{width:190px;max-width:none;right:-52px;top:37px}.home-classic-ring{width:180px;height:180px;left:0;top:70px}.home-classic-actions{position:relative;z-index:3;gap:8px}.home-classic-actions .btn{padding:10px;font-size:10px}.home-classic .banner-label{font-size:7px}}
.sub-management-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 20px}.sub-management-toolbar:empty{display:none}.sub-link-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.sub-link-row:last-child{border-bottom:0}.sub-link-row>a{overflow-wrap:anywhere;font-weight:650}.sub-binding-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:12px;align-items:end;padding:16px 0;border-bottom:1px solid var(--border)}.sub-binding-row .field{min-width:0}.sub-binding-row input,.sub-binding-row select{width:100%}.sub-internal-links{margin-top:20px}@media(max-width:600px){.sub-binding-row{grid-template-columns:minmax(0,1fr)}.sub-binding-row button{justify-self:start}.sub-member-manage-row{grid-template-columns:36px minmax(0,1fr) auto auto}.sub-member-manage-row select{grid-column:2/5;grid-row:2}.sub-member-manage-row>div{min-width:0;overflow-wrap:anywhere}.sub-management-toolbar .btn{flex:1 1 140px}.sub-internal-links .card-title{gap:10px;flex-wrap:wrap}}
.sub-policy-rule{border:1px solid var(--border);border-radius:8px;padding:14px;margin:12px 0;min-width:0}.sub-policy-rule legend{font-weight:700;padding:0 6px;max-width:100%;white-space:normal}.sub-policy-rule>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sub-policy-rule .check{min-width:0;margin:0;overflow-wrap:anywhere}@media(max-width:600px){.sub-policy-rule>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Ranking reference date: preserves period and category while browsing history. */
.ranking-date-form{display:flex;align-items:end;gap:14px;flex-wrap:wrap;padding:20px;margin:0 0 22px;background:var(--card);border:1px solid var(--line);border-radius:12px}.ranking-date-form .field{margin:0;flex:0 1 240px}.ranking-date-form label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.ranking-date-form input{width:100%;min-height:44px;box-sizing:border-box}.ranking-date-form>.btn{min-height:44px}.ranking-date-form p{flex-basis:100%;font-size:13px;line-height:1.7;margin:0;color:var(--muted)}@media(max-width:600px){.ranking-date-form{padding:16px}.ranking-date-form .field{flex:1 1 100%}.ranking-date-form>.btn{width:100%}}