:root {
  color-scheme: light;
  --ink: #1a1916;
  --charcoal: #20201d;
  --charcoal-2: #2b2a26;
  --warm-white: #fbfaf7;
  --canvas: #f1eee8;
  --paper: #fbfaf7;
  --muted: #78736a;
  --line: #d9d3c8;
  --line-strong: #c7c0b4;
  --cyan: #927647;
  --cyan-soft: rgba(146, 118, 71, 0.1);
  --success: #5d806e;
  --shadow: 0 24px 70px rgba(55, 48, 37, 0.1);
  --radius: 4px;
  background: var(--canvas);
  color: var(--ink);
}

html { background: var(--canvas); }

body {
  background: var(--canvas);
  color: var(--ink);
}

body::before,
.material-light { display: none; }

.site-header {
  width: 100%;
  min-height: 70px;
  margin: 0;
  padding-inline: max(32px, calc((100vw - 1400px) / 2));
  border-bottom: 1px solid var(--line);
  color: var(--ink);
  background: rgba(251, 250, 247, 0.94);
}

.wordmark {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.22em;
}

.header-meta > .eyebrow { color: #817b71; }
.status-pill { color: #6f6a62; }
.status-pill.online i { background: var(--success); }

main { width: min(1400px, calc(100% - 64px)); }

.eyebrow {
  color: #84775f;
  font-size: 9px;
  font-weight: 650;
  letter-spacing: 0.24em;
}

.intro {
  position: relative;
  grid-template-columns: 1fr;
  align-items: stretch;
  gap: 0;
  min-height: 0;
  padding: 42px 0 72px;
}

.intro-statement {
  position: relative;
  z-index: 3;
  grid-area: 1 / 1;
  align-self: end;
  max-width: 680px;
  padding: clamp(38px, 5vw, 70px);
  color: #fffdf8;
}

.intro-statement > .eyebrow { color: #dbc7a5; }

.intro h1 {
  max-width: 610px;
  font-family: "Songti SC", "Noto Serif SC", "STSong", Georgia, serif;
  font-size: clamp(48px, 4.25vw, 68px);
  font-weight: 400;
  line-height: 1.08;
  letter-spacing: -0.055em;
  color: #fffdf8;
}

.intro h1 > span,
.intro h1 em { white-space: normal; }

.intro h1 em {
  margin-top: 0.12em;
  color: #d8dde0;
  font-style: normal;
  font-weight: 400;
}

.intro-copy {
  max-width: 470px;
  margin: 28px 0 0;
  color: #e0dcd4;
  font-size: 13px;
  line-height: 1.9;
}

.intro-entry {
  display: inline-flex;
  min-width: 186px;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  margin-top: 25px;
  border-bottom: 1px solid rgba(255,253,248,.82);
  padding: 0 0 9px;
  color: #fffdf8;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-decoration: none;
}

.intro-entry b { color: #d7bd8f; font-size: 15px; font-weight: 400; }

.intro-artwork {
  position: relative;
  grid-area: 1 / 1;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
  justify-self: stretch;
  overflow: hidden;
  border: 1px solid #d4cec3;
  background: #e9e5dd;
  box-shadow: 0 28px 70px rgba(47, 43, 36, 0.13);
}

.intro-artwork::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(13,14,13,.78) 0%, rgba(13,14,13,.56) 30%, rgba(13,14,13,.08) 67%, transparent 100%),
    linear-gradient(180deg, transparent 57%, rgba(16,17,16,.62));
  content: "";
}

.intro-artwork img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 7.2;
  object-fit: cover;
  object-position: center 47%;
}

.intro-artwork figcaption {
  position: absolute;
  z-index: 2;
  right: 30px;
  bottom: 25px;
  left: auto;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  justify-content: flex-end;
  gap: 5px;
  color: #fffdf8;
}

.intro-artwork figcaption span {
  font-family: "Songti SC", "Noto Serif SC", "STSong", Georgia, serif;
  font-size: clamp(20px, 1.8vw, 29px);
  letter-spacing: 0.04em;
}

.intro-artwork figcaption strong {
  max-width: 290px;
  font-size: 8px;
  font-weight: 550;
  letter-spacing: 0.17em;
  line-height: 1.65;
  text-align: right;
}

.intro-artwork > i {
  position: absolute;
  z-index: 2;
  top: 22px;
  right: 24px;
  color: rgba(27, 28, 27, 0.58);
  font-family: Georgia, serif;
  font-size: 11px;
  font-style: normal;
  letter-spacing: 0.2em;
}

.workspace {
  display: block;
  padding: 86px 0 48px;
  border-top: 1px solid var(--line);
}

.glass-panel {
  border: 1px solid var(--line);
  color: var(--ink);
  background: var(--paper);
  box-shadow: var(--shadow);
  backdrop-filter: none;
}

.glass-panel::before { display: none; }

.chat-panel {
  min-height: 850px;
  height: auto;
  max-height: none;
  border-radius: 4px;
  padding: clamp(24px, 3vw, 42px);
  color: var(--ink);
}

.panel-head h2,
.rail-heading h2,
.inventory-card h2,
.dialog-head h2,
.usage-guide h2,
.weight-intro h3 {
  font-family: "Songti SC", "Noto Serif SC", "STSong", Georgia, serif;
  font-weight: 400;
  letter-spacing: -0.025em;
}

.panel-head h2 { font-size: 29px; }
.chat-panel .eyebrow { color: #75664e; font-size: 12px; }
.chat-panel .text-button { color: #777168; }
.chat-panel .text-button:hover { color: var(--ink); }

.data-note {
  margin-top: 15px;
  border-color: var(--line);
  color: #6f6a62;
  font-size: 14px;
}

.view-switch {
  width: 100%;
  height: 46px;
  gap: 30px;
  margin-top: 8px;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  padding: 0;
  background: transparent;
}

.view-switch button {
  position: relative;
  min-width: 0;
  height: 100%;
  border-radius: 0;
  padding: 0 2px;
  color: #4f4a43;
  background: transparent;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.04em;
}

.view-switch button + button { border-left: 0; }
.view-switch button[aria-selected="true"] { color: var(--ink); background: transparent; }
.view-switch button:focus-visible { outline: 2px solid rgba(146, 118, 71, 0.72); outline-offset: 3px; }
.view-switch button[aria-selected="true"]::after {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 2px;
  background: var(--cyan);
  content: "";
}

.dify-fallback {
  min-height: 680px;
  margin-top: 24px;
  border: 1px solid #d8dbe0;
  border-radius: 6px;
  background: #f5f6f8;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.7);
}

.dify-fallback iframe {
  min-height: 680px;
  background: #f5f6f8;
}

.assistant-message .message-content,
.stock-table-meta > span,
.board-reference-card,
.stock-card {
  border-color: var(--line);
  border-radius: 4px;
  color: var(--ink);
  background: #f5f2ec;
}

.message-label,
.stock-table-meta small,
.stock-filter-form label > span,
.weight-form label > span,
.weight-intro > p:last-child,
.board-reference-card small,
.weight-result-grid small { color: #625d55; }

.stock-table-meta > span { background: #f7f4ee; }
.stock-table-meta strong { color: #211f1b; }
.stock-table-status { color: #625d55; }

.suggestions button {
  border-color: var(--line);
  border-radius: 3px;
  color: #5f5a53;
  background: #f7f4ee;
}

.suggestions button:hover {
  border-color: #aa936d;
  color: var(--ink);
  background: var(--cyan-soft);
}

.composer {
  border-color: var(--line-strong);
  border-radius: 5px;
  color: var(--ink);
  background: #fff;
}

.composer textarea { color: var(--ink); }
.composer textarea::placeholder { color: #979189; }
.composer:focus-within { border-color: #a18961; box-shadow: 0 0 0 3px rgba(146, 118, 71, 0.08); }

.send-button,
.primary-button,
.primary-link {
  border-radius: 3px;
  color: #fff;
  background: #876c42;
}

.send-button:hover,
.primary-button:hover,
.primary-link:hover { background: #755b36; }

.secondary-button,
.stop-button {
  border-color: var(--line-strong);
  border-radius: 3px;
  color: #45413b;
  background: #f4f1eb;
}

.stock-table-view,
.weight-view { color: var(--ink); }

.stock-filter-form input:not([type="checkbox"]),
.stock-filter-form select,
.weight-form input,
.weight-form select {
  border-color: var(--line);
  border-radius: 3px;
  color: var(--ink);
  background: #fff;
}

.stock-filter-form input::placeholder { color: #777168; opacity: 1; }

.stock-filter-form input:focus,
.stock-filter-form select:focus,
.weight-form input:focus,
.weight-form select:focus { border-color: #a18961; }

.stock-results-table { border-color: var(--line); }
.stock-results-table thead th { color: #45413b; background: #e9e4dc; }
.stock-results-table tbody th { border-color: #ded8ce; color: #25221e; background: #fbfaf7; }
.stock-results-table td { border-color: #ded8ce; color: #302d28; }
.stock-results-table tbody tr:hover { background: #f5f1ea; }
.stock-locations ul { color: #4f4a43; }
.stock-product-totals span,
.stock-qty,
.stock-locations summary,
.weight-result-grid .weight-total strong,
.dify-fallback a,
.retry-button { color: #80663f; }

.zero-stock-toggle input,
.confirm-check input { accent-color: #876c42; }

.weight-result {
  border-color: rgba(135, 108, 66, 0.35);
  border-radius: 4px;
  color: var(--ink);
  background: rgba(146, 118, 71, 0.08);
}

.weight-result-grid strong { color: var(--ink); }
.weight-warning { border-color: #b7695d; color: var(--ink); background: #fff2ef; }
.weight-warning strong { color: #9d4137; }
.weight-disclaimer { color: #514b43; }
.weight-disclaimer strong { color: #9d4137; }

.color-card-view { color: var(--ink); }
.color-card-intro > p:last-child { color: #6f6a62; }
.color-card-filter-form {
  border-color: #d8d1c5;
  border-radius: 4px;
  background: #f5f2ec;
}
.color-card-filter-form label > span { color: #6f685f; }
.color-card-filter-form input,
.color-card-filter-form select {
  border-color: #d3ccc0;
  border-radius: 3px;
  color: var(--ink);
  background: #fff;
}
.color-card-filter-form input::placeholder { color: #979189; opacity: 1; }
.color-card-filter-form input:focus,
.color-card-filter-form select:focus { border-color: #a18961; box-shadow: 0 0 0 3px rgba(146,118,71,0.08); }
.color-card-reset { border-color: #c8bda9; color: #5f513b; background: #eee8dd; }
.color-card-reset:hover { border-color: #a18961; background: #e8dfd0; }
.color-card-toolbar { border-color: var(--line); background: var(--paper); }
.color-card-status { color: #6f6a62; }
.color-card-result {
  border-color: #d7d0c4;
  border-radius: 3px;
  color: var(--ink);
  background: #fff;
}
.color-card-result:hover { border-color: #a99067; background: #fff; box-shadow: 0 12px 26px rgba(67,55,36,0.12); }
.color-card-result:focus-visible { outline-color: #927647; }
.color-card-result-image { background: #efebe4; }
.color-card-result-copy span { color: #746e65; }
.color-card-result-arrow { color: #80663f; }
.color-card-pagination button { border-color: #cec6b9; color: #554c40; background: #f7f4ee; }
.color-card-pagination button:hover { border-color: #a18961; color: var(--ink); background: #eee8dd; }
.color-card-pagination span { color: #746e65; }
.color-card-dialog { border-color: #cfc7bb; border-radius: 4px; color: var(--ink); background: var(--paper); box-shadow: 0 28px 80px rgba(44,37,27,0.26); }
.color-card-dialog::backdrop { background: rgba(35,31,26,0.62); }
.color-card-dialog-image { background: #ece8e0; }
.color-card-detail-grid { border-color: var(--line); }
.color-card-detail-grid div { border-color: var(--line); }
.color-card-detail-grid small { color: #7b746a; }
.color-card-dialog-close { color: #6c655c; }

.side-rail {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 24px;
  margin-top: 28px;
}

.material-feature,
.rail-section,
.inventory-card {
  border-radius: 4px;
  box-shadow: none;
}

.rail-section {
  order: 1;
  min-height: 310px;
  border-color: var(--line);
  padding: 30px;
  color: var(--ink);
  background: #eae6de;
}

.rail-section .eyebrow { color: #89744f; }
.rail-heading h2 { font-size: 27px; }
.resource-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.resource-card {
  grid-template-columns: 116px minmax(0, 1fr);
  height: 128px;
  border-color: #d3ccc0;
  border-radius: 2px;
  color: var(--ink);
  background: var(--paper);
}

.resource-card:hover { border-color: #a58c64; background: #fff; }
.resource-description { color: #746e66; }
.resource-download { color: #80663f; }

.inventory-card {
  order: 2;
  min-height: 310px;
  grid-template-columns: minmax(0, 1fr) minmax(150px, 34%);
  border-color: #353532;
  color: #f8f6f0;
  background: #20201d;
}

.inventory-body { padding: 30px; }
.inventory-card h2 { font-size: 28px; }
.inventory-description { max-width: 330px; color: #bcb7ad; }
.inventory-meta-item small { color: #8f8a80; }
.inventory-meta-item strong { color: #d8d4cb; }
.inventory-meta-item.file strong { color: #fffdf8; }
.inventory-image { border-left-color: rgba(247,245,240,.12); filter: saturate(.72) contrast(1.02); }
.inventory-card .secondary-button { border-color: #4d4c48; color: #ddd8ce; background: #2b2b28; }

.material-feature {
  order: 3;
  grid-column: 1 / -1;
  height: 520px;
  aspect-ratio: auto;
  border: 1px solid #32322e;
  background: #1b1c19;
}

.material-slides {
  inset: 0;
  overflow: hidden;
  background: #1b1c19;
}

.material-slide {
  inset: 0;
  width: auto;
  height: auto;
  margin: 0;
  overflow: hidden;
  filter: none;
}

.material-slide::before {
  position: absolute;
  z-index: 0;
  inset: -34px;
  background-image: var(--material-image);
  background-position: center;
  background-size: cover;
  filter: blur(24px) saturate(.72) brightness(.68);
  opacity: .68;
  transform: scale(1.06);
  content: "";
}

.material-slide img {
  position: absolute;
  z-index: 1;
  top: 28px;
  right: 28px;
  bottom: 28px;
  left: 24%;
  width: calc(76% - 28px);
  height: calc(100% - 56px);
  object-fit: contain;
  object-position: 64% center;
  filter: saturate(1.02) contrast(1.045) brightness(1.06) drop-shadow(0 20px 30px rgba(13,14,12,.18));
  mix-blend-mode: var(--material-blend, normal);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%);
}

.material-slides::after {
  z-index: 3;
  background:
    linear-gradient(90deg, #1b1c19 0%, rgba(27,28,25,.98) 25%, rgba(27,28,25,.76) 34%, rgba(27,28,25,.16) 53%, transparent 72%),
    linear-gradient(180deg, rgba(12,13,12,.12), transparent 28%, rgba(12,13,12,.18));
}

.material-feature::before {
  position: absolute;
  z-index: 2;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 82% 6%, rgba(255,255,255,.46) 0%, rgba(255,255,255,.13) 24%, transparent 48%),
    linear-gradient(116deg, transparent 39%, rgba(189,222,226,.08) 48%, rgba(248,211,229,.1) 53%, transparent 61%);
  mix-blend-mode: screen;
  opacity: .78;
  content: "";
}

.material-feature::after {
  z-index: 3;
  top: -58%;
  right: -22%;
  bottom: -58%;
  left: 22%;
  background: linear-gradient(111deg, transparent 43%, rgba(255,255,255,.23) 49%, rgba(221,239,235,.11) 52%, transparent 59%);
  mix-blend-mode: screen;
  animation-duration: 13s;
  opacity: .62;
}

.material-copy {
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  display: flex;
  width: 35%;
  flex-direction: column;
  justify-content: center;
  padding: 42px 40px;
  background: linear-gradient(90deg, rgba(31,32,29,.98), rgba(25,26,24,.9) 72%, transparent);
}

.material-copy::after {
  position: absolute;
  top: 38px;
  right: 4%;
  bottom: 38px;
  width: 1px;
  background: linear-gradient(180deg, transparent, rgba(208,190,157,.25), transparent);
  content: "";
}

.material-copy .eyebrow { color: #d4c9b6; }
.material-copy h2 {
  color: #fffdf8;
  font-family: "Songti SC", "Noto Serif SC", "STSong", Georgia, serif;
  font-size: clamp(29px, 2.65vw, 38px);
  font-weight: 400;
  line-height: 1.18;
}

.usage-guide {
  margin-bottom: 98px;
  border: 0;
  border-top: 1px solid var(--line);
  border-radius: 0;
  padding: 46px 0 0;
  color: var(--ink);
  background: transparent;
  box-shadow: none;
}

.usage-guide::before { display: none; }
.usage-guide-head h2 { font-size: 38px; }
.usage-guide-head > p:last-child { color: #68635c; }
.usage-guide-grid { grid-template-columns: 1fr; gap: 0; margin-top: 36px; border-top: 1px solid var(--line); }

.usage-guide-grid article {
  display: grid;
  grid-template-columns: 48px minmax(190px, .45fr) minmax(0, 1fr);
  column-gap: 24px;
  align-items: start;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  padding: 22px 0;
  color: var(--ink);
  background: transparent;
}

.usage-guide-grid article > span { grid-column: 1; grid-row: 1 / 6; color: #9a8056; }
.usage-guide-grid h3 { grid-column: 2; grid-row: 1 / 6; margin: 0; font-family: "Songti SC", "Noto Serif SC", "STSong", Georgia, serif; font-size: 15px; font-weight: 600; }
.usage-guide-grid p { grid-column: 3; min-height: 0; margin: 0 0 8px; color: #67625b; font-size: 11px; }
.usage-guide-grid code { grid-column: 3; width: fit-content; margin-top: 4px; border-radius: 2px; color: #725a35; background: rgba(146,118,71,.08); }

.site-footer {
  width: 100%;
  margin: 0;
  padding: 42px max(32px, calc((100vw - 1400px) / 2));
  border-top: 0;
  color: #aaa59c;
  background: #20201d;
}

.site-footer p { color: #f7f4ee; }
.footer-brand img { opacity: .8; filter: grayscale(.35) brightness(1.15); }
.admin-dialog { border-radius: 4px; }

@media (max-width: 1040px) {
  .resource-list { grid-template-columns: 1fr; }
  .rail-section,
  .inventory-card { min-height: 350px; }
}

@media (max-width: 820px) {
  .site-header { padding-inline: 16px; }
  main { width: min(100% - 32px, 720px); }
  .intro { grid-template-columns: 1fr; gap: 38px; min-height: 0; padding: 52px 0 66px; }
  .intro-statement { grid-area: auto; max-width: 640px; padding: 0; color: var(--ink); }
  .intro-statement > .eyebrow { color: #84775f; }
  .intro h1 { color: var(--ink); }
  .intro h1 em { color: #6d7780; }
  .intro-copy { color: #666159; }
  .intro-entry { border-bottom-color: var(--ink); color: var(--ink); }
  .intro-entry b { color: var(--cyan); }
  .intro-artwork { grid-area: auto; justify-self: center; }
  .intro-artwork::after { inset: 52% 0 0; background: linear-gradient(180deg, transparent, rgba(24,25,24,.7)); }
  .intro-artwork img { aspect-ratio: 4 / 3; object-position: center; }
  .intro-artwork figcaption { left: 24px; align-items: flex-start; }
  .workspace { padding-top: 64px; }
  .chat-panel { min-height: 0; }
  .side-rail { grid-template-columns: 1fr; }
  .rail-section,
  .inventory-card { min-height: 270px; }
  .material-feature {
    display: grid;
    grid-column: auto;
    height: auto;
    min-height: 0;
    aspect-ratio: auto;
  }
  .material-slides {
    position: relative;
    inset: auto;
    order: 2;
    aspect-ratio: 4 / 3;
  }
  .material-slide img {
    inset: 16px;
    width: calc(100% - 32px);
    height: calc(100% - 32px);
    object-position: center;
    -webkit-mask-image: none;
    mask-image: none;
  }
  .material-slides::after { background: linear-gradient(180deg, transparent 72%, rgba(20,21,19,.13)); }
  .material-feature::before,
  .material-feature::after { display: none; }
  .material-copy {
    position: relative;
    inset: auto;
    order: 1;
    width: auto;
    justify-content: flex-end;
    padding: 30px;
    background: linear-gradient(135deg, #20211e, #191a18);
  }
  .material-copy::after { display: none; }
  .site-footer { padding-inline: 16px; }
}

@media (max-width: 560px) {
  .site-header { min-height: 64px; padding-inline: 12px; }
  main { width: calc(100% - 24px); }
  .header-meta > .eyebrow { display: none; }
  .intro { gap: 26px; padding: 38px 0 50px; }
  .intro .eyebrow { margin-bottom: 13px; line-height: 1.5; }
  .intro h1 { font-size: clamp(34px, 10.1vw, 40px); line-height: 1.1; }
  .intro h1 em { margin-top: .14em; }
  .intro-copy { margin-top: 22px; font-size: 12px; line-height: 1.8; }
  .intro-entry { min-width: 170px; margin-top: 20px; }
  .intro-artwork img { aspect-ratio: 4 / 3; object-position: center; }
  .intro-artwork figcaption { right: 18px; bottom: 16px; left: 18px; align-items: flex-start; flex-direction: column; gap: 4px; }
  .intro-artwork figcaption span { font-size: 23px; }
  .intro-artwork figcaption strong { max-width: none; font-size: 7px; text-align: left; }
  .intro-artwork > i { top: 16px; right: 16px; }
  .workspace { padding: 50px 0 58px; }
  .chat-panel { padding: 20px 12px 12px; border-radius: 3px; }
  .panel-head { padding-inline: 4px; }
  .panel-head h2 { font-size: 22px; }
  .data-note { padding-inline: 4px; }
  .view-switch { gap: 0; }
  .view-switch button { flex: 1; padding-inline: 6px; }
  .dify-fallback { min-height: min(660px, calc(100svh - 132px)); margin-top: 12px; border-radius: 4px; }
  .dify-fallback iframe { min-height: max(520px, 72svh); }
  .side-rail { gap: 14px; margin-top: 14px; }
  .rail-section { order: 1; min-height: 0; padding: 22px; }
  .inventory-card { order: 2; min-height: 248px; grid-template-columns: minmax(0, 1fr) 78px; }
  .inventory-body { padding: 21px 16px 18px 20px; }
  .material-feature { order: 3; min-height: 0; aspect-ratio: auto; }
  .material-copy { width: auto; padding: 24px 20px; }
  .material-copy h2 { font-size: 27px; }
  .resource-card { grid-template-columns: 108px minmax(0, 1fr); height: 116px; }
  .usage-guide { margin-bottom: 58px; padding-top: 48px; }
  .usage-guide-head { grid-template-columns: 1fr; }
  .usage-guide-head h2 { font-size: 30px; }
  .usage-guide-grid { margin-top: 26px; }
  .usage-guide-grid article { grid-template-columns: 32px minmax(0, 1fr); column-gap: 10px; padding: 20px 0; }
  .usage-guide-grid article > span { grid-column: 1; }
  .usage-guide-grid h3 { grid-column: 2; grid-row: auto; margin-bottom: 8px; font-size: 14px; }
  .usage-guide-grid p,
  .usage-guide-grid code { grid-column: 2; }
  .site-footer { padding-block: 34px; }
  .admin-dialog { border-radius: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .material-feature::after { display: none; }
}