/* One editorial system: hierarchy, repetition, readable spacing and restrained
   variety. The shared header and brand tokens remain the visual foundation. */
body.site-page { background:var(--token-canvas); color:var(--token-text-primary); }
.site-architecture .diagram-container { min-width:0; max-width:100%; justify-content:flex-start; overflow-x:auto; }
.site-architecture .diagram-container svg { max-width:100%; height:auto; flex-shrink:0; }
.site-architecture .architecture-talk { min-width:0; box-sizing:border-box; max-width:100%; }
.site-architecture .architecture-talk__preview { min-width:0; width:100%; max-width:100%; }
.site-architecture .architecture-talk__play { box-sizing:border-box; min-width:0; width:100%; }
.site-page :is(main,[role="main"]) { min-width:0; }
.site-page :is(main,[role="main"]) :is(p,li) { overflow-wrap:break-word; }
.site-page :is(main,[role="main"]) :is(a,button,summary,input,select,textarea):focus-visible {
  outline:2px solid var(--token-action); outline-offset:4px;
}

/* The same three accents mark a sequence everywhere, with dark, legible text. */
.site-page :is(.step-card,.intent-step,.transfer-steps li,.shop-order-guide li) { --editorial-accent:var(--seyfr-accent-sky); }
.site-page :is(.step-card,.intent-step,.transfer-steps li,.shop-order-guide li):nth-child(3n + 2) { --editorial-accent:var(--seyfr-accent-sun); }
.site-page :is(.step-card,.intent-step,.transfer-steps li,.shop-order-guide li):nth-child(3n) { --editorial-accent:var(--seyfr-accent-coral); }
.site-guide .step-num,
.site-guide .intent-step::before,
.site-architecture .step-number,
.site-shop .shop-order-guide li > span {
  display:grid; place-items:center; flex:none; width:38px; height:38px;
  padding:0; background:var(--editorial-accent); color:#171714;
  border-radius:var(--radius-sm); font-size:13px; font-weight:750;
}
.site-home #how-it-works .step-icon {
  display:grid!important; place-items:center; width:46px; height:46px;
  background:var(--editorial-accent)!important; color:#171714!important;
  border-radius:var(--radius-sm)!important; margin-bottom:18px;
}
.site-home #how-it-works .step-icon svg { width:24px; height:24px; }
html body.site-guide .step-num {
  width:38px!important; height:38px!important;
  background:var(--editorial-accent)!important; color:#171714!important;
  border-radius:var(--radius-sm)!important; font-size:13px!important; letter-spacing:0;
}
html body.site-guide .step-num::before { content:none; }
.site-home #how-it-works :is(.step-title,.step-desc) { color:var(--token-text-primary); }
.site-home #how-it-works .step-desc { color:var(--token-text-body); line-height:1.65; }
.site-home .home-guides-list { gap:12px; }
.site-home .home-guides-list > a { border-color:var(--token-border); border-radius:var(--radius-control); }

/* Guides and comparisons: clear reading width, calm panels, visible next steps. */
.site-guide [role="main"].wrap { max-width:860px; padding-inline:28px; }
.site-guide [role="main"] h1 { max-width:24ch; font-size:clamp(34px,5vw,54px); line-height:1.08; letter-spacing:-.045em; }
.site-guide [role="main"] :is(.intro,.lead) { max-width:65ch; line-height:1.65; }
.site-guide [role="main"] h2 { margin-top:48px; line-height:1.2; }
.site-guide [role="main"] h3 { line-height:1.35; }
.site-guide [role="main"] :is(p,li) { line-height:1.75; }
.site-guide .steps-visual { gap:16px; margin-block:32px; }
.site-guide .step-card { padding:24px; gap:20px; background:var(--token-surface); border:1px solid var(--token-border); border-radius:var(--radius-lg); box-shadow:none; }
.site-guide .step-content h3 { margin-top:0; color:var(--token-text-primary); }
.site-guide .step-content p { color:var(--token-text-body); }
.site-guide :is(.callout,.cta,.intent-warning) { background:var(--token-surface); border-color:var(--token-border); border-radius:var(--radius-lg); box-shadow:none; }
.site-guide .callout { border-left:3px solid var(--token-action); }
.site-guide .cta { text-align:left; padding:32px; }
.site-guide .cta-btns { justify-content:flex-start; }
.site-guide :is(.btn,.btn-outline,.intent-primary) { min-height:44px; border-radius:var(--radius-control); }
.site-guide .intent-hero-card { background:var(--token-surface); color:var(--token-text-primary); border:1px solid var(--token-border); border-radius:var(--radius-lg); padding:28px; }
.site-guide .intent-hero-card :is(h2,p) { color:var(--token-text-primary); }
.site-guide .intent-hero-card p { color:var(--token-text-body); }
.site-guide .intent-hero-card .intent-primary { background:var(--token-action); color:var(--token-on-action)!important; }
.site-guide .intent-hero-card .intent-secondary { color:var(--token-text-primary)!important; }
.site-guide .intent-related a { border-radius:var(--radius-control); background:var(--token-surface); line-height:1.5; }
.site-guide .intent-card { background:var(--token-surface); }
.site-guide [role="main"] table { display:block; width:100%; max-width:100%; overflow-x:auto; }
.site-guide [role="main"] :is(th,td) { min-width:140px; white-space:normal; vertical-align:top; }

/* Product explanation and privacy use the same surfaces and hierarchy. */
.site-architecture :is(.transfer-overview,.control-card,.full-width-card,.technical-grid .card) { background:var(--token-surface); border-color:var(--token-border); border-radius:var(--radius-lg); }
.site-architecture .transfer-overview { border-top:3px solid var(--token-action); }
.site-architecture .benefit-card { border-top-color:var(--token-border); }
.site-policy .wrap { max-width:860px; }
.site-policy :is(.meta,nav,footer) { color:var(--token-text-muted); border-color:var(--token-border); }
.site-policy .button { background:var(--token-surface-muted); color:var(--token-text-primary); border-radius:var(--radius-control); min-height:44px; }
.site-policy main { border-top:3px solid var(--token-action); padding-top:28px; }
.site-policy main :is(p,li) { color:var(--token-text-body); line-height:1.75; }
.site-policy main h2 { font-size:24px; line-height:1.25; margin-block:40px 16px; }
.site-policy main a { text-decoration:underline; text-underline-offset:4px; }

/* Shop: the product photographs lead; accent markers explain ordering. */
.site-shop { --gift-photo:var(--token-surface-muted); }
.site-shop .shop-editorial h1 { font-weight:700; letter-spacing:-.05em; }
.site-shop .shop-editorial h1 em { font-style:normal; font-weight:inherit; }
.site-shop :is(.shop-browse,.shop-video-play,.choose-options-btn,.shop-search input) { border-radius:var(--radius-control); }
.site-shop :is(.shop-browse,.shop-video-play) { background:var(--token-action); color:var(--token-on-action); }
.site-shop :is(.shop-editorial-image,.product-art-wrap,.shop-support-strip) { border-radius:var(--radius-lg); }
.site-shop .shop-editorial-image figcaption { background:var(--token-surface); color:var(--token-text-primary); border:1px solid var(--token-border); }
.site-shop .shop-order-guide { gap:48px; }
.site-shop .shop-order-guide li { gap:20px; }
.site-shop .shop-order-guide h3 { line-height:1.4; margin-top:2px; }
.site-shop .shop-support-strip { border-left:3px solid var(--token-action); }
.site-tool :is(button,input,select,textarea) { font-family:var(--font-family-ui); }

@media(max-width:760px) {
  .site-guide [role="main"].wrap,.site-policy .wrap { padding-inline:20px; }
  .site-guide .step-card { padding:20px; gap:14px; }
  .site-guide .cta,.site-guide .intent-hero-card { padding:24px; }
  .site-guide .intent-related { grid-template-columns:1fr; }
  .site-shop .shop-order-guide { gap:24px; }
  .site-shop .shop-editorial h1 { font-size:clamp(38px,10vw,52px); }
}