/* A shared visual rhythm for application chrome; source and media coordinates keep their own rules. */
:root{--c-p-space-1:.25rem;--c-p-space-2:.5rem;--c-p-space-3:.75rem;--c-p-space-4:1rem;--c-p-space-6:1.5rem;--c-p-radius:10px}
html[data-c-layout-spacing=compact]{--c-p-space-2:.375rem;--c-p-space-3:.5rem;--c-p-space-4:.75rem;--c-p-space-6:1rem}
html[data-c-layout-spacing=comfortable]{--c-p-space-2:.625rem;--c-p-space-3:1rem;--c-p-space-4:1.25rem;--c-p-space-6:1.75rem}
.strip.topbar{padding:var(--c-p-space-2) var(--c-p-space-3);gap:var(--c-p-space-2);border-radius:var(--c-p-radius);box-shadow:0 2px 5px #152c2110}
.strip .right{column-gap:var(--c-p-space-2);row-gap:var(--c-p-space-1)}
.side{gap:var(--c-p-space-2)}.side-head{padding-bottom:var(--c-p-space-2)}
.side-sec + .side-sec{border-top:1px solid var(--hair,#d5d9d6);padding-top:var(--c-p-space-1)}
.side-sec .side-t{padding:0;text-transform:none;letter-spacing:.015em}
.side-a{line-height:1.35}.side-a.on{background:var(--accent-soft);color:var(--ink);box-shadow:inset 3px 0 var(--accent);font-weight:650}
.side-a.on .n{box-shadow:none}.side-sub{margin-block:var(--c-p-space-1);margin-inline-start:.9rem}
.side-sub .side-a{white-space:normal}.side-sub .lb{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}
.c-presentation-nav-toggle,.c-presentation-toggle{font:inherit;cursor:pointer;background:transparent;color:var(--muted,var(--ink,#37463b));border:0;border-radius:6px;display:inline-flex;align-items:center;gap:.5rem;line-height:1.35;margin:0;padding:.45rem .6rem;text-align:start}
.c-presentation-nav-toggle{width:100%;font-size:.76rem;font-weight:650;justify-content:flex-start;min-height:36px}
.c-presentation-nav-toggle:hover,.c-presentation-toggle:hover{background:var(--accent-soft,var(--green-soft,#e9f0e9));color:var(--ink,#263b30)}
.c-presentation-nav-toggle:focus-visible,.c-presentation-toggle:focus-visible,.c-presentation-settings>summary:focus-visible{outline:2px solid var(--accent,var(--green,#245a48));outline-offset:2px}
.c-presentation-chevron{flex:none;width:.45rem;height:.45rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);margin-inline-end:.2rem;transition:transform .12s}
[aria-expanded=true]>.c-presentation-chevron{transform:rotate(45deg) translateY(-.1rem)}
.c-presentation-toggle{font-size:.73rem;font-weight:500;float:right;max-width:100%;margin-inline-start:.6rem;border:1px solid var(--hair,var(--line,#c9d2cb));background:var(--panel,var(--white,#fff))}
main > .card > h2:first-child{margin-top:0;padding-bottom:var(--c-p-space-2);border-bottom:1px solid var(--hair,#d5d9d6);line-height:1.45}
main > h1{margin-bottom:var(--c-p-space-4)}
/* Shared actions are grouped visually; their existing order, Tab sequence and handlers are retained. */
:is(.project-strip,.preservation-bar,.workspace-toolbar,.work-tabs,.form-actions,.draft-actions){gap:var(--c-p-space-2);row-gap:var(--c-p-space-2)}
:is(.preservation-bar,.workspace-toolbar,.project-strip){padding-block:var(--c-p-space-3)}
.masthead-end,.sm-masthead nav,.reader-header nav,.journey-guide-header nav{gap:var(--c-p-space-3)}
.work-heading{padding-bottom:var(--c-p-space-3)}.work-heading h2{line-height:1.3}
.c-presentation-settings{border:1px solid var(--hair,#c9d2cb);border-radius:8px;margin:.75rem 0;padding:0 .75rem;background:var(--panel,#fff)}
#c-layout-dialog .c-presentation-settings>summary{font-size:.87rem;font-weight:650;list-style:none;display:flex;align-items:center;gap:.6rem;min-height:44px;padding:.6rem 0;cursor:pointer;color:var(--ink)}
.c-presentation-settings>summary::-webkit-details-marker{display:none}
#c-layout-dialog .c-presentation-settings>summary::before{content:'›';font-size:1.2rem;line-height:1;transform:rotate(0);width:.55rem;color:var(--accent)}
#c-layout-dialog .c-presentation-settings[open]>summary::before{transform:rotate(90deg)}
#c-layout-dialog .c-presentation-settings[open]>summary{border-bottom:1px solid var(--hair);margin-bottom:.35rem}
#c-layout-dialog .c-layout-settings{gap:.3rem .75rem;padding-bottom:.5rem}
#c-layout-dialog .c-layout-panel-control{padding:.5rem 0;gap:.15rem .6rem;margin:0}
#c-layout-dialog .c-layout-panel-control:first-child{border-top:0}
#c-layout-dialog .c-layout-panel-control small:empty{display:none}
#c-layout-dialog .c-layout-panel-control input[type=range]{height:28px}
.c-presentation-visibility{padding:0 .75rem .5rem}.c-presentation-actions{display:flex;flex-wrap:wrap;gap:.4rem}
#c-layout-dialog .c-presentation-visibility h3{margin:.6rem 0 .25rem}.c-presentation-visibility p{margin:.35rem 0}
#c-layout-dialog footer{border-top:1px solid var(--hair);padding-top:.7rem;gap:.4rem}
@media screen{[data-c-presentation-hidden=true]{display:none!important}}
@media(min-width:801px){body.side-fold .side .side-sec>.side-a[data-c-presentation-hidden=true]{display:flex!important}body.side-fold .side .side-sec>.side-sub{display:none!important}}
@media(max-width:600px){.c-presentation-toggle{float:none;margin:.4rem 0 0;display:flex;width:max-content}.c-presentation-actions>button{flex:1 1 180px}.strip.topbar{border-radius:8px}.side-sub .side-a{font-size:.9rem}}
@media(pointer:coarse){.c-presentation-nav-toggle,.c-presentation-toggle{min-height:44px}.c-presentation-settings>summary{min-height:48px}#c-layout-dialog .c-layout-panel-control input[type=range]{height:40px}}
@media(prefers-reduced-motion:reduce){.c-presentation-chevron{transition:none}}
@media print{.c-presentation-nav-toggle,.c-presentation-toggle,.side{display:none!important}.strip.topbar{box-shadow:none}}
/* Course destination search uses existing safe local navigation links. */
#c-find-open{white-space:nowrap;font-size:.8rem;padding:.45rem .65rem;margin:0}
#c-find-dialog{width:min(600px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);box-sizing:border-box;padding:1rem;border:1px solid var(--hair);border-radius:12px;background:var(--panel);color:var(--ink);box-shadow:0 15px 70px #0004;font:inherit;overflow:auto;z-index:20010}
#c-find-dialog::backdrop{background:#10182066}#c-find-dialog header{display:flex;justify-content:space-between;align-items:center;gap:.8rem}#c-find-dialog h2{font-size:1.1rem;margin:0}#c-find-dialog label{display:block;font-size:.85rem;margin:.8rem 0 .3rem}#c-find-dialog input{width:100%;box-sizing:border-box;margin:0}#c-find-dialog .muted{font-size:.8rem;line-height:1.4}
#c-find-results{display:grid;gap:.3rem;max-height:min(55dvh,28rem);overflow:auto;overscroll-behavior:contain}.c-find-result{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem .7rem;border:1px solid var(--hair);border-radius:7px;text-decoration:none;color:var(--ink);font-size:.9rem;line-height:1.4}.c-find-result:hover,.c-find-result:focus-visible{background:var(--accent-soft);outline:2px solid var(--accent);outline-offset:-2px}.c-find-result>span{min-width:0;overflow-wrap:anywhere}.c-find-result>small{flex:none;color:var(--muted);font-size:.72rem}
@media(max-width:600px){#c-find-dialog{padding:.75rem}.c-find-result{gap:.5rem}.c-find-result>small{max-width:30%;text-align:end}}
@media print{#c-find-open,#c-find-dialog{display:none!important}}