/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./styles/tokens.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
/* "Morning Edition" tasarım token'ları ve temel bileşen stilleri (M6 §2). E-posta/PDF şablonları aynı değerleri kullanır. */
:root {
  --ph-ink: #14192b;
  --ph-ink-soft: #2b3147;
  --ph-paper: #fbf8f2;
  --ph-paper-2: #f3eee4;
  --ph-graphite: #5c6170;
  --ph-rule: #d9d3c7;
  --ph-vermilion: #d3452b;
  --ph-moss: #4f7d5a;
  --ph-amber: #c9922a;
  --ph-sky: #3d6b8f;

  --ph-font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --ph-font-body: "Inter", "IBM Plex Sans", system-ui, -apple-system, sans-serif;
  --ph-font-arabic: "IBM Plex Sans Arabic", "Noto Naskh Arabic", sans-serif;
  --ph-font-devanagari: "Noto Sans Devanagari", sans-serif;

  --ph-measure: 720px;
  --ph-space-1: 4px; --ph-space-2: 8px; --ph-space-3: 16px; --ph-space-4: 24px; --ph-space-5: 40px;
  --ph-masthead: clamp(2rem, 6vw, 3.25rem);
  --ph-radius: 6px;
  --ph-nav-h: 60px;
}
[dir="rtl"] { --ph-font-display: var(--ph-font-arabic); --ph-font-body: var(--ph-font-arabic); }
html[lang="hi"] { --ph-font-body: var(--ph-font-devanagari); }

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { background: var(--ph-paper); color: var(--ph-ink); font-family: var(--ph-font-body); margin: 0; line-height: 1.5; }
a { color: var(--ph-sky); text-decoration: none; }
a:hover { text-decoration: underline; }
button, input, select { font: inherit; color: inherit; }

/* ---- kabuk ---- */
.ph-shell { min-height: 100dvh; padding-bottom: calc(var(--ph-nav-h) + env(safe-area-inset-bottom)); }
.ph-page { max-width: var(--ph-measure); margin: 0 auto; padding: var(--ph-space-4) var(--ph-space-3); }
.ph-nav { position: fixed; bottom: 0; left: 0; right: 0; height: calc(var(--ph-nav-h) + env(safe-area-inset-bottom)); padding-bottom: env(safe-area-inset-bottom);
  background: var(--ph-paper); border-top: 1px solid var(--ph-rule); display: flex; justify-content: space-around; align-items: stretch; z-index: 20; }
.ph-nav a { flex: 1 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; color: var(--ph-graphite);
  font-size: 0.72rem; letter-spacing: 0.04em; text-transform: uppercase; text-decoration: none; }
.ph-nav a[aria-current="page"] { color: var(--ph-ink); font-weight: 600; box-shadow: inset 0 2px 0 var(--ph-ink); }
.ph-nav svg { width: 22px; height: 22px; }
@media (min-width: 720px) {
  .ph-shell { padding-bottom: 0; padding-top: var(--ph-nav-h); }
  .ph-nav { top: 0; bottom: auto; border-top: 0; border-bottom: 1px solid var(--ph-rule); justify-content: center; gap: var(--ph-space-5); height: var(--ph-nav-h); padding-bottom: 0; }
  .ph-nav a { flex: 0 0 auto; flex-direction: row; gap: 8px; font-size: 0.8rem; padding: 0 var(--ph-space-2); }
  .ph-nav a[aria-current="page"] { box-shadow: inset 0 -2px 0 var(--ph-ink); }
  .ph-brand { position: absolute; left: var(--ph-space-4); top: 0; height: var(--ph-nav-h); display: flex; align-items: center; font-family: var(--ph-font-display); font-size: 1.15rem; color: var(--ph-ink); }
  [dir="rtl"] .ph-brand { left: auto; right: var(--ph-space-4); }
}
.ph-brand { display: none; }
@media (min-width: 720px) { .ph-brand { display: flex; } }

/* ---- tipografi ---- */
.ph-masthead { font-family: var(--ph-font-display); font-size: var(--ph-masthead); line-height: 1.05; letter-spacing: -0.01em; margin: 0; font-weight: 600; }
.ph-dateline { color: var(--ph-graphite); font-size: 0.82rem; text-transform: uppercase; letter-spacing: 0.08em; margin: var(--ph-space-2) 0 0; }
.ph-rule { border: 0; border-top: 1px solid var(--ph-rule); margin: var(--ph-space-4) 0; }
.ph-rule--thick { border-top-width: 3px; border-top-color: var(--ph-ink); }
.ph-section { font-family: var(--ph-font-display); font-size: 1.15rem; margin: var(--ph-space-4) 0 var(--ph-space-2); display: flex; align-items: baseline; gap: var(--ph-space-2); }
.ph-section small { font-family: var(--ph-font-body); font-size: 0.75rem; color: var(--ph-graphite); letter-spacing: 0.06em; text-transform: uppercase; }
.ph-muted { color: var(--ph-graphite); }
.ph-small { font-size: 0.85rem; }

/* ---- rapor maddeleri ---- */
.ph-item { padding: var(--ph-space-3) 0; border-bottom: 1px solid var(--ph-rule); }
.ph-item:last-child { border-bottom: 0; }
.ph-item-meta { display: flex; flex-wrap: wrap; gap: var(--ph-space-2); align-items: center; color: var(--ph-graphite); font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 4px; }
.ph-item-title { font-size: 1.02rem; font-weight: 500; }
.ph-item[data-bucket="urgent"] .ph-item-title { font-family: var(--ph-font-display); font-weight: 700; font-size: 1.25rem; }
.ph-item[data-bucket="today"] .ph-item-title { font-weight: 600; font-size: 1.1rem; }
.ph-item[data-bucket="info"] .ph-item-title { font-weight: 400; color: var(--ph-ink-soft); }
.ph-item p { margin: 6px 0 0; }
.ph-action { color: var(--ph-vermilion); font-weight: 600; }
.ph-action::before { content: "→ "; }
.ph-badge { display: inline-block; font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.1em; border: 1px solid var(--ph-rule); padding: 1px 6px; border-radius: 2px; color: var(--ph-graphite); }
.ph-badge--updated { border-color: var(--ph-amber); color: var(--ph-amber); }
.ph-badge--cancelled, .ph-badge--postponed { border-color: var(--ph-vermilion); color: var(--ph-vermilion); }
.ph-badge--alerted { border-color: var(--ph-moss); color: var(--ph-moss); }
.ph-link-btn { background: none; border: 0; padding: 0; color: var(--ph-sky); cursor: pointer; }
.ph-link-btn:hover { text-decoration: underline; }

/* ---- bant, kart, boş durum ---- */
.ph-banner { background: #fff3e6; border-left: 3px solid var(--ph-amber); padding: var(--ph-space-2) var(--ph-space-3); margin: var(--ph-space-3) 0; border-radius: 2px; }
[dir="rtl"] .ph-banner { border-left: 0; border-right: 3px solid var(--ph-amber); }
.ph-banner--error { background: #fdeeea; border-color: var(--ph-vermilion); }
.ph-banner--ok { background: #eef5ef; border-color: var(--ph-moss); }
.ph-card { border: 1px solid var(--ph-rule); border-radius: var(--ph-radius); padding: var(--ph-space-3); background: #fff; margin: var(--ph-space-3) 0; }
.ph-empty { padding: var(--ph-space-5) var(--ph-space-3); text-align: center; color: var(--ph-graphite); }
.ph-empty .ph-btn { margin-top: var(--ph-space-3); }

/* ---- çipler, butonlar, formlar ---- */
.ph-chips { display: flex; gap: var(--ph-space-2); flex-wrap: wrap; margin: var(--ph-space-3) 0; }
.ph-chip { border: 1px solid var(--ph-rule); border-radius: 999px; padding: 4px 12px; background: #fff; cursor: pointer; font-size: 0.9rem; position: relative; }
.ph-chip[aria-pressed="true"] { background: var(--ph-ink); color: var(--ph-paper); border-color: var(--ph-ink); }
.ph-chip .ph-dot { position: absolute; top: 4px; right: 6px; width: 7px; height: 7px; border-radius: 50%; background: var(--ph-amber); }
.ph-btn { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--ph-ink); background: var(--ph-ink); color: var(--ph-paper); padding: 9px 16px; border-radius: var(--ph-radius); cursor: pointer; font-weight: 500; }
.ph-btn:disabled { opacity: 0.45; cursor: default; }
.ph-btn--ghost { background: transparent; color: var(--ph-ink); }
.ph-btn--danger { background: transparent; color: var(--ph-vermilion); border-color: var(--ph-vermilion); }
.ph-btn--sm { padding: 5px 10px; font-size: 0.85rem; }
.ph-field { display: block; margin: var(--ph-space-3) 0; }
.ph-field > span { display: block; font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--ph-graphite); margin-bottom: 4px; }
.ph-input, .ph-select { width: 100%; padding: 9px 10px; border: 1px solid var(--ph-rule); border-radius: var(--ph-radius); background: #fff; }
.ph-input:focus, .ph-select:focus { outline: 2px solid var(--ph-ink); outline-offset: 0; }
.ph-row { display: flex; gap: var(--ph-space-2); flex-wrap: wrap; align-items: center; }
.ph-kv { display: grid; grid-template-columns: 1fr auto; grid-gap: 6px var(--ph-space-3); gap: 6px var(--ph-space-3); align-items: center; padding: 10px 0; border-bottom: 1px solid var(--ph-rule); }
.ph-kv:last-child { border-bottom: 0; }
.ph-status { font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.06em; }
.ph-status--ok { color: var(--ph-moss); } .ph-status--warn { color: var(--ph-amber); } .ph-status--bad { color: var(--ph-vermilion); }
.ph-steps { display: flex; gap: var(--ph-space-2); margin: var(--ph-space-3) 0; }
.ph-steps span { flex: 1 1; height: 3px; background: var(--ph-rule); }
.ph-steps span[data-done="true"] { background: var(--ph-ink); }
.ph-results { list-style: none; padding: 0; margin: var(--ph-space-2) 0; border: 1px solid var(--ph-rule); border-radius: var(--ph-radius); background: #fff; max-height: 240px; overflow: auto; }
.ph-results li button { width: 100%; text-align: start; background: none; border: 0; padding: 10px 12px; cursor: pointer; border-bottom: 1px solid var(--ph-rule); }
.ph-results li:last-child button { border-bottom: 0; }
.ph-results li button:hover { background: var(--ph-paper-2); }

/* ---- alt sayfa (kaynak görünümü) ---- */
.ph-sheet-backdrop { position: fixed; inset: 0; background: rgba(20, 25, 43, 0.45); z-index: 40; display: flex; align-items: flex-end; justify-content: center; }
.ph-sheet { background: var(--ph-paper); width: 100%; max-width: var(--ph-measure); max-height: 88dvh; border-radius: 14px 14px 0 0; padding: var(--ph-space-3) var(--ph-space-3) calc(var(--ph-space-4) + env(safe-area-inset-bottom)); overflow: auto; animation: ph-sheet-up 220ms ease-out; }
@media (min-width: 720px) { .ph-sheet-backdrop { align-items: center; } .ph-sheet { border-radius: var(--ph-radius); max-height: 80vh; } }
.ph-sheet-head { display: flex; justify-content: space-between; align-items: center; gap: var(--ph-space-3); margin-bottom: var(--ph-space-2); }
.ph-source { background: #fff; border: 1px solid var(--ph-rule); border-radius: var(--ph-radius); padding: var(--ph-space-3); white-space: pre-wrap; font-size: 0.92rem; line-height: 1.55; }
.ph-source iframe { width: 100%; min-height: 360px; border: 0; background: #fff; }
mark.ph-mark { background: #fff2a8; padding: 0 2px; }
@keyframes ph-sheet-up { from { transform: translateY(24px); opacity: 0; } to { transform: none; opacity: 1; } }

/* ---- baskı animasyonu ---- */
@keyframes ph-unfold { from { transform: scaleY(0.96); opacity: 0; } to { transform: none; opacity: 1; } }
.ph-edition { animation: ph-unfold 300ms ease-out; transform-origin: top; }
@media (prefers-reduced-motion: reduce) { .ph-edition, .ph-sheet { animation: none; } }


/* ---- admin (M7) ---- */
.ph-admin { display: grid; grid-template-columns: 220px 1fr; min-height: 100dvh; }
.ph-admin-nav { border-right: 1px solid var(--ph-rule); padding: var(--ph-space-4) var(--ph-space-3); display: flex; flex-direction: column; gap: 4px; background: var(--ph-paper-2); position: -webkit-sticky; position: sticky; top: 0; height: 100dvh; }
[dir="rtl"] .ph-admin-nav { border-right: 0; border-left: 1px solid var(--ph-rule); }
.ph-admin-brand { font-family: var(--ph-font-display); font-size: 1.15rem; margin-bottom: var(--ph-space-3); }
.ph-admin-brand span { color: var(--ph-graphite); font-family: var(--ph-font-body); font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.1em; -webkit-margin-start: 6px; margin-inline-start: 6px; }
.ph-admin-nav a { color: var(--ph-ink); padding: 8px 10px; border-radius: var(--ph-radius); text-decoration: none; }
.ph-admin-nav a[aria-current="page"] { background: var(--ph-ink); color: var(--ph-paper); }
.ph-admin-user { margin-top: auto; font-size: 0.9rem; }
.ph-admin-main { padding: var(--ph-space-4) var(--ph-space-5); max-width: 1200px; }
@media (max-width: 900px) { .ph-admin { grid-template-columns: 1fr; } .ph-admin-nav { position: static; height: auto; flex-direction: row; flex-wrap: wrap; align-items: center; } .ph-admin-user { margin-top: 0; -webkit-margin-start: auto; margin-inline-start: auto; } .ph-admin-main { padding: var(--ph-space-3); } }
.ph-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); grid-gap: var(--ph-space-3); gap: var(--ph-space-3); margin: var(--ph-space-3) 0; }
.ph-tile { border: 1px solid var(--ph-rule); border-radius: var(--ph-radius); padding: var(--ph-space-3); background: #fff; border-top: 4px solid var(--ph-rule); text-decoration: none; color: var(--ph-ink); display: block; }
.ph-tile[data-level="green"] { border-top-color: var(--ph-moss); }
.ph-tile[data-level="amber"] { border-top-color: var(--ph-amber); }
.ph-tile[data-level="red"] { border-top-color: var(--ph-vermilion); }
.ph-tile-label { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--ph-graphite); }
.ph-tile-value { font-family: var(--ph-font-display); font-size: 2rem; line-height: 1.1; margin: 4px 0; }
.ph-tile-detail { font-size: 0.82rem; color: var(--ph-graphite); }
.ph-table { width: 100%; border-collapse: collapse; font-size: 0.88rem; background: #fff; border: 1px solid var(--ph-rule); border-radius: var(--ph-radius); overflow: hidden; }
.ph-table th, .ph-table td { padding: 8px 10px; border-bottom: 1px solid var(--ph-rule); text-align: start; vertical-align: top; }
.ph-table th { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--ph-graphite); background: var(--ph-paper-2); }
.ph-table tr:last-child td { border-bottom: 0; }
.ph-table tr:hover td { background: #fbfaf7; }
.ph-toolbar { display: flex; gap: var(--ph-space-2); flex-wrap: wrap; align-items: center; margin: var(--ph-space-3) 0; }
.ph-toolbar .ph-input, .ph-toolbar .ph-select { width: auto; min-width: 180px; }
.ph-pill { display: inline-block; padding: 1px 8px; border-radius: 999px; font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.06em; border: 1px solid var(--ph-rule); }
.ph-pill--ok { color: var(--ph-moss); border-color: var(--ph-moss); } .ph-pill--warn { color: var(--ph-amber); border-color: var(--ph-amber); } .ph-pill--bad { color: var(--ph-vermilion); border-color: var(--ph-vermilion); }
.ph-qr { background: #fff; padding: 12px; border: 1px solid var(--ph-rule); border-radius: var(--ph-radius); display: inline-block; }

/* ---- kurulum sihirbazı (setup wizard, M6 §4) ---- */
.ph-wiz { min-height: 100dvh; display: grid; grid-template-columns: 300px 1fr; background: var(--ph-paper); }
.ph-wiz-rail { background: var(--ph-ink); color: var(--ph-paper); padding: var(--ph-space-5) var(--ph-space-4); display: flex; flex-direction: column; gap: var(--ph-space-4); }
.ph-wiz-rail .brand { font-family: var(--ph-font-display); font-size: 1.5rem; font-weight: 600; }
.ph-wiz-rail .brand small { display: block; font-family: var(--ph-font-body); font-size: 0.7rem; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(251,248,242,0.55); margin-top: 4px; }
.ph-wiz-steps { display: flex; flex-direction: column; gap: 2px; margin-top: var(--ph-space-3); }
.ph-wiz-step { display: flex; gap: 14px; align-items: flex-start; padding: 14px 12px; border-radius: var(--ph-radius); position: relative; }
.ph-wiz-step .ico { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; flex: none; border: 1.5px solid rgba(251,248,242,0.25); background: transparent; transition: all 0.3s; }
.ph-wiz-step .ico svg { width: 17px; height: 17px; }
.ph-wiz-step .lbl { display: flex; flex-direction: column; gap: 1px; padding-top: 4px; }
.ph-wiz-step .lbl b { font-weight: 500; font-size: 0.95rem; }
.ph-wiz-step .lbl span { font-size: 0.78rem; color: rgba(251,248,242,0.5); }
.ph-wiz-step[data-state="active"] { background: rgba(251,248,242,0.06); }
.ph-wiz-step[data-state="active"] .ico { border-color: var(--ph-amber); background: var(--ph-amber); color: var(--ph-ink); }
.ph-wiz-step[data-state="done"] .ico { border-color: var(--ph-moss); background: var(--ph-moss); color: #fff; }
.ph-wiz-step[data-state="active"] .lbl span { color: rgba(251,248,242,0.75); }
/* dikey bağlaç çizgisi */
.ph-wiz-step:not(:last-child)::after { content: ""; position: absolute; left: 28px; top: 48px; bottom: -2px; width: 1.5px; background: rgba(251,248,242,0.15); }
[dir="rtl"] .ph-wiz-step:not(:last-child)::after { left: auto; right: 28px; }
.ph-wiz-step[data-state="done"]:not(:last-child)::after { background: var(--ph-moss); }
.ph-wiz-rail .foot { margin-top: auto; font-size: 0.78rem; color: rgba(251,248,242,0.5); line-height: 1.6; }

.ph-wiz-main { padding: var(--ph-space-5); overflow-y: auto; max-height: 100dvh; }
.ph-wiz-panel { max-width: 640px; margin: 0 auto; animation: ph-wiz-in 0.35s ease-out; }
@keyframes ph-wiz-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.ph-wiz-eyebrow { font-size: 0.78rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ph-vermilion); font-weight: 500; }
.ph-wiz-h { font-family: var(--ph-font-display); font-size: clamp(1.6rem, 3vw, 2.2rem); font-weight: 600; line-height: 1.1; margin: 8px 0 6px; }
.ph-wiz-lede { color: var(--ph-graphite); font-size: 1rem; line-height: 1.55; max-width: 46ch; margin: 0 0 var(--ph-space-4); }
.ph-wiz-actions { display: flex; gap: var(--ph-space-3); align-items: center; margin-top: var(--ph-space-5); padding-top: var(--ph-space-4); border-top: 1px solid var(--ph-rule); }
.ph-wiz-actions .spacer { flex: 1 1; }

/* rıza (consent) kutusu — Gmail izin ekranı hissi */
.ph-consent { border: 1px solid var(--ph-rule); border-radius: 10px; overflow: hidden; background: #fff; margin: var(--ph-space-3) 0; }
.ph-consent-head { background: var(--ph-paper-2); padding: var(--ph-space-3) var(--ph-space-4); display: flex; gap: 12px; align-items: center; border-bottom: 1px solid var(--ph-rule); }
.ph-consent-head .plat-ico { width: 40px; height: 40px; border-radius: 9px; display: grid; place-items: center; flex: none; font-family: var(--ph-font-display); font-weight: 700; color: #fff; }
.ph-consent-body { padding: var(--ph-space-4); }
.ph-consent-body ul { margin: 0 0 var(--ph-space-3); padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; }
.ph-consent-body li { display: flex; gap: 10px; align-items: flex-start; font-size: 0.92rem; }
.ph-consent-body li svg { width: 18px; height: 18px; color: var(--ph-moss); flex: none; margin-top: 1px; }
.ph-consent-check { display: flex; gap: 10px; align-items: flex-start; padding: var(--ph-space-3); background: var(--ph-paper-2); border-radius: var(--ph-radius); font-size: 0.9rem; cursor: pointer; }
.ph-consent-check input { margin-top: 3px; }

/* portal / kaynak kartları */
.ph-src-card { border: 1px solid var(--ph-rule); border-radius: 10px; background: #fff; margin: var(--ph-space-3) 0; overflow: hidden; }
.ph-src-card-head { display: flex; gap: 14px; align-items: center; padding: var(--ph-space-3) var(--ph-space-4); }
.ph-src-card-head .plat-ico { width: 44px; height: 44px; border-radius: 10px; display: grid; place-items: center; flex: none; font-family: var(--ph-font-display); font-weight: 700; font-size: 1.1rem; color: #fff; }
.ph-src-card-head .meta { flex: 1 1; min-width: 0; }
.ph-src-card-head .meta b { display: block; font-size: 1rem; }
.ph-src-card-head .meta span { font-size: 0.82rem; color: var(--ph-graphite); }
.ph-src-card-body { padding: 0 var(--ph-space-4) var(--ph-space-4); border-top: 1px solid var(--ph-rule); }
.ph-src-connected { display: inline-flex; align-items: center; gap: 6px; color: var(--ph-moss); font-size: 0.85rem; font-weight: 500; }

/* çocuk doğrulama kartı */
.ph-verify { border: 1px solid var(--ph-rule); border-radius: 12px; background: #fff; padding: var(--ph-space-4); text-align: center; margin: var(--ph-space-3) 0; }
.ph-verify .avatar { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; margin: 0 auto var(--ph-space-3); display: block; border: 3px solid var(--ph-paper-2); background: var(--ph-paper-2); }
.ph-verify .avatar-ph { width: 96px; height: 96px; border-radius: 50%; margin: 0 auto var(--ph-space-3); display: grid; place-items: center; background: var(--ph-paper-2); font-family: var(--ph-font-display); font-size: 2rem; color: var(--ph-graphite); }
.ph-verify h3 { font-family: var(--ph-font-display); font-size: 1.35rem; margin: 0 0 4px; }
.ph-verify .sub { color: var(--ph-graphite); font-size: 0.9rem; margin-bottom: var(--ph-space-3); }

.ph-summary { position: -webkit-sticky; position: sticky; top: 0; }
.ph-summary-item { display: flex; gap: 10px; align-items: center; padding: 8px 0; font-size: 0.9rem; border-bottom: 1px solid var(--ph-rule); }
.ph-summary-item svg { width: 16px; height: 16px; color: var(--ph-moss); flex: none; }
.ph-summary-item:last-child { border-bottom: 0; }

@media (max-width: 860px) {
  .ph-wiz { grid-template-columns: 1fr; }
  .ph-wiz-rail { flex-direction: row; align-items: center; gap: var(--ph-space-3); padding: var(--ph-space-3); overflow-x: auto; }
  .ph-wiz-rail .brand, .ph-wiz-rail .foot { display: none; }
  .ph-wiz-steps { flex-direction: row; margin-top: 0; }
  .ph-wiz-step { flex-direction: column; align-items: center; text-align: center; padding: 8px; min-width: 64px; }
  .ph-wiz-step .lbl { display: none; }
  .ph-wiz-step:not(:last-child)::after { display: none; }
  .ph-wiz-main { padding: var(--ph-space-4) var(--ph-space-3); max-height: none; }
}