/* Presentation is scoped to the shared workflow components. */
.pwf-page,.pwf-public,.pwf-app{--pwf-surface:#f7fbf8;--pwf-ink:#10331f;--pwf-muted:#52655c;--pwf-border:#c5dfd0;--pwf-soft:#eaf4ec;color:var(--pwf-ink);font-style:normal}
html[data-planora-theme="dark"] :is(.pwf-page,.pwf-public,.pwf-app){--pwf-surface:#142d22;--pwf-ink:#f3faf6;--pwf-muted:#bfd0c6;--pwf-border:#345443;--pwf-soft:#18382a}
.pwf-page{max-width:1240px;margin:0 auto;padding-bottom:110px}
.pwf-public{margin:48px 0}
.pwf-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px}
.pwf-heading h2,.pwf-app h2{font-family:Montserrat,sans-serif;font-size:clamp(24px,3vw,36px);line-height:1.2;margin:5px 0 12px;color:var(--pwf-ink)}
.pwf-heading p,.pwf-app p{margin:8px 0;line-height:1.6;color:var(--pwf-muted)}
.pwf-kicker{font-size:12px!important;letter-spacing:.1em;text-transform:uppercase;font-weight:800}
.pwf-figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.pwf-figure{margin:0;min-width:0;overflow:hidden;border:1px solid var(--pwf-border);border-radius:20px;background:var(--pwf-surface);box-shadow:none;padding:0}
.pwf-figure picture{display:block;background:#f7fbf8}
.pwf-figure img{display:block;width:100%;height:auto}
.pwf-figure figcaption{padding:20px 20px 8px}
.pwf-figure h3{font:700 18px/1.35 Montserrat,sans-serif;margin:0 0 10px;color:var(--pwf-ink)}
.pwf-figure figcaption p{font-size:15px;line-height:1.6;color:var(--pwf-muted);margin:0 0 8px}
.pwf-transcript{margin:0 20px 16px;border-top:1px solid var(--pwf-border)}
.pwf-transcript summary{padding:12px 0;min-height:48px;cursor:pointer;color:var(--pwf-ink);font-size:14px;font-weight:700;line-height:1.6}
.pwf-transcript-body{font-size:15px;line-height:1.6;color:var(--pwf-ink)}
.pwf-transcript:not([open])>.pwf-transcript-body{display:none}
.pwf-transcript-body :is(ol,ul){padding-left:22px;margin:8px 0}
.pwf-transcript-body li{padding:0 0 14px 4px}
.pwf-transcript-body li p{margin:4px 0 0;color:var(--pwf-muted)}
.pwf-note{font-size:14px;line-height:1.6;padding:12px;border:1px solid var(--pwf-border);border-radius:12px;background:var(--pwf-soft);color:var(--pwf-ink)!important}
.pwf-app{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:28px;padding:28px;border:1px solid var(--pwf-border);border-radius:22px;background:var(--pwf-surface);color:var(--pwf-ink)}
.pwf-app-copy{min-width:0}
.pwf-app--compact{display:block;margin:22px 0;padding:22px}
.pwf-app--compact h2{font-size:22px}
.pwf-release{display:flex;flex-wrap:wrap;gap:12px 28px;margin:18px 0}
.pwf-release div{min-width:0}
.pwf-release dt{color:var(--pwf-muted);font-size:12px;font-weight:600}
.pwf-release dd{margin:4px 0 0;color:var(--pwf-ink);font-size:15px;font-weight:700}
.pwf-checksum{font-size:12px}
.pwf-checksum code{display:block;overflow-wrap:anywhere;color:var(--pwf-ink);font-size:12px;margin-top:5px}
.pwf-install{font-size:14px;line-height:1.6;color:var(--pwf-muted);padding-left:22px;margin:18px 0}
.pwf-install li+li{margin-top:8px}
.pwf-app-qr{align-self:center;text-align:center}
.pwf-qr{display:inline-block;background:#fff;padding:16px;border-radius:14px;min-width:192px;min-height:192px}
.pwf-qr img,.pwf-qr canvas{max-width:100%}
.pwf-app-qr p{font-size:13px}
.pwf-reference{color:var(--pwf-muted);font-size:13px;line-height:1.6;margin:22px 0}
.pwf-role,.pwf-general{margin:24px 0}
.pwf-role>.pwf-figures{grid-template-columns:1fr}
.pwf-role .pwf-figure{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.pwf-role picture{grid-row:span 2;align-self:start}
.pwf-role figcaption{align-self:end}
.pwf-role h2,.pwf-general h2{font-size:24px;margin:0 0 18px;color:var(--pwf-ink)}
:is(.pwf-page,.pwf-public) :is(a,summary):focus-visible{outline:3px solid #087f5b;outline-offset:4px}
html[data-planora-theme="dark"] :is(.pwf-page,.pwf-public) :is(a,summary):focus-visible{outline-color:#99cc66}
.pwf-sidebar-help{padding:12px 16px}
.pwf-sidebar-help a{display:flex;align-items:center;min-height:44px;padding:10px 12px;border-radius:10px;color:inherit;font-size:13px;font-weight:700;text-decoration:none}
.pwf-sidebar-help a:focus-visible{outline:2px solid #99cc66;outline-offset:2px}
[data-pwf-app-card][hidden]{display:none!important}
@media(max-width:1100px){.pwf-figures{grid-template-columns:1fr}.pwf-figure{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pwf-figure picture{grid-row:span 2}.pwf-figure figcaption{align-self:end}}
@media(max-width:600px){.pwf-heading{display:block}.pwf-heading>a{margin-top:12px}.pwf-public{margin:32px 0}.pwf-figure,.pwf-role .pwf-figure{display:block}.pwf-figure picture{max-width:100%}.pwf-app{grid-template-columns:1fr;padding:20px}.pwf-app-qr{justify-self:center}.pwf-figure figcaption{padding:18px 18px 8px}.pwf-transcript{margin:0 18px 14px}.pwf-page h1{font-size:30px}.pwf-release{gap:14px 20px}}