﻿.siteexpress-update-page {
  --wup-bg: #f3f0ea;
  --wup-panel: #ffffff;
  --wup-ink: #1b2730;
  --wup-muted: #5e6871;
  --wup-line: rgba(20, 31, 40, 0.12);
  --wup-accent: #b04d18;
  --wup-accent-soft: #f4dfd1;
  --wup-shadow: 0 24px 60px rgba(11, 20, 28, 0.12);
  background: linear-gradient(180deg, #fcfbf8 0%, var(--wup-bg) 100%);
  color: var(--wup-ink);
}
.siteexpress-update-page .wrap { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.siteexpress-update-page img { display: block; max-width: 100%; height: auto; }
.siteexpress-update-page .kicker { display: inline-block; margin-bottom: 12px; color: var(--wup-accent); font-size: .82rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.siteexpress-update-page .wup-section { padding: 88px 0; }
.siteexpress-update-page .wup-section-heading h2,
.siteexpress-update-page .wup-hero h1,
.siteexpress-update-page .wup-level-card h3,
.siteexpress-update-page .wup-decision-card h3,
.siteexpress-update-page .wup-related-card h3,
.siteexpress-update-page .wup-process-card h3,
.siteexpress-update-page .wup-category-card h3,
.siteexpress-update-page .wup-faq-item summary,
.siteexpress-update-page .wup-final h2 { font-family: var(--font-heading); }
.siteexpress-update-page .wup-section-heading h2,
.siteexpress-update-page .wup-hero h1,
.siteexpress-update-page .wup-final h2 { margin: 0; line-height: 1.02; }
.siteexpress-update-page .wup-section-heading p,
.siteexpress-update-page .wup-hero-lead,
.siteexpress-update-page .wup-level-description,
.siteexpress-update-page .wup-disclaimer,
.siteexpress-update-page .wup-level-note,
.siteexpress-update-page .wup-emphasis-note,
.siteexpress-update-page .wup-final p,
.siteexpress-update-page .wup-access-notes li,
.siteexpress-update-page .wup-related-card p,
.siteexpress-update-page .wup-process-card p,
.siteexpress-update-page .wup-category-card li,
.siteexpress-update-page .wup-faq-item p,
.siteexpress-update-page .wup-before-copy p,
.siteexpress-update-page .wup-decision-card li,
.siteexpress-update-page .wup-check-list li,
.siteexpress-update-page .wup-problem-card p { color: var(--wup-muted); }
.siteexpress-update-page .wup-breadcrumb { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 24px; font-size: .95rem; }
.siteexpress-update-page .wup-breadcrumb a { color: var(--wup-muted); text-decoration: none; }
.siteexpress-update-page .wup-breadcrumb span[aria-current="page"] { color: var(--wup-ink); }
.siteexpress-update-page .wup-hero { padding: 48px 0 72px; }
.siteexpress-update-page .wup-hero-grid,
.siteexpress-update-page .wup-split-grid { display: grid; grid-template-columns: minmax(0,1.02fr) minmax(0,.98fr); gap: 36px; align-items: center; }
.siteexpress-update-page .wup-split-grid-reverse > :first-child { order: 2; }
.siteexpress-update-page .wup-split-grid-reverse > :last-child { order: 1; }
.siteexpress-update-page .wup-eyebrow { display: inline-flex; padding: 8px 12px; background: rgba(176,77,24,.08); border: 1px solid rgba(176,77,24,.18); font-weight: 700; color: var(--wup-accent); }
.siteexpress-update-page .wup-hero h1 { font-size: clamp(2.5rem,5vw,4.6rem); margin: 16px 0 18px; }
.siteexpress-update-page .wup-hero-lead { max-width: 60ch; font-size: 1.08rem; line-height: 1.7; }
.siteexpress-update-page .wup-price-chip { display: inline-flex; margin: 24px 0 18px; padding: 14px 18px; border: 1px solid rgba(176,77,24,.2); background: var(--wup-accent-soft); color: #6d2d08; font-weight: 700; }
.siteexpress-update-page .wup-check-list,
.siteexpress-update-page .wup-category-card ul,
.siteexpress-update-page .wup-access-notes ul { margin: 0; padding: 0; list-style: none; }
.siteexpress-update-page .wup-check-list li,
.siteexpress-update-page .wup-category-card li,
.siteexpress-update-page .wup-access-notes li { position: relative; padding-left: 18px; line-height: 1.65; }
.siteexpress-update-page .wup-check-list li::before,
.siteexpress-update-page .wup-category-card li::before,
.siteexpress-update-page .wup-access-notes li::before { content: ""; position: absolute; left: 0; top: .7em; width: 7px; height: 7px; background: var(--wup-accent); }
.siteexpress-update-page .wup-hero-points { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px 18px; }
.siteexpress-update-page .wup-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 28px; }
.siteexpress-update-page .wup-browser-frame { overflow: hidden; border: 1px solid rgba(18,29,39,.12); background: #fff; box-shadow: var(--wup-shadow); }
.siteexpress-update-page .wup-browser-frame-main { position: relative; z-index: 2; }
.siteexpress-update-page .wup-browser-frame-support { width: min(76%,430px); margin: -72px 0 0 auto; position: relative; z-index: 3; }
.siteexpress-update-page .wup-problems-grid,
.siteexpress-update-page .wup-category-grid,
.siteexpress-update-page .wup-related-grid,
.siteexpress-update-page .wup-faq-grid { display: grid; gap: 18px; }
.siteexpress-update-page .wup-problems-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.siteexpress-update-page .wup-problem-card,
.siteexpress-update-page .wup-category-card,
.siteexpress-update-page .wup-related-card,
.siteexpress-update-page .wup-faq-item,
.siteexpress-update-page .wup-process-card,
.siteexpress-update-page .wup-level-card,
.siteexpress-update-page .wup-decision-card,
.siteexpress-update-page .wup-access-notes,
.siteexpress-update-page .wup-final-card { border: 1px solid var(--wup-line); background: var(--wup-panel); }
.siteexpress-update-page .wup-problem-card,
.siteexpress-update-page .wup-category-card,
.siteexpress-update-page .wup-related-card,
.siteexpress-update-page .wup-faq-item,
.siteexpress-update-page .wup-process-card,
.siteexpress-update-page .wup-decision-card,
.siteexpress-update-page .wup-access-notes { padding: 22px; }
.siteexpress-update-page .wup-before-list { display: grid; gap: 12px; }
.siteexpress-update-page .wup-before-row { display: flex; justify-content: space-between; gap: 18px; padding: 14px 16px; border: 1px solid var(--wup-line); background: var(--wup-panel); }
.siteexpress-update-page .wup-before-row strong { color: var(--wup-ink); }
.siteexpress-update-page .wup-level-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.siteexpress-update-page .wup-level-card { padding: 28px; }
.siteexpress-update-page .wup-level-card-essential { background: linear-gradient(180deg,#fff 0%,#fff7f1 100%); }
.siteexpress-update-page .wup-level-card-complete { background: linear-gradient(180deg,#fff 0%,#f8f4ee 100%); }
.siteexpress-update-page .wup-level-card-rebuild { background: linear-gradient(180deg,#16252d 0%,#1a2f39 100%); color: #f8f2ea; }
.siteexpress-update-page .wup-level-card-rebuild .wup-level-description,
.siteexpress-update-page .wup-level-card-rebuild .wup-check-list li { color: rgba(248,242,234,.82); }
.siteexpress-update-page .wup-level-card-rebuild .wup-check-list li::before { background: #f0a36d; }
.siteexpress-update-page .wup-level-head { display: flex; flex-direction: column; gap: 12px; margin-bottom: 18px; }
.siteexpress-update-page .wup-level-head h3,
.siteexpress-update-page .wup-decision-card h3,
.siteexpress-update-page .wup-category-card h3,
.siteexpress-update-page .wup-related-card h3,
.siteexpress-update-page .wup-process-card h3 { margin: 0; font-size: 1.5rem; }
.siteexpress-update-page .wup-level-price { font-size: 1.15rem; font-weight: 700; color: var(--wup-accent); }
.siteexpress-update-page .wup-level-card-rebuild .wup-level-price { color: #ffd2b1; }
.siteexpress-update-page .wup-level-note,
.siteexpress-update-page .wup-emphasis-note,
.siteexpress-update-page .wup-disclaimer { margin: 22px 0 0; padding: 18px 20px; border-left: 4px solid var(--wup-accent); background: rgba(176,77,24,.06); }
.siteexpress-update-page .wup-category-grid { grid-template-columns: repeat(5,minmax(0,1fr)); }
.siteexpress-update-page .wup-decision { background: linear-gradient(180deg,rgba(255,255,255,0) 0%, rgba(255,255,255,.55) 100%); }
.siteexpress-update-page .wup-decision-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.siteexpress-update-page .wup-process-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 18px; margin: 0; padding: 0; list-style: none; }
.siteexpress-update-page .wup-process-card { height: 100%; }
.siteexpress-update-page .wup-process-number { display: inline-flex; margin-bottom: 14px; color: var(--wup-accent); font-weight: 700; }
.siteexpress-update-page .wup-related-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.siteexpress-update-page .wup-faq-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.siteexpress-update-page .wup-faq-item summary { cursor: pointer; font-size: 1.05rem; font-weight: 700; list-style: none; }
.siteexpress-update-page .wup-faq-item summary::-webkit-details-marker { display: none; }
.siteexpress-update-page .wup-faq-item summary::after { content: "+"; float: right; color: var(--wup-accent); }
.siteexpress-update-page .wup-faq-item[open] summary::after { content: "−"; }
.siteexpress-update-page .wup-faq-item p { margin: 16px 0 0; }
.siteexpress-update-page .wup-final-card { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 30px; background: linear-gradient(135deg,#fff 0%,#f6efe7 100%); }
.siteexpress-update-page .wup-final-card h2 { font-size: clamp(2rem,4vw,3.1rem); }
.siteexpress-update-page .wup-faq-item summary:focus-visible,
.siteexpress-update-page a:focus-visible,
.siteexpress-update-page button:focus-visible { outline: 2px solid var(--wup-accent); outline-offset: 3px; }
@media (max-width:1180px){
  .siteexpress-update-page .wup-problems-grid,
  .siteexpress-update-page .wup-category-grid,
  .siteexpress-update-page .wup-related-grid,
  .siteexpress-update-page .wup-process-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .siteexpress-update-page .wup-level-grid { grid-template-columns: 1fr; }
}
@media (max-width:960px){
  .siteexpress-update-page .wup-hero-grid,
  .siteexpress-update-page .wup-split-grid,
  .siteexpress-update-page .wup-decision-grid,
  .siteexpress-update-page .wup-final-card { display: grid; grid-template-columns: 1fr; }
  .siteexpress-update-page .wup-faq-grid,
  .siteexpress-update-page .wup-problems-grid,
  .siteexpress-update-page .wup-category-grid,
  .siteexpress-update-page .wup-related-grid,
  .siteexpress-update-page .wup-process-grid { grid-template-columns: 1fr; }
  .siteexpress-update-page .wup-browser-frame-support { width: min(82%,390px); margin-top: 18px; }
}
@media (max-width:767px){
  .siteexpress-update-page .wrap { width: min(100% - 28px,1180px); }
  .siteexpress-update-page .wup-hero { padding-top: 34px; }
  .siteexpress-update-page .wup-section { padding: 64px 0; }
  .siteexpress-update-page .wup-hero-points { grid-template-columns: 1fr; }
  .siteexpress-update-page .wup-before-row { flex-direction: column; }
  .siteexpress-update-page .wup-actions,
  .siteexpress-update-page .wup-final-card { display: flex; flex-direction: column; align-items: stretch; }
}
@media (max-width:420px){
  .siteexpress-update-page .wup-hero h1 { font-size: 2.2rem; }
  .siteexpress-update-page .wup-level-card,
  .siteexpress-update-page .wup-problem-card,
  .siteexpress-update-page .wup-category-card,
  .siteexpress-update-page .wup-related-card,
  .siteexpress-update-page .wup-faq-item,
  .siteexpress-update-page .wup-process-card,
  .siteexpress-update-page .wup-decision-card,
  .siteexpress-update-page .wup-access-notes,
  .siteexpress-update-page .wup-final-card { padding: 18px; }
}

