/* The working publication: one question, its explanation, then a usable next step. */
:root{--desk-blue:#164de0;--desk-ink:#142432;--desk-gold:#ffcf43;--desk-rule:#b5c4dc;--desk-rose:#f8cfdf}
.involvement-page{color:var(--desk-ink)}
.involvement-opening{display:grid;grid-template-columns:1.05fr 1fr;gap:2.5rem;align-items:center;padding:2rem 0 3rem}
.involvement-opening h1{font-size:clamp(3rem,5.4vw,5.8rem);line-height:1.04!important;margin:0 0 1.4rem;letter-spacing:-.045em!important}
.involvement-opening h1 em{font-style:normal;color:var(--desk-blue)}
.involvement-opening p{font-size:1.16rem;line-height:1.6;max-width:39ch}
.involvement-opening .invitation-es{font-size:1rem;font-weight:600;margin-top:1.6rem}
.involvement-opening figure{margin:0;background:#fff;overflow:hidden;border-radius:1.8rem;border:1px solid var(--desk-rule)}
.involvement-opening img{display:block;width:100%;height:auto;object-fit:contain}
.involvement-opening figcaption{padding:1.2rem 1.4rem;background:var(--desk-gold);font-size:1rem;line-height:1.45}
.involvement-desk{display:grid;grid-template-columns:minmax(240px,.78fr) minmax(0,1.9fr);gap:1.5rem;align-items:start;padding-bottom:4rem}
.involvement-index{background:var(--desk-blue);color:#fff;border-radius:1.5rem;padding:1.4rem;position:sticky;top:1rem}
.involvement-index h2{font-size:1.6rem;margin:.2rem 0 1.2rem;line-height:1.2}
.involvement-index>a{display:block;text-decoration:none;color:inherit;padding:1rem .9rem;border:1px solid #ffffff55;border-radius:.9rem;margin:.65rem 0;transition:background .15s ease,color .15s ease}
.involvement-index>a b{display:block;font-size:1.05rem;line-height:1.25}
.involvement-index>a span{display:block;font-size:.9rem;line-height:1.4;margin-top:.4rem}
.involvement-index>a:hover,.involvement-index>a[aria-current]{background:#fff;color:var(--desk-blue);border-color:white}
.involvement-index>a.browse-shelf{margin:1.1rem 0 0;padding:.8rem 0 0;border:none;border-top:1px solid #ffffff88;border-radius:0;font-size:.95rem;text-decoration:underline;text-underline-offset:4px;line-height:1.5;background:transparent;color:white}
.involvement-route{border:1px solid var(--desk-rule);border-radius:1.5rem;overflow:hidden;background:white;margin-bottom:1.5rem;scroll-margin-top:1rem}
.involvement-route[hidden]{display:none!important}
.route-top{background:#eef3ff;padding:2rem 2.2rem}
.route-top h2{font-size:clamp(2rem,3.1vw,3rem);line-height:1.08;margin:0 0 1rem;max-width:22ch}
.route-top p{font-size:1.12rem;line-height:1.65;margin:0;max-width:65ch}
.route-body{padding:2rem 2.2rem}
.route-body h3{font-size:1.35rem;margin:0 0 .8rem;line-height:1.2}
.roles-and-contact{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2.3rem;padding-bottom:1.8rem;border-bottom:1px solid var(--desk-rule)}
.roles-and-contact p,.roles-and-contact li{font-size:1rem;line-height:1.65}
.roles-and-contact ul{margin:0;padding-left:1.2rem}.roles-and-contact p{margin:0}
.action-sequence{counter-reset:move;list-style:none;padding:0;margin:0 0 2rem}
.action-sequence li{counter-increment:move;display:grid;grid-template-columns:2.2rem 1fr;gap:.9rem;font-size:1.08rem;line-height:1.65;margin:1rem 0}
.action-sequence li::before{content:counter(move);font-weight:700;font-size:1.25rem;color:var(--desk-blue);border-bottom:3px solid var(--desk-gold);height:2rem;text-align:center}
.ask-at-door{background:var(--desk-gold);margin:2rem 0 1.5rem;border-radius:1.1rem;padding:1.5rem 1.6rem;color:var(--desk-ink)}
.ask-at-door p{font-size:1.35rem;line-height:1.4;font-weight:600;margin:0 0 .8rem}
.ask-at-door footer{background:transparent!important;color:inherit;padding:0!important;margin:0!important;font-size:.9rem;border:none!important}
.commitment-check{border:1px solid var(--desk-rule);border-radius:.9rem;padding:1.1rem 1.3rem;margin-bottom:2rem;background:#fff}
.commitment-check summary{font-size:1.05rem;font-weight:600;cursor:pointer}.commitment-check p{font-size:1rem;line-height:1.7;margin-bottom:0}
.resource-doors{border:1px solid var(--desk-rule);border-radius:1rem;overflow:hidden}
.resource-door{display:block;padding:1.2rem 1.3rem;text-decoration:none;color:var(--desk-ink);background:white}
.resource-door+.resource-door{border-top:1px solid var(--desk-rule)}
.resource-door:hover{background:#f2f6ff}.resource-door strong{display:block;font-size:1.07rem;text-decoration:underline;text-underline-offset:4px;line-height:1.45;color:var(--desk-blue)}
.resource-door>span{display:block;font-size:.9rem;font-weight:600;margin-top:.6rem}.resource-door p{font-size:1rem;line-height:1.55;margin:.3rem 0 0}
.route-practice{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem;padding-top:1.3rem;border-top:1px solid var(--desk-rule)}
.route-practice p{flex-basis:100%;margin:0;font-size:1rem;font-weight:600}.route-practice a{font-size:1rem;font-weight:600;text-underline-offset:4px;color:var(--desk-blue)}
.first-move{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;border:2px solid var(--desk-blue);border-radius:1.7rem;padding:2.5rem;margin-bottom:3rem;scroll-margin-top:1rem}
.first-move h2{font-size:clamp(2.2rem,3.6vw,3.7rem);line-height:1.07;margin:0 0 1.2rem}
.first-move p{font-size:1.05rem;line-height:1.65}
.first-move details{border-top:1px solid var(--desk-rule);padding:1rem 0;margin-top:1rem}.first-move summary{font-size:1rem;font-weight:600;line-height:1.5;cursor:pointer}
.first-move form{background:#f0f4ff;padding:1.7rem;border-radius:1.2rem;min-width:0}
.first-move form>label,#move-result>label{display:block;font-size:1rem;font-weight:600;line-height:1.4;margin:1.1rem 0 .6rem}.first-move form>label:first-child{margin-top:0}
.first-move :is(input:not([type=radio]),select,textarea){width:100%;font:inherit;font-size:1rem;line-height:1.5;border:1px solid #8a9dbd;border-radius:.7rem;padding:.85rem;background:white;color:var(--desk-ink);max-width:100%}
.first-move textarea{resize:vertical}.first-move fieldset{border:0;padding:1rem 0;margin:.7rem 0;display:flex;flex-wrap:wrap;gap:1.5rem}.first-move legend{font-size:1rem;font-weight:600}.first-move fieldset label{display:flex;gap:.45rem;align-items:center;font-size:1rem}
.first-move input[type=radio]{width:1.1rem;height:1.1rem;accent-color:var(--desk-blue)}
.first-move .move-privacy{font-size:.9rem;line-height:1.5}.move-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}
.move-actions button{font:inherit;font-size:1rem;border:1px solid var(--desk-blue);color:var(--desk-blue);background:white;padding:.8rem 1rem;border-radius:.65rem;cursor:pointer}
.involvement-close{padding:0 1rem 3rem;max-width:48rem}.involvement-close h2{font-size:2rem;line-height:1.2}.involvement-close p{font-size:1.1rem;line-height:1.65}.involvement-close>a{display:inline-block;font-size:1rem;font-weight:600;margin:0 1.5rem 1rem 0;color:var(--desk-blue);text-underline-offset:4px}
/* Explanations sit in one connected spread, with a distinct place for the question. */
.meaning-desk{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.38fr);gap:0;border:1px solid var(--desk-rule);border-radius:1.5rem;margin-block:2.5rem;overflow:hidden;color:var(--desk-ink);background:white;padding:0!important}
.meaning-desk>header{grid-column:1/-1;padding:1.8rem 2rem;background:#f2f6ff;border-bottom:1px solid var(--desk-rule);display:flex;gap:2rem;align-items:end;justify-content:space-between}
.meaning-desk h2{font-size:clamp(1.8rem,2.7vw,2.6rem);line-height:1.15;max-width:24ch;margin:0}
.translation-switch{display:flex;flex-shrink:0;align-items:stretch;gap:0;background:white;border:1px solid #91a9d1;border-radius:.75rem;overflow:hidden}
.translation-switch button{font:inherit;font-size:.95rem;font-weight:600;line-height:1.4;padding:.8rem 1rem;border:none;background:white;color:var(--desk-blue);cursor:pointer}
.translation-switch button[aria-pressed=true]{background:var(--desk-blue);color:white}
.meaning-copy{padding:1.8rem 2rem;min-width:0}
.meaning-copy p{font-size:1.08rem;line-height:1.75;margin:0 0 1.2rem;max-width:69ch}
.meaning-terms{border-top:1px solid var(--desk-rule);padding-top:.5rem;margin:1.7rem 0 0}
.meaning-terms>div{display:grid;grid-template-columns:1fr 2fr;gap:1rem;padding:1rem 0;border-bottom:1px solid #dce4f0}.meaning-terms>div:last-child{border-bottom:0;padding-bottom:0}
.meaning-terms dt{font-size:1rem;line-height:1.5;font-weight:700;color:var(--desk-blue)}.meaning-terms dd{font-size:1rem;line-height:1.6;margin:0}
.meaning-question{background:var(--desk-gold);padding:1.8rem 1.6rem;align-self:stretch}
.meaning-question h3{font-size:1.45rem;line-height:1.2;margin:0 0 1rem}.meaning-question p{font-size:1.15rem;line-height:1.55;margin:0 0 1.5rem}.meaning-question a{font-size:1rem;line-height:1.5;font-weight:600;color:var(--desk-ink);text-underline-offset:4px;display:inline-block}
[data-translation-panel][hidden]{display:none!important}
.take-it-outside{display:grid;grid-template-columns:1.2fr 1fr;border:1px solid var(--desk-rule);border-radius:1.5rem;overflow:hidden;padding:0!important;margin-block:3rem;color:var(--desk-ink);background:white}
.action-assignment{padding:2rem}.action-assignment h2{font-size:clamp(2rem,2.8vw,2.8rem);line-height:1.14;margin:0 0 1.2rem}.action-assignment ol{padding-left:1.3rem;margin:0}.action-assignment li{font-size:1.05rem;line-height:1.65;padding:0 0 1rem .4rem}.action-assignment li::marker{color:var(--desk-blue);font-weight:700}
.pass-it-on{padding:2rem;background:#fbe3ec;border-left:1px solid var(--desk-rule)}.pass-it-on h3{font-size:1.25rem;line-height:1.3;margin:0 0 1.2rem}.pass-it-on blockquote{font-size:1.2rem;line-height:1.65;font-weight:600;margin:0 0 1.5rem}.pass-it-on details{border-top:1px solid #b6869c;padding-top:1rem}.pass-it-on summary{font-size:1rem;line-height:1.5;cursor:pointer;font-weight:600}.pass-it-on p{font-size:1rem;line-height:1.65}
.case-action-links{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:1.3rem;padding:1.5rem 2rem;border-top:1px solid var(--desk-rule)}.case-action-links>a{font-size:1rem;font-weight:600;text-underline-offset:4px}.case-action-links>a:not(.primary-action){color:var(--desk-blue)}
.archive-extension{padding:0 0 2rem}.archive-extension .meaning-desk,.archive-extension .take-it-outside{width:100%}
.case-chapter>.meaning-desk,.case-chapter>.take-it-outside{grid-template-columns:1fr;width:100%}.case-chapter>.meaning-desk>header{display:block}.case-chapter>.meaning-desk .translation-switch{margin-top:1rem;width:max-content;max-width:100%}.case-chapter>.take-it-outside .pass-it-on{border-left:0;border-top:1px solid var(--desk-rule)}.case-chapter>.meaning-desk .meaning-question{border-top:1px solid var(--desk-rule)}
.home-action-desk{display:grid;grid-template-columns:1fr 1.1fr;gap:2.5rem;align-items:center;margin-block:3rem;padding:2.2rem!important;border:1px solid var(--desk-rule);border-radius:1.5rem;background:white}
.home-action-desk h2{font-size:clamp(2.2rem,3.6vw,4rem);line-height:1.07;margin:0 0 1rem}.home-action-desk p{font-size:1.1rem;line-height:1.65}.home-action-desk nav{display:grid;background:var(--desk-gold);padding:1rem;border-radius:1.1rem}.home-action-desk nav a{padding:1rem;color:var(--desk-ink);font-size:1.15rem;text-decoration:none;font-weight:600;border-bottom:1px solid #ac8919}.home-action-desk nav a:last-child{border:0}.home-action-desk nav a:hover{text-decoration:underline;text-underline-offset:4px}.home-action-desk .text-link{color:var(--desk-blue)}
@media(max-width:1050px){.meaning-desk>header{display:block}.translation-switch{width:max-content;max-width:100%;margin-top:1.2rem}.involvement-desk{grid-template-columns:240px minmax(0,1fr)}.roles-and-contact{grid-template-columns:1fr;gap:1.3rem}.first-move{gap:1.5rem;padding:1.8rem}.route-top,.route-body{padding:1.5rem}.meaning-desk{grid-template-columns:minmax(0,1fr) 230px}}
@media(max-width:800px){.involvement-opening{grid-template-columns:1fr;gap:1.5rem}.involvement-opening h1{font-size:clamp(2.7rem,8vw,4.7rem)}.involvement-opening p{max-width:55ch}.involvement-opening figure{max-width:650px}.involvement-desk{grid-template-columns:1fr}.involvement-index{position:static;display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.involvement-index h2,.involvement-index .browse-shelf{grid-column:1/-1}.involvement-index>a{margin:0}.involvement-index h2{margin-bottom:.4rem}.first-move{grid-template-columns:1fr;gap:1.4rem}.meaning-desk{grid-template-columns:1fr}.meaning-question{border-top:1px solid var(--desk-rule)}.take-it-outside{grid-template-columns:1fr}.pass-it-on{border-left:0;border-top:1px solid var(--desk-rule)}.home-action-desk{grid-template-columns:1fr;gap:1rem}.case-action-links{gap:1.2rem}.meaning-copy p{max-width:none}}
@media(max-width:500px){.involvement-index{display:block;padding:1.1rem}.involvement-index>a{margin:.65rem 0;padding:.9rem}.route-top,.route-body{padding:1.25rem}.first-move{padding:1.25rem}.first-move form{padding:1.1rem}.meaning-desk>header,.meaning-copy,.meaning-question,.action-assignment,.pass-it-on{padding:1.3rem}.meaning-terms>div{grid-template-columns:1fr;gap:.25rem}.case-action-links{display:grid;padding:1.3rem}.case-action-links .primary-action{white-space:normal;text-align:center}.translation-switch button{font-size:.9rem;padding:.75rem .8rem}.home-action-desk{padding:1.4rem!important}.ask-at-door{padding:1.2rem}.ask-at-door p{font-size:1.2rem}}
@media(prefers-reduced-motion:reduce){.involvement-index>a{transition:none}}
@media print{.involvement-index,.translation-switch,.move-actions{display:none!important}.involvement-route[hidden],[data-translation-panel][hidden]{display:block!important}.involvement-desk,.first-move,.meaning-desk,.take-it-outside{display:block}.involvement-route,.meaning-desk,.take-it-outside{break-inside:auto}.meaning-question,.pass-it-on{background:white}.involvement-opening figure{max-width:300px}}