/* Shared print treatment. Card faces, type roles and motion keep their own styles. */
.site-sheet {
  --rule:#68645e;
  --shell-rule:#68645e;
  --shell-rule-soft:#4e4b46;
  --shell-keyline:#a39b8c;
  --shell-stock:#333332;
  --shell-recess:#2b2b29;
  background:var(--shell-stock);
}

.site-sheet .masthead {
  background:#383837;
  border-bottom-color:var(--shell-rule);
  box-shadow:inset 0 -4px 0 var(--shell-stock),inset 0 -5px 0 #a39b8c32;
}
.site-sheet .site-nav { background:var(--shell-recess); }
.site-sheet .site-nav a { border-right-color:var(--shell-rule-soft); }
.site-sheet .site-nav a[aria-current=page] { background:#393331; }
.site-sheet .site-nav a[aria-current=page]::after { content:none; }
.site-sheet .site-nav a:hover { background:#433a36; }
.site-sheet .site-nav a[aria-current=page]:hover { background:#433733; }
.site-sheet .site-footer { border-top:3px double var(--shell-rule); }

/* Two fine contours echo the inset ink rails of the Greed Island cards. */
.site-sheet .cover-heading { border-color:var(--shell-rule); border-left-color:var(--red); }
.site-sheet .cover-intro { border-top-color:#8a7b6e; }
.site-sheet .cover-frame { border-color:var(--shell-keyline); }
.site-sheet .cover-frame::after {
  content:'';
  position:absolute;
  z-index:2;
  inset:4px;
  border:1px solid #a39b8c55;
  pointer-events:none;
}
.site-sheet .portal { border-color:var(--shell-rule); box-shadow:2px 3px 0 #1f1f1d; }
.site-sheet .portal-label { border-top-color:var(--shell-rule); background:#33312e; }
.site-sheet .portal:hover .portal-label { background:var(--red); }

/* Reading surfaces use the same quiet rules as the surrounding card album. */
.site-sheet .blog-heading { border-bottom-color:var(--shell-keyline); }
.site-sheet .blog-filter select { border-bottom-color:var(--shell-keyline); }
.site-sheet :is(.reader-back,.reader-header,.reader-end) { border-color:var(--shell-rule); }
.site-sheet .reader-body hr { border-top-color:var(--shell-rule); }
.site-sheet .h-interest-sheet { border-inline-color:var(--shell-rule); border-left-color:#9d000c; }
.site-sheet .g-binder { border-color:var(--shell-rule); }
.site-sheet :is(.n-panel,.n-active) { border-color:var(--shell-keyline); }
.site-sheet :is(.n-sequence,.n-content) { border-top-color:var(--shell-keyline); }

/* The same shell works around the standalone design comparisons. */
.exploration-sheet { --xl-line:var(--shell-rule); }
.exploration-sheet .xl-menu { background:#282827f5; }
.exploration-sheet .xl-menu a { border-right-color:var(--shell-rule-soft); }
.exploration-sheet .xl-menu a:hover { background:#433a36; }
.exploration-sheet .xl-cover { background:linear-gradient(145deg,#3c3b38,#2e2e2b); }
.exploration-sheet .xl-variant-nav a { border-right-color:var(--shell-rule-soft); }
.exploration-sheet .xl-names button { border-color:var(--shell-rule); background:var(--shell-recess); }
.exploration-sheet .xl-names button[aria-pressed=true] { border-color:var(--red); background:#3d3231; }
.exploration-sheet :is(.xl-down,.xl-up) { border-color:var(--shell-keyline); }

.lab-blog .xb-variant-heading { border-bottom:1px solid var(--shell-rule); }
.lab-blog .xb-variant-heading h2 { font-family:var(--serif); font-weight:700; letter-spacing:0; }
.lab-blog .xb-index .xb-filters { padding:0; border:0; background:transparent; margin-bottom:22px; }
.lab-blog .xb-index .xb-field { flex:0 1 190px; margin-left:auto; }
.lab-blog .xb-index .xb-field select {
  border:0;
  border-bottom:1px solid var(--shell-keyline);
  padding-left:0;
  background:transparent;
}
.lab-blog .xb-field option { background:var(--shell-recess); }
.lab-blog .xb-index-table { border-color:var(--shell-rule); border-top:2px solid var(--red); background:var(--shell-recess); }
.lab-blog .xb-index-head { border-bottom-color:var(--shell-rule); color:#c1b7a8; }
.lab-blog .xb-index-row { border-bottom-color:var(--shell-rule-soft); }
.lab-blog .xb-index-row:hover { background:#393431; }
.lab-garden .xg-scheme-heading { border-bottom-color:var(--shell-rule); }
.lab-garden .xg-mode { border-color:var(--shell-rule); background:var(--shell-recess); }
.lab-garden .xg-mode[aria-pressed=true] { border-color:var(--red); background:#3d3231; }