/* JR Editorial Conversation v1.2 — FROZEN Design System v1.0.
   Restraint, human-centred academia, obsidian/graphite/ivory, gold as emphasis.
   Uses shared semantic tokens; no portraits or substitute brand imagery. */
.jr-community{
 --jr-c-bg:var(--bg,#070707);
 --jr-c-surface:var(--bg-elev,var(--card,#101010));
 --jr-c-ink:var(--text,#f4f0e7);
 --jr-c-muted:var(--muted,#aaa59a);
 --jr-c-gold:var(--gold,#c7a35b);
 --jr-c-line:var(--line,#29251d);
 isolation:isolate;position:relative;min-width:0;
 margin:clamp(40px,6vw,80px) auto;padding:clamp(22px,4vw,46px);
 border:1px solid rgba(199,163,91,.24);
 border-radius:var(--r-xl,24px);
 background:radial-gradient(700px 300px at 100% -20%,rgba(199,163,91,.085),transparent 65%),
 linear-gradient(155deg,var(--jr-c-surface),var(--jr-c-bg));
 color:var(--jr-c-ink);
 box-shadow:var(--shadow,0 22px 60px rgba(0,0,0,.18));
}
.jr-community::before{content:"";position:absolute;inset:12px;border:1px solid rgba(199,163,91,.09);border-radius:calc(var(--r-xl,24px) - 7px);pointer-events:none}
.jr-community-heading{display:flex;align-items:center;gap:clamp(12px,2.5vw,21px);border-bottom:1px solid var(--jr-c-line);padding-bottom:clamp(18px,3vw,28px);margin-bottom:18px}
.jr-community-mark{width:clamp(42px,6vw,58px);height:clamp(42px,6vw,58px);flex:none;object-fit:contain;border:1px solid rgba(199,163,91,.2);border-radius:13px;padding:7px;background:rgba(199,163,91,.05)}
.jr-community-title-group{min-width:0}
.jr-community .jr-community-eyebrow{margin:0 0 6px;color:var(--jr-c-gold);font:500 .68rem/1.6 Georgia,serif;letter-spacing:.09em;direction:ltr;text-align:start}
.jr-community h2{font:600 clamp(1.35rem,2.2vw,1.9rem)/1.6 Tahoma,Arial,sans-serif;margin:0;color:var(--jr-c-ink)}
.jr-community h3{font:600 clamp(1.08rem,1.5vw,1.3rem)/1.65 Tahoma,Arial,sans-serif;margin:0 0 15px;color:var(--jr-c-ink)}
.jr-community-intro,.jr-community-status,.jr-community-form-status,.jr-community-privacy{font-size:clamp(.89rem,1.2vw,.99rem);line-height:2;color:var(--jr-c-muted);max-width:77ch}
.jr-community-list{display:grid;gap:clamp(12px,2vw,18px);margin:clamp(20px,3vw,30px) 0}
.jr-community-comment{min-width:0;border:1px solid var(--jr-c-line);border-radius:var(--r-lg,18px);padding:clamp(16px,2.6vw,24px);background:rgba(255,255,255,.025)}
.jr-community-comment-meta{font-size:.84rem;font-weight:600;color:var(--jr-c-gold);margin:0 0 10px;line-height:1.7}
.jr-community-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:2.05;color:var(--jr-c-ink);margin:0;max-width:78ch}
.jr-community-form{display:grid;gap:clamp(15px,2vw,22px);margin-top:clamp(20px,3vw,36px);padding-top:clamp(18px,3vw,29px);border-top:1px solid var(--jr-c-line)}
.jr-community-form>label{display:grid;gap:10px;font-weight:600;color:var(--jr-c-ink);line-height:1.8}
.jr-community-form textarea{width:100%;max-width:100%;min-height:138px;min-width:0;resize:vertical;border:1px solid rgba(199,163,91,.32);border-radius:var(--r-md,14px);padding:15px 17px;background:var(--surface-2,#171719);color:var(--jr-c-ink);font:inherit;line-height:1.9;transition:border-color .15s,box-shadow .15s}
.jr-community-form textarea::placeholder{color:var(--jr-c-muted);opacity:.9}
.jr-community-form textarea:focus{border-color:var(--jr-c-gold);box-shadow:0 0 0 3px rgba(199,163,91,.1)}
.jr-community-rating{min-width:0;margin:0;padding:0;border:0}
.jr-community-rating legend{font-weight:600;padding:0 0 12px;color:var(--jr-c-ink)}
.jr-community-rating-options{display:flex;flex-wrap:wrap;gap:8px}
.jr-community-rating-options label{position:relative;display:inline-flex;align-items:center;min-height:48px;cursor:pointer}
.jr-community-rating-options input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.jr-community-rating-options span{display:flex;align-items:center;justify-content:center;padding:10px 12px;min-height:48px;border:1px solid var(--jr-c-line);border-radius:12px;color:var(--jr-c-gold);font-size:1rem;letter-spacing:.04em;background:rgba(255,255,255,.022);white-space:nowrap}
.jr-community-rating-options label:first-child span{font-size:.86rem;letter-spacing:0;color:var(--jr-c-muted)}
.jr-community-rating-options input:checked+span{border-color:var(--jr-c-gold);background:rgba(199,163,91,.16);color:var(--jr-c-ink)}
.jr-community-rating-options input:focus-visible+span{outline:3px solid var(--jr-c-gold);outline-offset:3px}
.jr-community .jr-community-consent{display:flex;align-items:flex-start;gap:12px;line-height:2;font-size:.91rem;color:var(--jr-c-muted);font-weight:400}
.jr-community-consent input{flex:none;width:20px;height:20px;margin-top:8px;accent-color:var(--jr-c-gold)}
.jr-community-privacy{margin:0;padding:12px 15px;border-inline-start:2px solid var(--jr-c-gold);background:rgba(199,163,91,.04);border-radius:4px}
.jr-community-privacy a,.jr-community-login a{text-decoration:underline;text-underline-offset:4px;color:var(--jr-c-gold)}
.jr-community-form button[type=submit]{justify-self:start;font:600 .95rem/1.5 Tahoma,Arial,sans-serif;min-height:48px;padding:13px 25px;border:1px solid var(--jr-c-gold);border-radius:var(--r-md,14px);background:var(--jr-c-gold);color:#11100f;cursor:pointer;transition:transform .15s,filter .15s}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.jr-community-form button[type=submit]:hover{transform:translateY(-1px);filter:brightness(1.07)}}
.jr-community-form button:disabled{opacity:.55;cursor:not-allowed;transform:none}
.jr-community :is(button,a,textarea,input):focus-visible{outline:3px solid var(--jr-c-gold);outline-offset:3px}
.jr-community-login{font-size:.91rem;line-height:1.9}
@media(max-width:600px){
 .jr-community{padding:21px 17px;border-radius:18px;margin-block:30px}
 .jr-community:before{inset:7px;border-radius:13px}
 .jr-community-heading{gap:12px}
 .jr-community-mark{width:44px;height:44px;padding:6px}
 .jr-community-comment{padding:16px}
 .jr-community-rating-options{gap:6px}
 .jr-community-rating-options span{padding:10px 9px;font-size:.85rem}
 .jr-community-form button[type=submit]{width:100%}
}
@media(prefers-reduced-motion:reduce){.jr-community *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.jr-community,.jr-community-comment,.jr-community-rating-options span{border:1px solid CanvasText}}

/* Privacy-critical: explicit hidden state must beat component display:grid/flex.
   A guest must never see the verified-account submission form. */
.jr-community [hidden]{display:none!important}


/* Native, keyboard-first academic conversation accordion (approved only). */
.jr-community-comment{padding:0;overflow:hidden}
.jr-community-comment>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px;margin:0;padding:16px clamp(16px,2.6vw,24px);cursor:pointer;list-style:none;line-height:1.9;color:var(--jr-c-gold)}
.jr-community-comment>summary::-webkit-details-marker{display:none}
.jr-community-comment>summary::after{content:"+";display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;border:1px solid var(--jr-c-line);border-radius:50%;font-size:1.3rem;font-weight:400}
.jr-community-comment[open]>summary::after{content:"−"}
.jr-community-comment>summary:focus-visible{outline:3px solid var(--jr-c-gold);outline-offset:-3px}
.jr-community-comment .jr-community-body{margin:0;padding:16px clamp(16px,2.6vw,24px) 21px;border-top:1px solid var(--jr-c-line)}
.jr-community-official-replies{display:grid;gap:12px;padding:0 clamp(16px,2.6vw,24px) clamp(16px,2.6vw,24px)}
.jr-community-official-reply{margin:0;padding:clamp(14px,2vw,20px);border:1px solid rgba(199,163,91,.28);border-inline-start:3px solid var(--jr-c-gold);border-radius:12px;background:linear-gradient(130deg,rgba(199,163,91,.09),rgba(255,255,255,.012))}
.jr-community-official-label{font-weight:700;color:var(--jr-c-gold);margin:0 0 8px;line-height:1.8}
.jr-community-official-body{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--jr-c-ink);margin:0;line-height:2}
.jr-community-compose{margin-top:clamp(20px,3vw,36px);border-top:1px solid var(--jr-c-line)}
.jr-community-compose>summary{cursor:pointer;min-height:54px;padding:16px 0;color:var(--jr-c-gold);font-weight:700;line-height:1.8}
.jr-community-compose>summary:focus-visible{outline:3px solid var(--jr-c-gold);outline-offset:3px}
.jr-community-compose .jr-community-form{margin-top:0;border-top:0;padding-top:12px}
.jr-community .jr-community-honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;pointer-events:none!important}
@media(max-width:600px){.jr-community-comment>summary{padding:15px 14px;font-size:.9rem}.jr-community-comment .jr-community-body{padding:14px}.jr-community-official-replies{padding:0 14px 14px}}
@media(prefers-reduced-motion:reduce){.jr-community-comment *,.jr-community-compose *{scroll-behavior:auto!important;transition:none!important}}
@media(forced-colors:active){.jr-community-official-reply,.jr-community-comment>summary::after{border:1px solid CanvasText}}

/* Descriptive summary from server-approved, independently counted ratings only. */
.jr-community-rating-summary{display:inline-flex;align-items:center;max-width:100%;
  line-height:1.9;overflow-wrap:anywhere;color:var(--jr-c-ink);
  border:1px solid rgba(199,163,91,.3);border-radius:12px;
  padding:9px 14px;background:rgba(199,163,91,.07);font-weight:600;font-size:.9rem}

/* Bilingual reading alignment and controlled pagination (2026-10-26). */
.jr-community{direction:inherit;text-align:start}
.jr-community :is(h2,h3,.jr-community-intro,.jr-community-privacy,.jr-community-status,.jr-community-form-status,.jr-community-body,.jr-community-official-body,.jr-community-login){text-align:start}
.jr-community-form :is(textarea,input:not([type=radio]):not([type=checkbox])){direction:inherit;text-align:start}
.jr-community-rating-options{direction:ltr;justify-content:flex-start}
.jr-community-rating-options span{unicode-bidi:isolate}
.jr-community-more{
 display:inline-flex;align-items:center;justify-content:center;
 min-height:48px;padding:10px 21px;margin-block:6px 16px;
 background:transparent;border:1px solid var(--jr-c-gold);
 color:var(--jr-c-gold);border-radius:12px;cursor:pointer;
 font:600 .92rem/1.6 Tahoma,Arial,sans-serif;
}
.jr-community-more:hover{background:rgba(199,163,91,.08)}
.jr-community-more:disabled{opacity:.6;cursor:wait}
.jr-community-more:focus-visible{outline:3px solid var(--jr-c-gold);outline-offset:3px}
.jr-community-more[hidden]{display:none!important}
@media(max-width:600px){.jr-community-more{width:100%}}

/* Decorative representation of real moderator-approved article ratings.
   Numeric accessible text remains in the summary; service Q&A never shows stars. */
.jr-community-comment-stars{
 direction:ltr;unicode-bidi:isolate;white-space:nowrap;
 color:var(--jr-c-gold);letter-spacing:.09em;font-size:1rem;
 line-height:1.5;flex:none;
}
@media(max-width:390px){
 .jr-community-comment-meta{flex-wrap:wrap;gap:8px 12px}
 .jr-community-comment-stars{font-size:.94rem;letter-spacing:.055em}
}
