/* Accepted collection visual language, scoped to Library, Access and Me. */
:root {
  --unified-ink:#142e4b;--unified-text:#40556a;--unified-muted:#687a89;
  --unified-paper:#fffdf7;--unified-panel:#faf8f1;--unified-line:#d9ddd9;
  --unified-copper-light:#e4c9aa;--unified-copper-deep:#d3a77f;--unified-copper-border:#c79a73;
  --unified-shadow:0 24px 44px -27px rgba(16,40,64,.45),0 5px 15px -9px rgba(25,43,57,.22),inset 0 1px 0 rgba(255,255,255,.8);
}
.unified-page {
  width:min(84%,1440px);min-width:0;min-height:100svh;margin:0 auto;
  padding:129px 0 52px;color:var(--unified-ink);box-sizing:border-box;
  font-family:var(--sans,Arial,Helvetica,sans-serif);
}
.unified-page *, .unified-page *::before, .unified-page *::after {box-sizing:border-box}
.unified-page > .pagehead {
  display:block;width:100%;min-height:0;max-width:none;margin:0 0 25px;padding:0 4px;
  text-align:left;align-items:start;
}
.unified-page > .pagehead > div {max-width:880px}
.unified-page .pagehead .eyebrow {
  margin:0 0 12px;color:#78563e;font-size:10px;font-weight:700;line-height:1.4;letter-spacing:2px;
}
.unified-page .pagehead h1 {
  margin:0 0 13px;color:var(--unified-ink);font:400 clamp(42px,4.1vw,62px)/1.06 var(--serif,Georgia,serif);
  letter-spacing:-1.7px;overflow-wrap:anywhere;
}
.unified-page .pagehead .sub {
  max-width:640px;margin:0;color:#344d65;font:400 15px/1.55 var(--sans,Arial,Helvetica,sans-serif);letter-spacing:0;
}
.unified-page .pagehead .motto {display:none}
.unified-page :is(.library-stage,.me-access-panel,.me-my-cards-panel,.me-workspace-panel,.me-account-panel,.personal-stage,.validation-value,.access-stage) {
  min-width:0;border:1px solid rgba(246,244,235,.92);border-radius:23px;
  background:rgba(250,248,241,.97);box-shadow:var(--unified-shadow);
}
.unified-page :is(a,button,input,select):focus-visible {
  outline:3px solid #ae7650;outline-offset:3px;box-shadow:0 0 0 1px #fffdf7;
}
.unified-page :is(.warm-button,.explore) {
  display:inline-flex;align-items:center;justify-content:center;gap:7px;max-width:100%;min-width:0;min-height:40px;
  padding:9px 12px;border:1px solid #bdc9cb;border-radius:8px;background:#f3f6f3;color:#24435b;
  text-decoration:none;text-align:center;font:500 11px/1.3 var(--sans,Arial,Helvetica,sans-serif);
  letter-spacing:0;text-transform:none;white-space:normal;overflow-wrap:anywhere;
}
.unified-page :is(.warm-button.gold,.explore) {
  background:linear-gradient(125deg,var(--unified-copper-light),var(--unified-copper-deep));
  border-color:var(--unified-copper-border);color:#39291f;box-shadow:0 3px 7px -5px rgba(98,56,36,.3);
}
.unified-page :is(.warm-button.gold,.explore):hover {
  background:linear-gradient(125deg,#dfbb96,#c9956d);border-color:#b98460;
}
.unified-page .inline-arrow {width:.8em;height:.8em;flex:0 0 .8em;fill:none;stroke:currentColor;stroke-width:1.6}
.unified-page > .read-status {
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 4px 0;padding:13px 0 0;
  border:0;border-top:1px solid var(--unified-line);background:none;color:var(--unified-muted);font-size:10px;line-height:1.5;
}
@media(min-width:761px) and (max-width:1150px) {
  .unified-page {width:90%;padding-top:124px}
}
@media(max-width:760px) {
  .unified-page {width:100%;min-height:0;padding:17px 0 36px}
  .unified-page > .pagehead {margin-bottom:21px;padding:0 3px}
  .unified-page .pagehead .eyebrow {font-size:9px;letter-spacing:1.7px;margin-bottom:10px}
  .unified-page .pagehead h1 {font-size:42px;letter-spacing:-1.1px;margin-bottom:11px}
  .unified-page .pagehead .sub {font-size:13px;line-height:1.5}
  .unified-page :is(.library-stage,.me-access-panel,.me-my-cards-panel,.me-workspace-panel,.me-account-panel,.personal-stage,.validation-value,.access-stage) {border-radius:18px}
  #app.wrap:not(.scene-story) {min-width:0}
  main#app.wrap > .unified-page {width:100%}
  .unified-page > .read-status {align-items:flex-start}
}
@media(prefers-reduced-motion:reduce) {
  .unified-page :is(a,button,input,select) {transition:none}
}
