:root{--pico-font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--pico-font-size:100%;--pico-border-radius:.8rem;--pico-primary:#176c5c;--pico-primary-background:#176c5c;--pico-primary-hover-background:#115447;--pico-primary-focus:rgba(23,108,92,.2);--ink:#203b35;--soft:#edf4ef;--line:#dce5df;--card:#fff;--muted:#596d64;--canvas:#f7f8f4;--warm:#98610b}
body{background:var(--canvas);color:var(--ink);line-height:1.65}main.container{max-width:1160px;padding:0 1.5rem 2rem}h1,h2,h3{color:var(--ink);letter-spacing:-.035em}h1{font-size:clamp(2rem,4.5vw,3.2rem);line-height:1.15;margin:1.5rem 0 1rem}h2{font-size:1.45rem}h3{font-size:1.1rem}a{color:var(--pico-primary)}nav.site-nav{min-height:92px;border-bottom:1px solid var(--line);gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;font-size:1.45rem;letter-spacing:-.05em}.brand-mark{background:var(--pico-primary);color:#fff;width:34px;height:34px;border-radius:10px;display:inline-grid;place-items:center;font-size:1.1rem}.eyebrow{text-transform:uppercase;font-size:.72rem;letter-spacing:.14em;font-weight:700;color:var(--pico-primary);margin-bottom:.6rem}.muted,small{color:var(--muted)}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:4rem;align-items:center;padding:3rem 0 4rem}.hero h1{font-size:clamp(2.5rem,5vw,4.1rem);max-width:14ch}.hero .lead{max-width:44ch;font-size:1.15rem}.hero-preview{background:var(--card);border:1px solid var(--line);border-radius:1rem;padding:2rem;box-shadow:0 18px 50px #203b3510;transform:rotate(1deg)}.hero-preview .preview-date{width:3rem;text-align:center;border-radius:.6rem;background:var(--soft);padding:.35rem;flex-shrink:0}.preview-date strong{display:block;font-size:1.35rem;line-height:1.2}.preview-row{display:flex;gap:1rem;align-items:center;padding:.9rem 0;border-bottom:1px solid var(--line)}.preview-row p{margin:0}.hero-preview footer{margin:1rem 0 0;padding:0;border:0}.feature-grid,.programme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:1.3rem}.feature-grid{margin-bottom:3rem}.feature-grid article{box-shadow:none}.feature-grid .number{font-size:.8rem;color:var(--pico-primary);font-weight:700}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.page-heading h1{margin:.3rem 0}.actions{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center}.actions>*{margin-bottom:0}button,[role=button]{font-weight:600;width:auto}article{background:var(--card);border:1px solid var(--line);box-shadow:0 3px 14px #203b3505;padding:1.5rem;margin-bottom:1.5rem}article>header{background:transparent;border:0;padding:0 0 1rem;margin:0 0 1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;border-bottom:1px solid var(--line)}article>header h2,article>header h3{margin:0}.production{border-top:4px solid var(--pico-primary)}.draft{border-top:4px solid #c79439}.badge{display:inline-block;white-space:normal;border-radius:2rem;padding:.2rem .7rem;background:var(--soft);color:var(--pico-primary);font-size:.76rem;font-weight:650;line-height:1.55;vertical-align:middle}.badge[data-state=failed],.badge[data-state=conflict],.badge[data-state=uncertain]{background:#fbe9e5;color:#943820}.badge[data-state=clarify],.badge.draft-badge{background:#fcf0d7;color:#81530d}.badge[data-state=waiting],.badge[data-state=submitting],.badge[data-state=rendering]{background:#e8effa;color:#345d93}.status-grid{display:flex;gap:.75rem;flex-wrap:wrap;margin:1rem 0 1.5rem}.status-grid .badge{padding:.6rem 1rem}.status-grid strong{font-size:1.2rem;margin-right:.35rem}.flow-map{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;padding:0;list-style:none;margin:1.5rem 0}.flow-map li{border-top:3px solid var(--line);padding:.7rem .2rem;font-size:.8rem;color:var(--muted)}.flow-map strong{display:block;color:var(--ink)}.flow-map .step-number{font-size:.7rem;color:var(--pico-primary)}.timeline{list-style:none;padding:0;margin:1.5rem 0}.timeline li{position:relative;margin:0 0 0 .45rem;padding:0 0 1.5rem 1.7rem;border-left:2px solid var(--line)}.timeline li:last-child{border-left-color:transparent;padding-bottom:0}.timeline li:before{content:"";position:absolute;width:.75rem;height:.75rem;background:var(--pico-primary);border:3px solid var(--card);border-radius:50%;left:-.43rem;top:.35rem;box-shadow:0 0 0 1px var(--line)}.timeline-head{display:flex;gap:.6rem;justify-content:space-between;align-items:baseline;flex-wrap:wrap}.timeline p{margin:.25rem 0}.timeline time{font-size:.75rem;color:var(--muted)}.request-text{white-space:pre-wrap;overflow-wrap:anywhere;border-left:3px solid var(--line);padding:.5rem 1rem;margin:1rem 0;color:var(--ink)}.notice{background:var(--soft);border-radius:.65rem;padding:1rem 1.2rem;margin:1rem 0}.notice.warning{background:#fcf0d7;color:#704a13}.notice p:last-child{margin-bottom:0}.table-scroll{overflow-x:auto;width:100%;margin:1rem 0;border:1px solid var(--line);border-radius:.65rem}.table-scroll:focus-visible{outline:3px solid var(--pico-primary)}table{font-size:.85rem;margin:0}th{background:var(--soft);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}td,th{padding:.9rem;vertical-align:top}td{overflow-wrap:anywhere}table.diff{table-layout:fixed;min-width:500px}.diff th:first-child{width:18%}.diff td:nth-child(2){background:#fff8f5}.diff td:nth-child(3){background:#f2f8f1}.event{border-left:3px solid var(--pico-primary);padding:.8rem 1.2rem;margin-bottom:1rem;background:var(--card);border-radius:0 .6rem .6rem 0}.event h3{margin:.2rem 0}.event p{margin:.35rem 0}.event-list{padding:0;list-style:none}.event-list li{display:flex;gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.event-list time{font-variant-numeric:tabular-nums;color:var(--muted)}details{background:var(--card);border:1px solid var(--line);border-radius:.8rem;padding:1rem 1.25rem;margin-bottom:1rem}details>summary{font-weight:650;line-height:1.6}details[open]>summary{margin-bottom:1.2rem}details details{background:var(--canvas)}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem;padding:1rem;border-radius:.65rem}code{overflow-wrap:anywhere;font-size:.78rem}.empty-state{padding:2.5rem 1.5rem;text-align:center;border:1px dashed var(--line);border-radius:.8rem;background:var(--card)}.empty-state p{max-width:46ch;margin:.75rem auto 1.25rem}.auth-panel{max-width:560px;margin:4rem auto;padding:2.5rem}.auth-panel h1{font-size:2.25rem}footer.site-footer{border-top:1px solid var(--line);margin-top:4rem;padding-top:1.5rem;font-size:.8rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.skip-link{position:absolute;left:1rem;top:-100px;background:var(--card);padding:.6rem;z-index:10}.skip-link:focus{top:1rem}.form-section{border:0;border-bottom:1px solid var(--line);padding:0 0 1.5rem;margin:1rem 0 1.5rem}.form-section legend{font-weight:700;font-size:1.1rem;margin-bottom:.8rem}.form-section .grid{align-items:start}input,select,textarea{background-color:var(--card)}.filters{display:flex;gap:.8rem;align-items:end;flex-wrap:wrap}.filters label{flex:1;min-width:180px}.filters input,.filters select{margin-bottom:0}.request-link{font-weight:600}.request-id{display:block;font-size:.72rem;margin-top:.3rem}.widget-shell{padding:1.2rem!important}.widget-shell h1{font-size:1.7rem}.widget-credit{display:block;border-top:1px solid var(--line);padding-top:.8rem}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--pico-primary);outline-offset:4px}
@media(prefers-color-scheme:dark){html:not([data-theme=light]){--ink:#e4eee8;--soft:#213c34;--line:#345146;--card:#172b25;--muted:#abc0b3;--canvas:#11221c;--pico-primary:#83c6ac;--pico-primary-background:#247b65;--pico-primary-hover-background:#308e76}.diff td:nth-child(2){background:#382923}.diff td:nth-child(3){background:#22392c}}
html[data-theme=dark]{--ink:#e4eee8;--soft:#213c34;--line:#345146;--card:#172b25;--muted:#abc0b3;--canvas:#11221c;--pico-primary:#83c6ac;--pico-primary-background:#247b65}
@media(max-width:700px){main.container{padding:0 1rem 1.5rem}nav.site-nav{min-height:76px;margin-bottom:1.3rem}nav ul{gap:.1rem;flex-wrap:wrap}nav small{display:none}.hero{grid-template-columns:1fr;gap:2rem;padding:1.5rem 0 2.5rem}.hero h1{max-width:18ch}.hero-preview{transform:none;padding:1.3rem}.flow-map{grid-template-columns:1fr;gap:0}.flow-map li{border-top:0;border-left:3px solid var(--line);padding:.4rem .8rem}.flow-map strong{display:inline;margin-right:.4rem}article{padding:1rem}.auth-panel{margin:2rem auto;padding:1.5rem}.page-heading .actions{width:100%}.page-heading .actions [role=button]{flex:1}.timeline-head{display:block}footer.site-footer{margin-top:2.5rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
@media print{nav,.site-footer,form,.actions,.filters{display:none!important}body{background:white;color:black}article,details{box-shadow:none;break-inside:avoid}.table-scroll{overflow:visible}}
[hidden]{display:none!important}
html{background:var(--canvas)}body{min-height:100vh}
:root:not([data-theme=dark]),[data-theme=light]{--pico-primary:#176c5c;--pico-primary-background:#176c5c;--pico-primary-hover:#115447;--pico-primary-hover-background:#115447;--pico-primary-focus:rgba(23,108,92,.2)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--pico-primary:#83c6ac;--pico-primary-background:#247b65;--pico-primary-hover:#a8dec7;--pico-primary-hover-background:#308e76}}
[data-theme=light] .diff td:nth-child(2){background:#fff8f5}[data-theme=light] .diff td:nth-child(3){background:#f2f8f1}

/* A seasonal palette: mint, apricot, lavender, sky and rose. */
:root{--mint:#dcf3e8;--apricot:#ffead6;--lavender:#eee5ff;--sky:#dff0ff;--rose:#ffe6ee;--mint-ink:#17634e;--apricot-ink:#8a491b;--lavender-ink:#6141a0;--sky-ink:#285e91;--rose-ink:#963b5b}
body{background:radial-gradient(ellipse at 3% 12%,var(--mint),transparent 42rem),radial-gradient(ellipse at 100% 35%,var(--apricot),transparent 45rem),var(--canvas)}
.brand-mark{background:linear-gradient(135deg,#219c80,#426ac6);box-shadow:0 3px 10px #176c5c22}
.hero-preview{background:linear-gradient(155deg,var(--lavender),var(--card) 55%,var(--apricot));border-color:color-mix(in srgb,var(--lavender-ink) 22%,var(--line));border-top:5px solid #a788d4}
.hero-preview .eyebrow{color:var(--lavender-ink)}
.hero-preview header>.badge{background:var(--lavender);color:var(--lavender-ink)}
.preview-row:nth-of-type(1) .preview-date{background:var(--apricot);color:var(--apricot-ink)}
.preview-row:nth-of-type(2) .preview-date{background:var(--sky);color:var(--sky-ink)}
.preview-row:nth-of-type(3) .preview-date{background:var(--rose);color:var(--rose-ink)}
.preview-date small{color:inherit}
.feature-grid article:nth-child(3n+1),.programme-grid article:nth-child(3n+1){--tile:var(--mint);--tile-ink:var(--mint-ink)}
.feature-grid article:nth-child(3n+2),.programme-grid article:nth-child(3n+2){--tile:var(--lavender);--tile-ink:var(--lavender-ink)}
.feature-grid article:nth-child(3n+3),.programme-grid article:nth-child(3n+3){--tile:var(--apricot);--tile-ink:var(--apricot-ink)}
.feature-grid article,.programme-grid article{background:linear-gradient(145deg,var(--tile),var(--card));border-top:4px solid var(--tile-ink)}
.feature-grid .number,.feature-grid h2,.programme-grid article>header a{color:var(--tile-ink)}
.flow-map li:nth-child(5n+1){--stage-bg:var(--sky);--stage-ink:var(--sky-ink)}
.flow-map li:nth-child(5n+2){--stage-bg:var(--lavender);--stage-ink:var(--lavender-ink)}
.flow-map li:nth-child(5n+3){--stage-bg:var(--mint);--stage-ink:var(--mint-ink)}
.flow-map li:nth-child(5n+4){--stage-bg:var(--apricot);--stage-ink:var(--apricot-ink)}
.flow-map li:nth-child(5n+5){--stage-bg:var(--rose);--stage-ink:var(--rose-ink)}
.flow-map li{background:var(--stage-bg);border-color:var(--stage-ink);border-radius:.55rem;padding:.8rem;color:var(--stage-ink)}
.flow-map strong,.flow-map .step-number{color:var(--stage-ink)}
.flow-map .step-number{display:inline-block;margin-right:.3rem;font-weight:700}
.production{background:linear-gradient(120deg,var(--mint),var(--card) 70%)}
.draft{background:linear-gradient(120deg,var(--apricot),var(--card) 70%)}
.badge[data-state=queued]{background:var(--sky);color:var(--sky-ink)}
.badge[data-state=applying]{background:var(--lavender);color:var(--lavender-ink)}
.badge[data-state=rendering]{background:var(--apricot);color:var(--apricot-ink)}
.auth-panel{background:linear-gradient(150deg,var(--sky),var(--card) 55%,var(--lavender));border-top:5px solid #719bc6}
.event{background:linear-gradient(100deg,var(--mint),var(--card) 80%)}
section:nth-of-type(3n+2)>.event{border-color:var(--lavender-ink);background:linear-gradient(100deg,var(--lavender),var(--card) 80%)}
section:nth-of-type(3n+3)>.event{border-color:var(--apricot-ink);background:linear-gradient(100deg,var(--apricot),var(--card) 80%)}
.empty-state{background:linear-gradient(120deg,var(--sky),var(--card));border-color:color-mix(in srgb,var(--sky-ink) 35%,var(--line))}
@media(prefers-color-scheme:dark){html:not([data-theme=light]){--mint:#173e32;--apricot:#453022;--lavender:#332847;--sky:#203749;--rose:#432734;--mint-ink:#9addbd;--apricot-ink:#f3c398;--lavender-ink:#cbb4f2;--sky-ink:#a5cef4;--rose-ink:#f0b0c7}}
html[data-theme=dark]{--mint:#173e32;--apricot:#453022;--lavender:#332847;--sky:#203749;--rose:#432734;--mint-ink:#9addbd;--apricot-ink:#f3c398;--lavender-ink:#cbb4f2;--sky-ink:#a5cef4;--rose-ink:#f0b0c7}
@media print{body,.hero-preview,.feature-grid article,.programme-grid article,.production,.draft,.event,.auth-panel,.empty-state,.flow-map li{background:white}}

/* The email example pairs each request with its visible result. */
.walkthrough{padding:2.5rem 0;scroll-margin-top:1rem}.walkthrough h2{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.2}.walkthrough-intro{max-width:65ch}.demo-availability{font-size:.85rem;color:var(--muted);margin:1.5rem 0}.demo-availability .badge{background:var(--sky);color:var(--sky-ink);margin-right:.4rem}
.demo-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;margin:1.5rem 0 2rem}.demo-steps button{--step-bg:var(--lavender);--step-ink:var(--lavender-ink);background:var(--step-bg);color:var(--step-ink);border:2px solid transparent;text-align:left;font-size:.85rem;margin:0;padding:.85rem}.demo-steps button:nth-child(2){--step-bg:var(--mint);--step-ink:var(--mint-ink)}.demo-steps button:nth-child(3){--step-bg:var(--apricot);--step-ink:var(--apricot-ink)}.demo-steps button:nth-child(4){--step-bg:var(--sky);--step-ink:var(--sky-ink)}.demo-steps button[aria-pressed=true]{border-color:var(--step-ink);box-shadow:0 4px 0 color-mix(in srgb,var(--step-ink) 20%,transparent)}.demo-steps button>span{display:inline-grid;place-items:center;width:1.6rem;height:1.6rem;border:1px solid currentColor;border-radius:50%;margin-right:.3rem}
.demo-heading{display:flex;gap:.8rem;align-items:center;margin:1.5rem 0}.demo-heading h3{margin:0}.demo-pair{display:grid;grid-template-columns:minmax(0,1fr) 2rem minmax(0,1fr);gap:1rem;align-items:start}.demo-pair article{margin:0;min-width:0;overflow:hidden}.demo-email{border-top:4px solid var(--lavender-ink)}.demo-email>header{background:var(--lavender);color:var(--lavender-ink);margin:-1.5rem -1.5rem 0;padding:1rem 1.5rem;gap:.5rem}.demo-icon{font-size:1.5rem}.demo-label{font-size:.68rem;font-weight:750;letter-spacing:.06em}.demo-email header .demo-label{margin-left:auto}.email-fields{font-size:.8rem;padding:1rem 0;border-bottom:1px solid var(--line);margin-bottom:1rem}.email-fields>div{display:flex;gap:.7rem}.email-fields dt{width:3.5rem;flex-shrink:0;color:var(--muted)}.email-fields dd{margin:0;overflow-wrap:anywhere}.email-message{font-size:.95rem}.demo-email>footer{margin:1rem -1.5rem -1.5rem;padding:.8rem 1.5rem;background:var(--lavender);color:var(--lavender-ink)}.demo-arrow{padding-top:10rem;font-size:2rem;color:var(--lavender-ink);text-align:center}.demo-result{border-top:4px solid var(--mint-ink);background:linear-gradient(145deg,var(--mint),var(--card) 60%)}.demo-result>header{font-size:.9rem}
.demo-paper{background:#fffefa;color:#263d33;padding:1.5rem;border:1px solid #e2e2d8;box-shadow:0 8px 20px #203b3512;font-size:.85rem}.demo-paper h4{font-family:Georgia,serif;font-size:1.65rem;color:#17634e;margin:.4rem 0}.demo-paper h5{font-size:1rem;color:#17634e;margin:1.2rem 0 .3rem;border-bottom:2px solid #17634e;padding-bottom:.3rem}.paper-kicker{font-size:.58rem;letter-spacing:.13em;color:#596d64;margin:0}.paper-period{color:#596d64;font-size:.75rem}.paper-meeting{display:grid;grid-template-columns:7.2rem 1fr;gap:0 .5rem;padding:.65rem 0;border-bottom:1px solid #e2e2d8}.paper-meeting time{font-size:.65rem;padding-top:.2rem}.paper-meeting small{grid-column:2;color:#596d64;font-size:.72rem}.paper-more{font-size:.7rem;color:#596d64;margin:.75rem 0}.paper-qr{display:flex;gap:.7rem;align-items:center;border-top:1px solid #dce5df;margin-top:1.2rem;padding-top:.8rem;color:#263d33}.paper-qr svg{flex-shrink:0}.paper-qr strong,.paper-qr small{display:block;font-size:.65rem;color:#596d64}.paper-highlight{background:#e4f3e8;padding-left:.35rem}.demo-caption{font-size:.8rem;color:var(--muted);margin:1rem 0 0}.demo-review{display:grid;gap:.5rem;background:var(--mint);color:var(--mint-ink);padding:1rem;border-radius:.6rem;font-size:.85rem;margin:1rem 0}.demo-action{display:block;background:var(--pico-primary-background);color:white;padding:.8rem 1rem;border-radius:.6rem;font-size:.85rem;text-align:center;margin:1.5rem 0}.demo-published{text-align:center;padding:1.5rem .5rem}.published-check{display:inline-grid;place-items:center;background:var(--mint);color:var(--mint-ink);width:4rem;height:4rem;font-size:2rem;border-radius:50%;margin-bottom:1rem}.demo-published h4{color:var(--ink)}.demo-link{background:var(--sky);color:var(--sky-ink);border:1px dashed currentColor;padding:.8rem;border-radius:.5rem}.demo-chips{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.demo-chips span{background:var(--lavender);color:var(--lavender-ink);font-size:.72rem;padding:.35rem .6rem;border-radius:2rem}.change-date{font-size:.85rem;font-weight:650}.demo-diff{display:grid;grid-template-columns:1fr auto 1fr;gap:.6rem;align-items:center}.demo-diff>div{padding:1rem .6rem;border-radius:.6rem}.demo-diff strong{display:block;font-size:1.8rem}.demo-diff p{font-size:.8rem;margin:0}.diff-before{background:var(--rose);color:var(--rose-ink)}.diff-after{background:var(--mint);color:var(--mint-ink)}.demo-diff del,.demo-diff ins{color:inherit;background:transparent}.demo-history{margin:1rem 0 0;font-size:.8rem}.demo-pagination{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin:1.5rem 0}.demo-pagination button{margin:0;font-size:.85rem}.demo-pagination>span{font-size:.8rem;color:var(--muted)}.demo-footnote{font-size:.75rem;color:var(--muted)}
@media(max-width:700px){.demo-steps{grid-template-columns:1fr 1fr}.demo-pair{grid-template-columns:1fr;gap:.7rem}.demo-arrow{padding:0;transform:rotate(90deg);line-height:1}.demo-email>header{margin:-1rem -1rem 0;padding:.8rem 1rem}.demo-email>footer{margin:1rem -1rem -1rem;padding:.8rem 1rem}.demo-heading{align-items:start}.demo-heading .badge{flex-shrink:0}.demo-paper{padding:1rem}.demo-pagination{flex-wrap:wrap}.demo-pagination>span{order:-1;width:100%;text-align:center}.demo-pagination button{flex:1;font-size:.75rem}.demo-steps button{font-size:.75rem;padding:.65rem}.demo-steps button>span{display:block;text-align:center;margin-bottom:.3rem}}

.platform-chrome{max-width:1160px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.cx-code code{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;display:block}.cx-code{padding-top:2.5rem}
@media(max-width:700px){.platform-chrome{padding-left:1rem;padding-right:1rem}}

/* A real QR with its quiet zone, sized for scanning from the example page. */
.paper-qr{justify-content:space-between;gap:1rem;align-items:center;padding-top:1rem;margin-top:1.25rem;border-top:1px solid #dce5df}.paper-qr>div{min-width:0}.paper-qr .paper-qr-label{display:block;color:#6b7c71;font-size:.55rem;font-weight:700;letter-spacing:.12em;margin-bottom:.35rem}.paper-qr strong{font-size:.8rem;font-weight:650;color:#263d33;line-height:1.4}.paper-qr small{font-size:.65rem;line-height:1.5;margin-top:.3rem;color:#596d64}.paper-qr img{display:block;flex:0 0 88px;width:88px;height:88px;max-width:none;background:#fff;border:1px solid #e1e8e1;border-radius:.5rem;padding:3px}

/* Clear control choices and readable examples on the shared connector. */
.control-availability{color:var(--muted);font-size:.9rem}.control-ways{margin:1rem 0 3rem}.control-ways h2{font-size:clamp(1.7rem,3vw,2.3rem)}.control-ways h3{margin-top:1rem;font-size:1.4rem}.control-ways blockquote{margin:1rem 0;padding:.8rem 1rem;border-left:3px solid var(--tile-ink);color:var(--ink);background:var(--card);border-radius:0 .5rem .5rem 0}
.cx-code{background:var(--card);border-color:var(--line);padding:1rem}.cx-code code{color:var(--ink);background:transparent;white-space:pre-wrap;overflow-wrap:anywhere;font-size:1rem;line-height:1.75}.cx-codewrap{display:flex;flex-direction:column;align-items:stretch;gap:.5rem}.cx-codewrap .cx-copy{position:static;align-self:flex-end;background:var(--card);color:var(--ink);padding:.55rem .8rem}.cx-cap{color:var(--muted);opacity:1}.cx-kv .v{color:var(--ink)}

.widget-body{background:var(--canvas);min-height:0}.widget-shell{width:100%;max-width:100%!important;box-sizing:border-box}.widget-heading{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.widget-zone{font-size:.8rem}.widget-next{background:linear-gradient(135deg,var(--mint),var(--card));border-top:4px solid var(--mint-ink)}.widget-relative{font-size:1.3rem}.widget-date{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:.5rem}.widget-date time{font-weight:600}.widget-meeting-title{margin:.5rem 0}.widget-facts{display:flex;flex-wrap:wrap;gap:1.5rem}.widget-facts dt{font-size:.75rem;color:var(--muted)}.widget-facts dd{margin:0}.widget-notes{white-space:pre-wrap;overflow-wrap:anywhere}.widget-previous{background:var(--canvas);color:var(--muted)}.widget-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}.widget-language{margin:0;margin-inline-start:auto}.widget-language label{font-size:.75rem}.widget-language select{margin:0;padding:.4rem 2rem .4rem .6rem}.widget-preview{border:1px solid var(--line);border-radius:1rem;width:100%}

/* The programme leads; visitor controls remain secondary. */
html:root:has(.widget-body){font-size:22px}
.widget-shell{padding:1.1rem;max-width:54rem!important;margin-inline:auto}
.widget-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:nowrap;padding-bottom:1rem;border-bottom:1px solid var(--line);margin-bottom:1rem}
.widget-identity{min-width:0;flex:1}.widget-title{margin:0;display:block;color:var(--ink);font-size:1.35rem;font-weight:750;line-height:1.25;text-decoration:none;letter-spacing:-.025em;text-transform:none;overflow-wrap:anywhere}
.widget-zone{font-size:.75rem;color:var(--muted);margin:.4rem 0 0}
.widget-language{flex:0 0 auto;margin:0;max-width:9rem}.widget-language label{font-size:.65rem;margin:0;color:var(--muted)}.widget-language select{font-size:.7rem;min-height:44px;padding:.25rem 1.7rem .25rem .5rem}
.widget-empty{font-size:.85rem;color:var(--muted);padding:.25rem 0;margin:0 0 1rem;line-height:1.6}
.widget-next{border:1px solid var(--line);border-inline-start:4px solid var(--pico-primary);border-radius:.8rem;box-shadow:none;padding:1.15rem;background:var(--card)}
.widget-next>header{display:flex;justify-content:space-between;gap:.6rem;flex-wrap:wrap;background:transparent;margin:0 0 .9rem;padding:0}.widget-relative{font-size:.95rem;color:var(--pico-primary)}
.widget-meeting{border:1px solid var(--line);border-radius:.65rem;box-shadow:none;padding:1rem;margin-bottom:.65rem}.widget-meeting-title{font-size:1.1rem;line-height:1.4}.widget-date{font-size:.8rem;line-height:1.5}.widget-facts{font-size:.85rem;margin-bottom:0}.widget-notes{font-size:.9rem;line-height:1.6}
.widget-later,.widget-past{border:1px solid var(--line);border-radius:.65rem;padding:.85rem;margin-bottom:1rem}.widget-later>summary,.widget-past>summary{font-size:.85rem;font-weight:600}.widget-later[open]>summary,.widget-past[open]>summary{margin-bottom:1rem}.widget-previous{opacity:1;color:var(--muted);background:var(--canvas)}
.widget-footer{border-top:1px solid var(--line);padding-top:.8rem;font-size:.7rem;line-height:1.6}.widget-footer small{font-size:.65rem}
@media(max-width:600px){html:root:has(.widget-body){font-size:20px}.widget-shell{padding:.8rem}.widget-heading{flex-wrap:wrap}.widget-title{font-size:1.2rem}.widget-language{max-width:8rem}}

.widget-download{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;border:1px solid var(--line);border-radius:.8rem;padding:1rem;margin-block:1rem;background:var(--card)}
.widget-download h2{font-size:1rem;line-height:1.4;margin-bottom:.35rem}.widget-download p{font-size:.8rem;margin-bottom:.7rem}.widget-download [role=button]{font-size:.8rem;margin:0}
.widget-qr{flex:0 0 128px;text-align:center;text-decoration:none}.widget-qr img{display:block;width:128px;height:128px;background:#fff;border-radius:.25rem}.widget-qr span{display:block;font-size:.65rem;margin-top:.3rem}
@media(max-width:420px){.widget-download{flex-wrap:wrap}.widget-qr{margin-inline:auto}}

.widget-mode{display:flex;gap:.35rem;justify-content:flex-end;margin-bottom:1.1rem;font-size:.75rem}.widget-mode a{padding:.4rem .75rem;border:1px solid var(--line);border-radius:2rem;color:var(--ink)}.widget-mode a[aria-current]{background:var(--card);font-weight:700;border-color:var(--pico-primary)}
.organisation-logo{object-fit:contain;max-width:100%;margin-bottom:1rem;border-radius:.4rem}
.organisation-tagline{font-size:1.1rem;color:var(--muted);margin-bottom:1.8rem}.organisation-answers>div{display:grid;grid-template-columns:5rem 1fr;gap:1rem;padding:1rem 0;border-top:1px solid var(--line)}.organisation-answers dt{color:var(--muted);font-size:.8rem}.organisation-answers dd{margin:0;font-size:.9rem;line-height:1.6}.organisation-answers dd strong{font-weight:600}.organisation-answers dd p{font-size:.8rem;color:var(--muted);margin:.35rem 0 0}
.organisation-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--line)}.organisation-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;font-size:.8rem;line-height:1.7;overflow-wrap:anywhere}.organisation-columns h2{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.organisation-legal{font-size:.7rem;color:var(--muted);border-top:1px solid var(--line);padding-top:1rem;line-height:1.7}.widget-date [data-relative]{font-size:.85em;color:var(--pico-primary)}
@media(max-width:600px){.organisation-columns{grid-template-columns:1fr}.organisation-answers>div{grid-template-columns:3.5rem 1fr;gap:.7rem}}
.widget-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.widget-choices>section{padding:1rem;border:1px solid var(--line);border-radius:.8rem}.widget-choices h3{font-size:1.05rem}.widget-choices p{font-size:.85rem}.widget-choices textarea{font-size:.65rem;margin-top:1rem}.page-settings{margin-top:1.5rem}@media(max-width:700px){.widget-choices{grid-template-columns:1fr}}

/* The next meeting is the primary task, with a clear date/time hierarchy. */
.widget-next{padding:1.35rem;border-inline-start-width:5px}
.widget-next>header{margin-bottom:1rem}
.widget-next>header .badge{font-size:.8rem;font-weight:750;letter-spacing:.025em;padding:.3rem .6rem}
.widget-next .widget-date{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .8rem;font-size:1rem;line-height:1.5;margin-bottom:.8rem;color:var(--ink)}
.widget-next .widget-date time{font-weight:600}
.widget-next .widget-date strong{display:inline-block;white-space:nowrap;padding:.25rem .65rem;border:1px solid var(--pico-primary);border-radius:.5rem;color:var(--pico-primary);font-size:1.05rem;font-weight:750}
.widget-next .widget-meeting-title{font-size:1.6rem;line-height:1.25;letter-spacing:-.02em;margin:0 0 .9rem;font-weight:750}
@media(max-width:600px){.widget-next{padding:1.05rem}.widget-next .widget-date{font-size:.95rem}.widget-next .widget-date time{flex-basis:100%}.widget-next .widget-meeting-title{font-size:1.45rem}}
.widget-next .widget-facts{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;margin:0;font-size:.9rem}
.widget-next .widget-facts>div{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.widget-next .widget-facts dt{font-size:.7rem;color:var(--muted);font-weight:500}
.widget-next .widget-facts dd{margin:0;color:var(--ink);font-weight:600;overflow-wrap:anywhere}
.widget-next .widget-notes{margin-top:1rem;margin-bottom:0}