/* Wagtail editorial blocks: one constrained visual language across narratives. */
.editorial-block { max-width:100%; min-width:0; margin-block:clamp(24px,4vw,42px); overflow-wrap:anywhere; }
.editorial-block img,.editorial-block video,.editorial-block iframe { max-width:100%; }
.editorial-richtext { margin-block:0; }
.editorial-heading { margin-top:clamp(38px,6vw,68px); margin-bottom:16px; scroll-margin-top:100px; }
.editorial-image { overflow:hidden; border:1px solid var(--line-warm); border-radius:var(--radius-md); background:var(--panel); box-shadow:var(--shadow-soft); }
.editorial-image img { width:100%; height:auto; }
.editorial-image-portrait { max-width:620px; margin-inline:auto; }
.editorial-image-wide { position:relative; left:50%; width:min(1040px,calc(100vw - 40px)); transform:translateX(-50%); }
.editorial-image figcaption,.editorial-gallery figcaption,.editorial-before-after figcaption,.editorial-video figcaption { display:flex; justify-content:space-between; gap:14px; padding:10px 14px; color:var(--muted); font-size:.76rem; }
.editorial-image figcaption small { color:var(--accent-light); }
.editorial-quote { position:relative; padding:28px 30px; border:1px solid rgba(176,139,90,.28); border-radius:var(--radius-md); background:radial-gradient(circle at 90% 0,rgba(176,139,90,.13),transparent 38%),var(--surface); box-shadow:var(--inset-light); }
.editorial-quote::before { content:"“"; position:absolute; top:8px; right:18px; color:rgba(176,139,90,.24); font:700 4.8rem/1 serif; }
.editorial-quote p { position:relative; margin:0; color:#f2e7da; font-size:clamp(1.08rem,2.2vw,1.42rem); line-height:2; }
.editorial-quote cite { display:flex; gap:8px; margin-top:14px; color:var(--accent-light); font-size:.78rem; font-style:normal; }
.editorial-quote cite small { color:var(--muted); }
.editorial-callout,.editorial-exercise,.editorial-checklist { padding:22px 24px; border:1px solid var(--line-warm); border-radius:var(--radius-md); background:var(--surface-soft); box-shadow:var(--inset-light); }
.editorial-callout { --callout-accent:176,139,90; position:relative; isolation:isolate; overflow:hidden; border-color:rgba(var(--callout-accent),.36); border-right:4px solid rgb(var(--callout-accent)); background:linear-gradient(125deg,rgba(var(--callout-accent),.14),rgba(28,25,22,.94) 54%); box-shadow:var(--inset-light),0 16px 38px rgba(0,0,0,.12); }
.editorial-callout::after { content:""; position:absolute; z-index:-1; top:-70px; left:-45px; width:170px; height:170px; border-radius:50%; background:rgba(var(--callout-accent),.12); filter:blur(22px); pointer-events:none; }
.editorial-callout-note { --callout-accent:176,139,90; }
.editorial-callout-tip { --callout-accent:108,154,112; }
.editorial-callout-warning { --callout-accent:202,121,72; }
.editorial-callout-technical { --callout-accent:101,145,158; }
.editorial-callout-header { display:flex; align-items:center; flex-wrap:wrap; gap:10px 14px; margin-bottom:12px; }
.editorial-callout-kind { display:inline-flex; align-items:center; gap:7px; min-height:30px; padding:4px 10px; border:1px solid rgba(var(--callout-accent),.38); border-radius:999px; color:rgb(var(--callout-accent)); background:rgba(var(--callout-accent),.1); font-size:.72rem; font-weight:900; line-height:1; }
.editorial-callout-kind .ph { font-size:1rem; }
.editorial-callout h3,.editorial-exercise h3,.editorial-checklist h3 { margin:0; font-size:1.08rem; }
.editorial-callout-body>:last-child { margin-bottom:0; }
.editorial-gallery>h3 { margin-bottom:14px; }
.editorial-gallery-track,.editorial-before-after>div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.editorial-gallery figure,.editorial-before-after section { min-width:0; overflow:hidden; margin:0; border:1px solid var(--line); border-radius:var(--radius-sm); background:var(--panel); }
.editorial-gallery img,.editorial-before-after img { width:100%; aspect-ratio:4/3; object-fit:cover; }
.editorial-gallery figcaption { align-items:flex-start; flex-wrap:wrap; }
.editorial-gallery figcaption span { min-width:0; }
.editorial-gallery figcaption small { color:var(--accent-light); }
.editorial-before-after section { position:relative; }
.editorial-before-after section>span { position:absolute; z-index:1; top:10px; right:10px; padding:4px 9px; border:1px solid rgba(232,199,149,.25); border-radius:999px; background:rgba(18,17,16,.88); font-size:.68rem; font-weight:800; }
.editorial-cta { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px; border:1px solid var(--line-warm); border-radius:var(--radius-md); background:var(--surface-strong); }
.editorial-cta p { margin:0; color:var(--muted); }
.editorial-video { overflow:hidden; border:1px solid var(--line-warm); border-radius:var(--radius-md); background:var(--panel); }
.editorial-embed { position:relative; aspect-ratio:16/9; background:#090807; }
.editorial-embed iframe { width:100%; height:100%; border:0; }
.editorial-video>.text-link { margin:0 14px 14px; }
.editorial-checklist ul,.editorial-parts ul { display:grid; gap:9px; margin:0; padding:0; list-style:none; }
.editorial-checklist li { display:flex; align-items:flex-start; gap:9px; }
.editorial-checklist li .ph { flex:0 0 auto; margin-top:.38em; color:var(--accent-light); }
.editorial-procedure>ol,.editorial-timeline>ol,.editorial-milestones { display:grid; gap:14px; margin:0; padding:0; list-style:none; counter-reset:editorial-step; }
.editorial-procedure>ol>li,.editorial-timeline>ol>li,.editorial-milestones>li { display:grid; grid-template-columns:42px minmax(0,1fr); gap:14px; padding:18px; border:1px solid var(--line); border-radius:var(--radius-sm); background:var(--surface-soft); }
.editorial-procedure>ol>li>span,.editorial-timeline>ol>li>span,.editorial-milestones>li>span { width:36px; height:36px; display:grid; place-items:center; border-radius:50%; color:#fff; background:linear-gradient(145deg,var(--accent-light),var(--accent-dark)); font-size:.76rem; font-weight:900; }
.editorial-procedure h4,.editorial-timeline h4,.editorial-milestones strong { margin:0 0 6px; }
.editorial-step-image { width:100%; max-height:460px; margin:14px 0; object-fit:cover; border:1px solid var(--line); border-radius:12px; }
.editorial-parts { padding:22px; border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface-soft); }
.editorial-parts li { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 12px; padding-bottom:9px; border-bottom:1px solid var(--line); }
.editorial-parts li:last-child { padding-bottom:0; border-bottom:0; }
.editorial-parts small { grid-column:1/-1; color:var(--muted); }
.editorial-audio { padding:20px; border:1px solid var(--line-warm); border-radius:var(--radius-md); background:var(--surface); }
.editorial-audio figcaption { display:grid; margin-bottom:12px; }
.editorial-audio figcaption span { color:var(--muted); font-size:.78rem; }
.editorial-audio audio { width:100%; accent-color:var(--accent-light); }
.editorial-glossary { display:grid; gap:10px; }
.editorial-glossary>div { padding:16px 18px; border:1px solid var(--line); border-radius:var(--radius-sm); background:rgba(245,241,234,.025); }
.editorial-glossary dt { color:var(--accent-light); font-weight:900; }
.editorial-glossary dd { margin:4px 0 0; color:var(--muted); }
.editorial-download { display:flex; align-items:center; gap:12px; padding:16px 18px; border:1px solid var(--line-warm); border-radius:var(--radius-sm); background:var(--surface-soft); }
.editorial-download>.ph { color:var(--accent-light); font-size:1.55rem; }
.editorial-download span { display:grid; }
.editorial-download small { color:var(--muted); }
.editorial-preview { min-height:70vh; }

@media (max-width:700px) {
  .feature-unavailable { min-height:calc(100svh - 76px); align-items:start; padding:12px 0 calc(110px + env(safe-area-inset-bottom)); }
  .feature-unavailable .container { width:100%; padding-inline:12px; }
  .feature-unavailable-card { padding:34px 20px 26px; border-radius:30px; }
  .feature-unavailable-card::after { inset:8px; border-radius:23px; }
  .feature-unavailable-mark { width:76px; height:76px; margin-bottom:20px; border-radius:25px; }
  .feature-unavailable-mark>i { font-size:2.25rem; }
  .feature-unavailable-card h1 { font-size:clamp(1.85rem,9vw,2.45rem); }
  .feature-unavailable-card>p:not(.eyebrow) { font-size:.86rem; line-height:1.9; }
  .feature-unavailable-status { align-items:flex-start; margin-top:22px; padding:12px; border-radius:16px; }
  .feature-unavailable-actions { display:grid; grid-template-columns:1fr; margin-top:22px; }
  .feature-unavailable-actions .button { width:100%; }
  .editorial-block { margin-block:22px; }
  .editorial-image-wide { left:auto; width:100%; transform:none; }
  .editorial-gallery-track { display:flex; max-width:100%; overflow-x:auto; padding:0 1px 8px; scroll-padding-inline:1px; scroll-snap-type:x mandatory; scrollbar-width:none; overscroll-behavior-inline:contain; }
  .editorial-gallery-track::-webkit-scrollbar { display:none; }
  .editorial-gallery figure { flex:0 0 86%; scroll-snap-align:start; }
  .editorial-before-after>div { grid-template-columns:1fr; }
  .editorial-quote,.editorial-callout,.editorial-exercise,.editorial-checklist { padding:18px; border-radius:18px; }
  .editorial-callout-header { align-items:flex-start; flex-direction:column; gap:9px; }
  .editorial-cta { align-items:stretch; flex-direction:column; padding:18px; }
  .editorial-cta .button { width:100%; }
  .editorial-procedure>ol>li,.editorial-timeline>ol>li,.editorial-milestones>li { grid-template-columns:34px minmax(0,1fr); gap:10px; padding:14px; }
  .editorial-procedure>ol>li>span,.editorial-timeline>ol>li>span,.editorial-milestones>li>span { width:30px; height:30px; }
}
@media (max-width:700px) {
  .order-result-head { display:grid; gap:14px; }
  .fulfillment-path-badge { width:max-content; }
  .fulfillment-card,.fulfillment-history { margin-top:18px; padding:17px 14px; border-radius:20px; }
  .fulfillment-card .section-heading { display:grid; gap:10px; }
  .fulfillment-live-status { width:max-content; }
  .fulfillment-steps { gap:2px; }
  .fulfillment-steps::before { top:18px; right:9%; left:9%; }
  .fulfillment-steps li { gap:7px; font-size:clamp(.56rem,2.7vw,.65rem); line-height:1.45; }
  .fulfillment-step-icon { width:36px; height:36px; border-radius:12px; font-size:.94rem; }
  .fulfillment-tracking { grid-template-columns:1fr; }
  .fulfillment-history-head { display:grid; gap:3px; }
  .fulfillment-history-head time { white-space:normal; }
  .fulfillment-attention { grid-template-columns:30px minmax(0,1fr); }
}