:root {
  --paper:#f4f1eb;
  --panel:#fffdf8;
  --ink:#1e2723;
  --muted:#65726b;
  --line:#dcd7ce;
  --teal:#0f766e;
  --dark:#1c2422;
}

* {
  box-sizing:border-box;
}

html {
  scroll-behavior:smooth;
  scroll-padding-top:28px;
}

body {
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:Arial,"Noto Sans TC",sans-serif;
  font-size:15px;
  line-height:1.65;
}

button,select {
  font:inherit;
}

a {
  color:inherit;
}

button,a,summary {
  -webkit-tap-highlight-color:transparent;
}

button {
  cursor:pointer;
}

:focus-visible {
  outline:3px solid #b47b32;
  outline-offset:4px;
}

button {
  border:0;
}

button:disabled {
  cursor:not-allowed;
}

.wrap {
  width:min(1180px,calc(100% - 80px));
  margin-inline:auto;
}

.header {
  width:min(1280px,calc(100% - 80px));
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  padding:25px 0;
}

.brand {
  display:inline-flex;
  align-items:center;
  gap:11px;
  text-decoration:none;
  font-size:20px;
  font-weight:700;
  letter-spacing:-.5px;
  white-space:nowrap;
}


.header nav {
  display:flex;
  gap:30px;
  font-size:14px;
}

.header nav a {
  text-decoration:none;
  color:var(--muted);
}

.header nav a:hover {
  color:var(--teal);
}

.account {
  display:flex;
  gap:20px;
  align-items:center;
}

.text-button {
  color:var(--ink);
  background:none;
  padding:10px 0;
  font-size:14px;
  min-height:44px;
}

.button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  min-height:48px;
  padding:13px 23px;
  background:var(--teal);
  color:#fff;
  border-radius:6px;
  font-weight:600;
  text-decoration:none;
  font-size:14px;
}

.button:hover {
  background:#0a625c;
}

.button.small {
  padding:10px 17px;
  min-height:42px;
}

.hero {
  display:grid;
  grid-template-columns:1.1fr 1fr;
  align-items:center;
  gap:64px;
  padding-block:72px 84px;
}

.eyebrow {
  font-size:12px;
  font-weight:600;
  letter-spacing:1px;
  color:var(--muted);
  margin:0 0 22px;
}

.eyebrow>span {
  display:inline-block;
  width:6px;
  height:6px;
  background:var(--teal);
  border-radius:50%;
  margin-right:7px;
  vertical-align:middle;
}

h1 {
  font-size:clamp(38px,4.4vw,61px);
  font-weight:700;
  line-height:1.28;
  letter-spacing:-2.5px;
  margin:0 0 27px;
}

.accent {
  color:var(--teal);
}

.lead {
  color:var(--muted);
  font-size:16px;
  line-height:1.9;
  margin:0 0 30px;
}

.hero-actions {
  display:flex;
  align-items:center;
  gap:24px;
  flex-wrap:wrap;
}

.quiet-link {
  font-size:13px;
  text-decoration:none;
  color:var(--ink);
  padding:10px 0;
}

.quiet-link span {
  margin-left:10px;
  color:var(--teal);
}

.hero-note {
  color:var(--muted);
  font-size:12px;
  margin-top:16px;
}

.preview {
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:9px;
  box-shadow:0 16px 40px #293b2b09;
  overflow:hidden;
  transform:rotate(-1deg);
}

.preview-top {
  background:var(--dark);
  color:#f7f5ed;
  display:flex;
  justify-content:space-between;
  padding:15px 22px;
  font-size:12px;
}

.preview-top small {
  color:#becac1;
  font-size:10px;
}

.preview-top i {
  display:inline-block;
  background:#b9cbbb;
  width:6px;
  height:6px;
  border-radius:50%;
  margin-right:8px;
}

.preview-heading {
  padding:24px 25px 18px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.preview-heading p {
  margin:0;
  color:var(--muted);
  font-size:11px;
}

.preview-heading h2 {
  font-size:24px;
  letter-spacing:-.7px;
  margin:4px 0 0;
}

.preview-date {
  font-size:12px;
  color:var(--muted);
  padding:5px 11px;
  border:1px solid var(--line);
  border-radius:5px;
}

.tabs {
  display:flex;
  margin:0 25px;
  border-bottom:1px solid var(--line);
  gap:24px;
}

.tabs button {
  background:transparent;
  padding:8px 0 11px;
  color:var(--muted);
  font-size:12px;
  border-bottom:2px solid transparent;
}

.tabs button[aria-selected=true] {
  color:var(--teal);
  border-color:var(--teal);
  font-weight:bold;
}

.sample-panel {
  padding:7px 25px 18px;
  min-height:246px;
}

.sample-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  border-bottom:1px solid var(--line);
  padding:17px 0;
}

.sample-row:last-child {
  border:0;
}

.sample-row strong {
  font-size:13px;
  display:block;
}

.sample-row small {
  font-size:11px;
  color:var(--muted);
}

.row-right {
  text-align:right;
  flex-shrink:0;
}

.row-right b {
  font-size:14px;
  font-variant-numeric:tabular-nums;
  display:block;
  margin-bottom:5px;
}

.badge {
  display:inline-block;
  font-size:10px;
  padding:3px 7px;
  border-radius:4px;
  background:#e5eae4;
  color:#55655c;
}

.badge.warn {
  color:#845d23;
  background:#f4ead5;
}

.badge.green {
  color:#0c7265;
  background:#dfefe7;
}

.preview-bottom {
  border-top:1px solid var(--line);
  padding:12px 25px;
  display:flex;
  gap:9px;
  align-items:center;
  background:#f1f4ed;
}

.preview-bottom p {
  font-size:11px;
  color:#53685b;
  margin:0;
}

.mini-mark {
  color:var(--teal);
  font-size:13px;
}

.principles {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  padding:27px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}

.principles p {
  padding-left:30px;
  margin:0;
  border-left:1px solid var(--line);
}

.principles p:first-child {
  padding-left:0;
  border:0;
}

.principles strong {
  display:block;
  font-size:15px;
  margin-bottom:4px;
}

.principles span {
  color:var(--muted);
  font-size:12px;
}

.features {
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:110px;
  padding-block:100px;
}

.section-heading h2,.tenant-inner h2,.faq h2,.closing h2 {
  font-size:36px;
  letter-spacing:-1px;
  line-height:1.4;
  margin:0 0 20px;
}

.section-heading>p:last-child {
  font-size:14px;
  color:var(--muted);
  line-height:1.9;
}

.feature-list article {
  display:flex;
  gap:25px;
  padding:26px 0;
  border-bottom:1px solid var(--line);
}

.feature-list article:first-child {
  padding-top:0;
}

.number {
  color:var(--teal);
  font-size:12px;
  padding-top:6px;
  font-variant-numeric:tabular-nums;
}

.feature-list h3 {
  font-size:20px;
  margin:0 0 9px;
  letter-spacing:-.3px;
}

.feature-list p {
  font-size:14px;
  color:var(--muted);
  margin:0 0 14px;
}

.tags {
  display:flex;
  gap:16px;
  color:#557067;
  font-size:11px;
}

.tenant-section {
  background:var(--dark);
  color:#faf8f0;
}

.tenant-inner {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:100px;
  padding-block:66px;
}

.eyebrow.light {
  color:#b8c7bc;
}

.tenant-inner>div>p:not(.eyebrow) {
  font-size:14px;
  color:#bfcbc3;
  line-height:1.9;
}

.light-button {
  margin-top:15px;
  color:var(--ink);
  background:#f2eee3;
}

.light-button:hover {
  background:#fff;
}

.tenant-steps {
  list-style:none;
  padding:0;
  margin:4px 0;
  display:grid;
  gap:24px;
  align-content:center;
}

.tenant-steps li {
  display:flex;
  gap:20px;
  align-items:start;
}

.tenant-steps li>span {
  border:1px solid #62706a;
  width:30px;
  height:30px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:12px;
  flex-shrink:0;
}

.tenant-steps h3 {
  font-size:16px;
  margin:0 0 5px;
}

.tenant-steps p {
  margin:0;
  color:#bfcbc3;
  font-size:13px;
}

.faq {
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:110px;
  padding-block:90px;
}

.questions details {
  border-bottom:1px solid var(--line);
}

.questions summary {
  cursor:pointer;
  list-style:none;
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:20px 0;
  font-size:15px;
  font-weight:600;
}

.questions summary::-webkit-details-marker {
  display:none;
}

.questions summary:after {
  content:'+';
  color:var(--teal);
  font-size:19px;
  font-weight:400;
}

.questions details[open] summary:after {
  content:'−';
}

.questions details p {
  font-size:14px;
  color:var(--muted);
  margin:0 25px 22px 0;
}

.closing {
  display:flex;
  justify-content:space-between;
  align-items:center;
  background:#e8ece3;
  border:1px solid #d8dfd2;
  border-radius:8px;
  padding:38px 44px;
}

.closing .eyebrow {
  margin-bottom:10px;
}

.closing h2 {
  font-size:29px;
  margin:0;
}

.footer {
  padding-block:40px;
  display:flex;
  gap:30px;
  align-items:center;
}

.footer .brand {
  font-size:16px;
}


.footer p {
  font-size:12px;
  color:var(--muted);
  flex:1;
}

.footer>a:last-child {
  font-size:12px;
  color:var(--muted);
  text-decoration:none;
}

.mobile-break {
  display:none;
}

@media(max-width:1000px) {
  .hero {
    gap:32px;
  }
  .header nav {
    gap:18px;
  }
  .header {
    gap:20px;
  }
  .features,.faq {
    gap:60px;
  }
  .hero-actions {
    gap:12px;
  }
  h1 {
    letter-spacing:-1.8px;
  }
}

@media(max-width:760px) {
  .wrap,.header {
    width:calc(100% - 40px);
  }
  .header {
    padding:18px 0;
    flex-wrap:wrap;
    gap:15px;
  }
  .header nav {
    order:3;
    width:100%;
    justify-content:space-between;
    border-top:1px solid var(--line);
    padding-top:12px;
    font-size:12px;
  }
  .brand {
    font-size:18px;
  }
  .account {
    gap:14px;
  }
  .button.small {
    font-size:12px;
    padding:8px 12px;
  }
  .hero {
    grid-template-columns:1fr;
    padding:38px 0 45px;
    gap:36px;
  }
  .hero .eyebrow {
    font-size:11px;
    margin-bottom:18px;
  }
  h1 {
    font-size:41px;
    letter-spacing:-1.8px;
  }
  .lead {
    font-size:14px;
    margin-bottom:24px;
  }
  .desktop-break {
    display:none;
  }
  .hero-actions {
    gap:12px 20px;
  }
  .hero-note {
    margin-bottom:0;
  }
  .preview {
    transform:none;
  }
  .preview-heading {
    padding:20px 20px 15px;
  }
  .tabs {
    margin-inline:20px;
  }
  .sample-panel {
    padding-inline:20px;
    min-height:242px;
  }
  .preview-top,.preview-bottom {
    padding-inline:20px;
  }
  .principles {
    gap:18px;
    grid-template-columns:1fr;
    padding-block:24px;
  }
  .principles p,.principles p:first-child {
    padding:0;
    border:0;
    display:flex;
    justify-content:space-between;
    gap:10px;
    align-items:center;
  }
  .principles strong {
    font-size:13px;
    margin:0;
  }
  .principles span {
    font-size:11px;
  }
  .features,.faq {
    grid-template-columns:1fr;
    gap:26px;
    padding-block:52px;
  }
  .section-heading h2,.tenant-inner h2,.faq h2 {
    font-size:29px;
  }
  .section-heading>p:last-child br {
    display:none;
  }
  .section-heading .eyebrow,.faq .eyebrow {
    margin-bottom:12px;
  }
  .feature-list h3 {
    font-size:18px;
  }
  .feature-list article {
    gap:18px;
  }
  .tenant-inner {
    grid-template-columns:1fr;
    gap:35px;
    padding-block:46px;
  }
  .tenant-steps {
    gap:25px;
  }
  .faq h2 {
    margin:0;
  }
  .closing {
    padding:28px 24px;
    align-items:start;
    gap:24px;
    flex-direction:column;
  }
  .closing h2 {
    font-size:27px;
  }
  .footer {
    flex-wrap:wrap;
    gap:14px;
    justify-content:space-between;
    padding-block:28px;
  }
  .footer p {
    flex-basis:100%;
    order:3;
    margin:0;
  }
  .mobile-break {
    display:initial;
  }
}

@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }
}

[hidden] {
  display: none !important;
}

.account form {
  margin: 0;
}

.locale-switcher {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  font-size: 12px;
}

.locale-switcher a[aria-current] {
  color: var(--teal);
  font-weight: bold;
}

.public-flashes {
  padding: 12px 24px;
  background: #dfefe7;
}

@media (max-width: 400px) {
  h1 {
    font-size: 35px;
  }
  .sample-panel {
    padding-inline: 14px;
  }
  .sample-row {
    gap: 8px;
  }
}

.ai-section {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:88px;
  padding-block:80px;
  border-bottom:1px solid var(--line);
}

.ai-copy h2 {
  font-size:36px;
  line-height:1.4;
  letter-spacing:-1px;
  margin:0 0 20px;
}

.ai-lead {
  color:var(--muted);
  font-size:15px;
  max-width:450px;
}

.ai-capabilities {
  list-style:none;
  padding:0;
  margin:24px 0;
}

.ai-capabilities li {
  display:grid;
  gap:4px;
  margin:18px 0;
}

.ai-capabilities strong {
  font-size:14px;
}

.ai-capabilities span {
  font-size:13px;
  color:var(--muted);
}

.ai-control {
  font-size:12px;
  line-height:1.8;
  color:var(--muted);
  border-left:2px solid #b5c6b8;
  padding-left:14px;
  max-width:460px;
}

.ai-demo {
  background:#e8ede5;
  border:1px solid #d3dccf;
  border-radius:9px;
  align-self:center;
  overflow:hidden;
}

.ai-demo-top {
  display:flex;
  justify-content:space-between;
  align-items:center;
  background:var(--panel);
  padding:18px 22px;
  border-bottom:1px solid #d3dccf;
}

.ai-demo-top strong {
  font-size:14px;
}

.ai-demo-top span {
  font-size:11px;
  color:var(--muted);
}

.ai-examples {
  display:flex;
  gap:8px;
  padding:18px 22px 0;
}

.ai-examples button {
  background:transparent;
  color:var(--muted);
  border:1px solid #c4cfbf;
  padding:8px 12px;
  font-size:12px;
  border-radius:5px;
  min-height:40px;
}

.ai-examples button[aria-pressed=true] {
  background:var(--panel);
  color:var(--teal);
  border-color:var(--teal);
}

#ai-conversation {
  padding:22px;
  min-height:295px;
}

.ai-user {
  background:#d2e5cf;
  border-radius:8px 8px 0 8px;
  padding:12px 16px;
  margin:0 0 20px 35px;
  font-size:14px;
  max-width:88%;
  margin-left:auto;
  width:fit-content;
}

.ai-response {
  background:var(--panel);
  padding:18px;
  border:1px solid #d7dfd2;
  border-top:4px solid #0f766e;
  border-radius:5px;
  max-width:95%;
}

.ai-response h3 {
  font-size:14px;
  margin:0 0 10px;
}

.ai-response p {
  font-size:13px;
  margin:6px 0;
  color:var(--muted);
}

.ai-response dl {
  margin:10px 0;
}

.ai-response dl div {
  display:flex;
  justify-content:space-between;
  gap:14px;
  font-size:13px;
  padding:6px 0;
  border-bottom:1px solid #e5e4da;
}

.ai-response dt {
  color:var(--muted);
}

.ai-response dd {
  margin:0;
}

.ai-pending {
  font-size:11px;
  color:#806022;
  background:#f2ead9;
  padding:5px 8px;
  display:inline-block;
  border-radius:4px;
}

.ai-demo-note {
  font-size:11px;
  color:var(--muted);
  margin:0;
  padding:0 22px 20px;
}

@media(max-width:760px) {
  .ai-section {
    grid-template-columns:1fr;
    gap:28px;
    padding-block:48px;
  }
  .ai-copy h2 {
    font-size:29px;
  }
  .ai-demo-top,.ai-examples {
    padding-inline:18px;
  }
  #ai-conversation {
    padding:18px;
  }
  .ai-user {
    font-size:13px;
  }
  .ai-response {
    max-width:100%;
  }
  .header nav {
    gap:10px;
  }
}


@media (max-width: 760px) {
  .ai-examples { flex-wrap: wrap; }
  .ai-demo-top { gap: 12px; }
  .ai-response dl div { flex-wrap: wrap; }
  .header nav { flex-wrap: wrap; }
}

.ai-amount { display:block; font-size:26px; line-height:1.2; margin:8px 0 14px; }
.ai-card-actions { display:grid; gap:6px; margin-top:10px; }
.ai-card-actions span { display:block; border-radius:4px; padding:7px 12px; background:#0f766e; color:white; text-align:center; font-size:13px; font-weight:600; }
.ai-card-actions span + span { background:#e8ece3; color:#1e2723; }
.ai-response dt, .ai-response dd { overflow-wrap:anywhere; }

/* Public policy documents share the homepage's paper and ink palette. */
.legal-header { display: flex; justify-content: space-between; align-items: center; padding-block: 28px; gap: 20px; }
.legal-header nav { display: flex; gap: 16px; }
.legal-header a[aria-current="page"] { color: var(--teal); font-weight: bold; }
.legal-page { max-width: 1120px; padding-bottom: 48px; }
.legal-intro { max-width: 760px; padding-block: 36px; }
.legal-intro h1 { font-family: Georgia, "Noto Serif TC", serif; font-size: clamp(36px, 6vw, 56px); margin: 10px 0; }
.legal-meta { color: var(--muted); font-size: 13px; }
.legal-notice { border-left: 3px solid var(--teal); padding: 12px 18px; background: var(--panel); }
.legal-layout { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 52px; }
.legal-nav { align-self: start; position: sticky; top: 28px; display: grid; gap: 14px; font-size: 14px; }
.legal-nav a { text-decoration: none; color: var(--muted); }
.legal-nav a:hover { color: var(--teal); text-decoration: underline; }
.legal-content { min-width: 0; }
.legal-content section { border-top: 1px solid var(--line); padding: 24px 0; scroll-margin-top: 28px; }
.legal-content h2 { font-size: 21px; margin: 0 0 14px; }
.legal-content h2 span { display: inline-block; color: var(--teal); font-size: 13px; margin-right: 14px; }
.legal-content p { line-height: 1.95; margin: 0; overflow-wrap: anywhere; }
.legal-contact { font-style: normal; background: var(--panel); padding: 24px; border: 1px solid var(--line); }
.legal-contact a { color: var(--teal); }
.legal-footer { display: flex; gap: 24px; padding-top: 36px; border-top: 1px solid var(--line); margin-top: 36px; }
.footer-policy-links { display: flex; flex-wrap: wrap; gap: 18px; }
@media (max-width: 700px) {
  .legal-layout { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .legal-nav { position: static; border-top: 1px solid var(--line); padding-top: 20px; }
  .legal-intro { padding-block: 24px; }
}

.analytics-consent[hidden] { display: none; }
.analytics-consent { display: flex; align-items: center; justify-content: space-between; gap: 20px; position: fixed; z-index: 20; bottom: max(16px, env(safe-area-inset-bottom)); left: 50%; transform: translateX(-50%); margin: 0; padding: 18px 22px; width: min(900px, calc(100% - 32px)); background: var(--panel); border: 1px solid var(--line); border-radius: 8px; box-shadow: 0 8px 28px #1e272314; }
.analytics-consent h2 { margin: 0 0 4px; font-size: 16px; }
.analytics-consent p { margin: 0; color: var(--muted); font-size: 13px; }
.analytics-consent p a { color: var(--teal); }
.analytics-consent-actions { display: flex; gap: 10px; flex-shrink: 0; }
.analytics-consent-actions button { padding: 9px 14px; border: 1px solid var(--teal); border-radius: 5px; background: var(--panel); color: var(--teal); cursor: pointer; font-weight: 600; }
.analytics-consent-actions button:hover { background: #e8ece3; }
.analytics-consent-settings { display: block; margin: 0 auto 28px; padding: 4px 8px; background: transparent; color: var(--muted); text-decoration: underline; font-size: 13px; cursor: pointer; }
@media (max-width: 700px) {
  .analytics-consent { align-items: flex-start; flex-direction: column; gap: 12px; }
  .analytics-consent-actions { width: 100%; }
  .analytics-consent-actions button { flex: 1; }
}

/* Shared brand artwork keeps its original aspect ratio. */
.brand-logo { display: block; width: 180px; max-width: 100%; height: auto; }

/* Keep public navigation labels intact and move links below the account row on tablets. */
.header .brand, .header .account { flex-shrink: 0; }
.header nav a, .header .account a, .header .account button { white-space: nowrap; }
@media (max-width: 1100px) {
  .header { flex-wrap: wrap; }
  .header nav { order: 3; width: 100%; justify-content: space-between; flex-wrap: wrap; border-top: 1px solid var(--line); padding-top: 12px; }
}

/* Editorial guide entry: a reading invitation paired with the actual workflow. */
.guide-entry { display: grid; grid-template-columns: 1.1fr 1fr; border-block: 1px solid var(--line); margin-block: 20px 72px; }
.guide-entry-copy { padding: 48px 64px 48px 0; align-self: center; }
.guide-entry h2 { font-family: Georgia, "Noto Serif TC", "Songti TC", serif; font-size: clamp(28px, 3vw, 38px); font-weight: 500; letter-spacing: -.035em; line-height: 1.35; margin: 18px 0; text-wrap: balance; }
.guide-entry-summary { max-width: 410px; color: var(--muted); line-height: 1.9; margin: 0 0 28px; }
.guide-entry-link { display: inline-flex; gap: 24px; align-items: center; text-decoration: none; color: var(--teal); font-size: 14px; font-weight: 600; padding-block: 8px; border-bottom: 1px solid #0f766e55; }
.guide-entry-link > span:last-child { font-size: 22px; transition: transform .18s ease; }
.guide-entry-link:hover > span:last-child { transform: translate(3px, -3px); }
.guide-entry-flow { border-left: 1px solid var(--line); padding: 38px 0 38px 48px; }
.guide-entry-caption { font-size: 11px; letter-spacing: .12em; color: var(--muted); margin: 0 0 24px; }
.guide-entry-flow ol { padding: 0; margin: 0; list-style: none; }
.guide-entry-flow li { display: grid; grid-template-columns: 36px 1fr; gap: 18px; position: relative; padding-bottom: 24px; }
.guide-entry-flow li:last-child { padding-bottom: 0; }
.guide-entry-flow li:not(:last-child)::after { content: ""; position: absolute; left: 17px; top: 38px; bottom: 4px; width: 1px; background: var(--line); }
.guide-entry-number { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid #bdcbc1; border-radius: 50%; color: var(--teal); font-family: Georgia, serif; font-size: 14px; }
.guide-entry-flow li:last-child .guide-entry-number { background: var(--teal); border-color: var(--teal); color: var(--panel); }
.guide-entry-flow h3 { font-size: 15px; font-weight: 600; margin: 2px 0 4px; }
.guide-entry-flow li p { font-size: 13px; color: var(--muted); line-height: 1.7; margin: 0; }
.footer-description { max-width: 400px; }
.footer-description p { margin: 0; }
.footer-description .footer-operator { font-size: 11px; color: var(--muted); margin-top: 5px; line-height: 1.7; }
@media (max-width: 760px) {
  .guide-entry { grid-template-columns: 1fr; margin-block: 12px 40px; }
  .guide-entry-copy { padding: 32px 0; }
  .guide-entry-flow { border-left: 0; border-top: 1px solid var(--line); padding: 28px 0 32px; }
  .guide-entry-summary { margin-bottom: 18px; }
  .guide-entry-link { gap: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .guide-entry-link > span:last-child { transition: none; }
}