/* Shopify workflow page. Shared navigation and article styles live in blog.css. */
.shopify-page { width:min(1180px,calc(100% - 40px)); }
.shopify-hero { display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:48px;padding:clamp(24px,4vw,48px); }
.shopify-hero h1 { max-width:15ch;font-size:clamp(2.4rem,4.3vw,3.6rem);line-height:1.08;letter-spacing:-.045em; }
.shopify-hero h1 span { color:var(--brand); }
.shopify-hero-copy>p:not(.eyebrow) { color:#48636f; }
.shopify-hero-copy>p { max-width:49ch; }
.shopify-hero-copy .hero-actions { gap:10px; }
.shopify-hero-copy .button { gap:10px;font-size:.9rem;padding:11px 15px; }
.shopify-hero-copy .offer-note { font-size:.82rem; }
.shopify-workflow-note { margin:26px 0 0;font-size:.78rem;font-weight:650; }
.shopify-preview { margin:0;min-width:0; }
.shopify-source { display:flex;align-items:center;gap:12px;margin:0 12px 16px;padding:13px 16px;background:#e0eee8;border:1px solid #c6ddd1;border-radius:12px;font-size:.8rem; }
.shopify-source>div { display:grid;min-width:0; }
.shopify-source>div>span { color:#48636f;font-size:.72rem; }
.shopify-file-icon { display:grid;place-items:center;width:34px;height:40px;border:1px solid #a5c7b5;background:#fff;border-radius:5px;color:var(--brand);font-size:.6rem;font-weight:800;flex-shrink:0; }
.shopify-source-arrow { margin-left:auto;color:var(--brand);font-size:1.3rem; }
.shopify-paper { padding:30px;background:#fff;border:1px solid #dce6e2;border-radius:5px;box-shadow:0 16px 35px #122b3810; }
.shopify-paper-heading { display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:23px;border-bottom:2px solid var(--brand); }
.shopify-paper-heading>div { display:flex;align-items:center;gap:9px;font-size:.85rem; }
.shopify-paper-heading>span { color:var(--brand);font-size:.65rem;font-weight:750;letter-spacing:.12em; }
.shopify-store-mark { display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;background:var(--brand);border-radius:5px;color:#fff;font-size:1rem;font-weight:750; }
.shopify-paper-meta { display:flex;justify-content:space-between;gap:16px;padding:22px 0;font-size:.75rem; }
.shopify-paper-meta>div { display:grid;gap:3px; }
.shopify-paper-meta>div:last-child { text-align:right; }
.shopify-paper-meta small { color:var(--muted);font-size:.55rem;letter-spacing:.08em; }
.shopify-paper-meta span { color:#5d7481;font-size:.65rem; }
.shopify-invoice-items { width:100%;border-collapse:collapse;font-size:.71rem;text-align:left; }
.shopify-invoice-items caption { position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap; }
.shopify-invoice-items th { background:#eff5f2;font-size:.65rem; }
.shopify-invoice-items th,.shopify-invoice-items td { padding:10px 8px;border-bottom:1px solid #e3ebe7; }
.shopify-invoice-items th:last-child,.shopify-invoice-items td:last-child { text-align:right;white-space:nowrap; }
.shopify-totals { width:65%;margin:18px 0 0 auto;font-size:.7rem; }
.shopify-totals>div { display:flex;justify-content:space-between;gap:12px;padding:3px 0; }
.shopify-totals dd { margin:0; }
.shopify-totals .shopify-total { margin-top:8px;padding-top:10px;border-top:1px solid #c8ddd2;font-weight:800;color:var(--brand);font-size:.82rem; }
.shopify-paper-footer { margin:26px 0 0;padding-top:14px;border-top:1px solid #e3ebe7;color:var(--muted);font-size:.6rem; }
.shopify-preview figcaption { margin-top:14px;text-align:center;color:var(--muted);font-size:.7rem; }
.shopify-workflow { padding:68px 0 24px;scroll-margin-top:90px; }
.shopify-section-heading { text-align:center; }
.shopify-section-heading h2 { margin:0;font-size:clamp(1.8rem,3vw,2.5rem); }
.shopify-section-heading>p:last-child { color:var(--muted); }
.shopify-step-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none;padding:0;margin:30px 0 0; }
.shopify-step-grid li { display:flex;flex-direction:column;padding:25px;border-top:2px solid #c8ddd2; }
.shopify-step-number { font-size:.8rem;font-weight:800;color:var(--brand); }
.shopify-step-grid h3 { margin:14px 0 0;font-size:1.18rem; }
.shopify-step-grid p { margin:14px 0 18px;color:#49636f;font-size:.93rem; }
.shopify-step-grid a { margin-top:auto;font-size:.86rem;font-weight:700; }
.shopify-page .article { width:min(860px,100%); }
.shopify-page .article>section:first-child { margin-top:0; }
.shopify-page .article>section:first-child h2 { margin-top:8px; }
@media (max-width:1000px) {
  .shopify-hero { gap:28px; }
  .shopify-paper { padding:22px; }
  .shopify-step-grid { gap:10px; }
  .shopify-step-grid li { padding:20px 14px; }
}
@media (max-width:800px) {
  .shopify-hero { grid-template-columns:1fr;gap:34px; }
  .shopify-hero h1 { max-width:19ch;font-size:clamp(2.3rem,7vw,3.7rem); }
  .shopify-hero-copy>p { max-width:60ch; }
  .shopify-preview { width:min(440px,100%);justify-self:center; }
  .shopify-step-grid { grid-template-columns:1fr;gap:18px; }
  .shopify-step-grid li { padding:22px 10px 0; }
  .shopify-workflow { padding-top:48px;scroll-margin-top:150px; }
}
@media (max-width:420px) {
  .shopify-page { width:calc(100% - 28px); }
  .shopify-hero { padding:24px 18px; }
  .shopify-paper { padding:18px 14px; }
  .shopify-paper-heading>div { gap:6px;font-size:.75rem; }
  .shopify-paper-heading>span { font-size:.55rem; }
  .shopify-source { margin-inline:0; }
  .shopify-totals { width:75%; }
}