*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{color-scheme:light;--map:#e9e8dc;--panel:#f6f5ec;--field:#fbfaf3;--ink:#232d27;--soft:#697068;--line:#d3d3c3;--hair:#dedecf;--accent:#245741;--accent-2:#9a6a2f;--accent-2-text:#8b5b22;--complete:#3f6b4b;--danger:#a24f38;--scrim:hsla(54,36%,95%,.82)}@media (prefers-color-scheme:dark){:root:not([data-theme=sheet]){color-scheme:dark;--map:#111a1b;--panel:#182322;--field:#1c2927;--ink:#e2e8df;--soft:#98a29a;--line:#2c3835;--hair:#243230;--accent:#78b791;--accent-2:#c9a45f;--accent-2-text:#c9a45f;--complete:#6fbf84;--danger:#d9846b;--scrim:rgba(24,35,34,.78)}}:root[data-theme=plate]{color-scheme:dark;--map:#111a1b;--panel:#182322;--field:#1c2927;--ink:#e2e8df;--soft:#98a29a;--line:#2c3835;--hair:#243230;--accent:#78b791;--accent-2:#c9a45f;--accent-2-text:#c9a45f;--complete:#6fbf84;--danger:#d9846b;--scrim:rgba(24,35,34,.78)}*{box-sizing:border-box}html{min-width:20rem;background:var(--map);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}body{margin:0;min-height:100vh}a{color:inherit}:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.survey-shell{position:relative;isolation:isolate;min-height:100vh;overflow:hidden;background:var(--map)}.topo-map{position:fixed;inset:0;z-index:-2;width:100%;height:100%;background-image:var(--topo);background-repeat:repeat;background-size:1000px 1000px}:root,:root[data-topo="1"]{--topo:url(/topo/sheet-1.svg)}:root[data-topo="2"]{--topo:url(/topo/sheet-2.svg)}:root[data-topo="3"]{--topo:url(/topo/sheet-3.svg)}:root[data-topo="4"]{--topo:url(/topo/sheet-4.svg)}:root[data-topo="5"]{--topo:url(/topo/sheet-5.svg)}:root[data-topo="6"]{--topo:url(/topo/sheet-6.svg)}@media (prefers-color-scheme:dark){:root:not([data-theme=sheet]),:root:not([data-theme=sheet])[data-topo="1"]{--topo:url(/topo/plate-1.svg)}:root:not([data-theme=sheet])[data-topo="2"]{--topo:url(/topo/plate-2.svg)}:root:not([data-theme=sheet])[data-topo="3"]{--topo:url(/topo/plate-3.svg)}:root:not([data-theme=sheet])[data-topo="4"]{--topo:url(/topo/plate-4.svg)}:root:not([data-theme=sheet])[data-topo="5"]{--topo:url(/topo/plate-5.svg)}:root:not([data-theme=sheet])[data-topo="6"]{--topo:url(/topo/plate-6.svg)}}:root[data-theme=plate],:root[data-theme=plate][data-topo="1"]{--topo:url(/topo/plate-1.svg)}:root[data-theme=plate][data-topo="2"]{--topo:url(/topo/plate-2.svg)}:root[data-theme=plate][data-topo="3"]{--topo:url(/topo/plate-3.svg)}:root[data-theme=plate][data-topo="4"]{--topo:url(/topo/plate-4.svg)}:root[data-theme=plate][data-topo="5"]{--topo:url(/topo/plate-5.svg)}:root[data-theme=plate][data-topo="6"]{--topo:url(/topo/plate-6.svg)}.traverse{--traverse-mark:1.575rem;--traverse-size:0.6rem;margin:0;padding:1.25rem;list-style:none}.traverse-item{position:relative;display:grid;grid-template-columns:1rem 1fr;-moz-column-gap:.75rem;column-gap:.75rem;padding-bottom:1.15rem}.traverse-item:last-child{padding-bottom:0}.traverse-item:before{content:"";position:absolute;left:calc(.5rem - 1px);top:var(--traverse-mark);bottom:calc(var(--traverse-mark)*-1);width:2px;background-image:repeating-linear-gradient(to bottom,var(--accent) 0 3px,transparent 3px 7px);opacity:.5}.traverse-item:last-child:before{content:none}.traverse-mark{position:relative;grid-column:1;grid-row:2;align-self:start;justify-self:center;margin-top:.3rem;width:var(--traverse-size);height:var(--traverse-size);border:1.5px solid var(--accent);background:var(--panel);transform:rotate(45deg)}.traverse-station{grid-column:2;grid-row:1;color:var(--soft);font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;letter-spacing:.12em}.traverse-link{grid-column:2;grid-row:2;display:block;text-decoration:none}.traverse-link:hover{opacity:.8}.map-wash{position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,transparent,var(--scrim));pointer-events:none}.page-frame{width:min(75rem,calc(100% - 2rem));margin-inline:auto;padding-block:1rem 2rem}.instrument{border:1px solid var(--line);border-radius:.375rem;background:var(--panel);box-shadow:0 18px 36px -30px rgba(0,0,0,.65)}.instrument-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--hair);padding:.7rem 1rem;color:var(--soft);font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.66rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.skip-link{position:fixed;left:1rem;top:1rem;z-index:100;transform:translateY(-200%);border-radius:.35rem;background:var(--ink);padding:.65rem .9rem;color:var(--panel);font-weight:700}.skip-link:focus{transform:translateY(0)}.survey-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.6rem;border:0;border-radius:.35rem;background:var(--accent);padding:.65rem 1rem;color:#fff;cursor:pointer;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-decoration:none}.survey-button:hover{filter:brightness(1.08)}.survey-input{min-height:2.75rem;border:1px solid var(--line);border-radius:.35rem;background:var(--field);padding:.65rem .75rem;color:var(--ink);font:inherit}.survey-input::-moz-placeholder{color:var(--soft)}.survey-input::placeholder{color:var(--soft)}.mono-label{color:var(--soft);font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.category-tabs{display:none}.js .category-tabs{display:flex;flex-shrink:0;align-items:flex-end;gap:.3rem;overflow-x:auto;scrollbar-width:none}.js .category-tabs::-webkit-scrollbar{display:none}.category-tab{position:relative;display:inline-flex;align-items:center;gap:.45rem;margin-bottom:-1px;border:1px solid var(--line);border-radius:.45rem .45rem 0 0;background:var(--map);padding:.55rem .9rem;color:var(--soft);cursor:pointer;white-space:nowrap;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.category-tab[aria-pressed=true]{z-index:2;background:var(--panel);border-bottom-color:var(--panel);color:var(--ink)}.completion-dot{width:.45rem;height:.45rem;border:1px solid var(--soft);border-radius:999px}.completion-dot.is-complete{border-color:var(--accent);background:var(--accent)}.rating-scale{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.3rem}.rating-segment input{position:absolute;opacity:0;pointer-events:none}.rating-segment{position:relative}.rating-segment span{display:grid;min-height:3.7rem;place-content:center;border:1px solid var(--line);border-radius:.3rem;background:var(--field);cursor:pointer;text-align:center}.rating-segment b,.rating-segment small{display:block;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.rating-segment small{margin-top:.15rem;color:var(--soft);font-size:.55rem}.rating-segment input:checked+span{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--field));color:var(--accent)}.rating-segment input:focus-visible+span{outline:2px solid var(--accent-2);outline-offset:2px}.review-stamp{position:relative;display:inline-grid;width:2.15rem;height:2.15rem;place-content:center;border:1px solid var(--line);border-radius:999px;color:var(--soft);font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;font-weight:700}.review-stamp.is-reviewed{border-color:var(--accent);color:var(--accent)}.review-stamp span{position:absolute;right:-.15rem;bottom:-.1rem;display:grid;width:1rem;height:1rem;place-content:center;border-radius:999px;background:var(--accent);color:#fff;font-size:.65rem}.dashboard-grid{display:flex;flex-direction:column;gap:1.25rem}.dash-left{display:contents}.area-event{order:1}.area-traverse{order:2}.area-docs{order:3}@media (min-width:64rem){.dashboard-grid{flex-direction:row;align-items:flex-start}.dash-left{display:flex;flex:1.7 1 0;min-width:0;flex-direction:column;gap:1.25rem}.area-traverse{flex:1 1 0;min-width:0}}.card-link{display:block;transition:border-color .15s ease}.card-link:hover{border-color:var(--accent)}.doc-action{display:inline-grid;place-content:center;width:2.25rem;height:2.25rem;border:1px solid var(--line);border-radius:.4rem;background:var(--field);color:var(--ink);cursor:pointer;transition:border-color .15s ease,color .15s ease}.doc-action:hover{border-color:var(--accent);color:var(--accent)}.doc-action-danger:hover{border-color:var(--danger);color:var(--danger)}.doc-dialog{width:min(940px,92vw);height:min(85vh,1000px);padding:0;border:1px solid var(--line);border-radius:.6rem;background:var(--panel);color:var(--ink);overflow:hidden}.doc-dialog[open]{display:flex;flex-direction:column}.doc-dialog::backdrop{background:rgba(20,25,22,.55)}.doc-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--hair);padding:.7rem 1rem}.doc-dialog-frame{flex:1;width:100%;border:0;background:#fff}.hex-avatar{display:block}.hex-avatar.is-dim{opacity:.3}.hex-stack{position:relative;display:inline-flex}.hex-check{position:absolute;inset:0}.review-avatar{display:inline-flex;border-radius:.35rem}.review-avatar.is-pending{cursor:default}.review-avatar:not(.is-pending):hover .hex-avatar{opacity:.75}.theme-panel{display:none}.js .theme-panel{display:block}.theme-option{display:flex;align-items:flex-start;gap:.7rem;border:1px solid var(--line);padding:.7rem .85rem;cursor:pointer}.theme-option:hover{border-color:var(--accent-2)}.theme-option:has(input:checked){border-color:var(--accent);background:var(--field)}.theme-option input{margin-top:.15rem;accent-color:var(--accent)}.theme-option-name{display:block;font-weight:600;line-height:1.3}.theme-option-note{display:block;margin-top:.1rem;font-size:.78rem;color:var(--soft)}.avatar-menu{position:relative}.avatar-summary{display:inline-flex;align-items:center;gap:.6rem;cursor:pointer;list-style:none}.avatar-summary::-webkit-details-marker{display:none}.avatar-dropdown{position:absolute;right:0;top:calc(100% + .5rem);z-index:30;min-width:11rem;padding-bottom:.35rem}.avatar-dropdown-item{display:block;width:100%;border:0;background:transparent;padding:.55rem .75rem;color:var(--ink);cursor:pointer;font:inherit;text-align:left}.avatar-dropdown-item:hover{background:color-mix(in srgb,var(--accent) 14%,transparent)}.visible{visibility:visible}.relative{position:relative}.isolate{isolation:isolate}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.ml-auto{margin-left:auto}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-8{height:2rem}.min-h-24{min-height:6rem}.min-h-28{min-height:7rem}.min-h-36{min-height:9rem}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.shrink-0{flex-shrink:0}.scroll-mt-24{scroll-margin-top:6rem}.list-none{list-style-type:none}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.self-start{align-self:flex-start}.self-center{align-self:center}.justify-self-start{justify-self:start}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.border{border-width:1px}.border-0{border-width:0}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[var\(--danger\)\]{border-color:var(--danger)}.border-\[var\(--hair\)\]{border-color:var(--hair)}.border-\[var\(--line\)\]{border-color:var(--line)}.\!bg-\[var\(--danger\)\]{background-color:var(--danger)!important}.\!bg-\[var\(--soft\)\]{background-color:var(--soft)!important}.bg-\[var\(--panel\)\]{background-color:var(--panel)}.bg-transparent{background-color:transparent}.p-0{padding:0}.p-1{padding:.25rem}.p-12{padding:3rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-2{padding-bottom:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.text-center{text-align:center}.font-mono{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.font-reading{font-family:Iowan Old Style,Palatino Linotype,Georgia,serif}.font-sans{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[0\.62rem\]{font-size:.62rem}.text-\[0\.7rem\]{font-size:.7rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.italic{font-style:italic}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.leading-none{line-height:1}.tracking-\[0\.08em\]{letter-spacing:.08em}.tracking-\[0\.3em\]{letter-spacing:.3em}.\!text-\[var\(--accent\)\]{color:var(--accent)!important}.\!text-\[var\(--danger\)\]{color:var(--danger)!important}.text-\[var\(--accent\)\]{color:var(--accent)}.text-\[var\(--accent-2-text\)\]{color:var(--accent-2-text)}.text-\[var\(--danger\)\]{color:var(--danger)}.text-\[var\(--ink\)\]{color:var(--ink)}.text-\[var\(--soft\)\]{color:var(--soft)}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (max-width:48rem){.page-frame{width:min(100% - 1rem,75rem);padding-top:.5rem}.rating-scale{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important}}.placeholder\:font-sans::-moz-placeholder{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.placeholder\:font-sans::placeholder{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.placeholder\:text-base::-moz-placeholder{font-size:1rem;line-height:1.5rem}.placeholder\:text-base::placeholder{font-size:1rem;line-height:1.5rem}.placeholder\:italic::-moz-placeholder{font-style:italic}.placeholder\:italic::placeholder{font-style:italic}.last\:border-0:last-child{border-width:0}.last\:border-b-0:last-child{border-bottom-width:0}@media (min-width:640px){.sm\:inline{display:inline}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.sm\:grid-cols-\[5rem_1fr_auto\]{grid-template-columns:5rem 1fr auto}.sm\:p-7{padding:1.75rem}.sm\:p-8{padding:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:sticky{position:sticky}.lg\:top-4{top:1rem}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-\[1\.35fr_1fr\]{grid-template-columns:1.35fr 1fr}.lg\:grid-cols-\[minmax\(0\2c 1fr\)_16rem\]{grid-template-columns:minmax(0,1fr) 16rem}}/* =========================================================================== V.E.T. demo skin — "Basecamp" (light) with "Night Camp" (dark). --------------------------------------------------------------------------- Appended AFTER the compiled Tailwind stylesheet by vet/build.sh, so these rules win the cascade without touching src/ or styles/. The Worker code is byte-identical to production; only this stylesheet and the assets beside it differ. Basecamp is the Field Manual skin (design/skin-field-manual.html) with its paper swapped for V.E.T. cream, ink and action moved to patch navy, and the logo's sunrise stripes carried as a thin tri-stripe rule under the masthead. Hence: squared corners, hairline navy rules, no drop shadows, no contour art. Palette sampled from the V.E.T. patch (vetxtherapy.org): patch navy #28306f · deep navy #1e2455 · cream #fefde9 sun gold #e9c826 · amber #e89d26 · flare #e45b26 Gold, amber and flare appear ONLY in the masthead stripe — that restraint is the whole idea. Everything else is navy on cream. =========================================================================== */ :root { color-scheme: light; /* The ground is a shade of the cream so the cards read as sheets laid on a desk rather than dissolving into the page; the cards get the cream itself. */ --map: #f4efd8; --panel: #fefde9; --field: #fffef4; --ink: #1e2455; --soft: #6e7295; --line: #28306f; --hair: #ddd5b5; --accent: #28306f; --accent-2: #1e2455; --accent-2-text: #28306f; --complete: #2f6b45; --danger: #e45b26; --scrim: rgb(244 239 216 / 85%); /* Unsubmitted members: tan, so the navy ones read as the signal. */ --hex-dim: #e6dfc1; --hex-dim-edge: #d5cca6; --hex-dim-ink: #8a8567; } @media (prefers-color-scheme: dark) { :root:not([data-theme="sheet"]) { color-scheme: dark; --map: #1a1f4a; --panel: #28306f; --field: #2d3679; --ink: #fefde9; --soft: #a8ade0; --line: #c7cbe8; --hair: #3f4789; --accent: #e9c826; --accent-2: #e9c826; --accent-2-text: #edd05a; --complete: #7fc48f; --danger: #f0855c; --scrim: rgb(26 31 74 / 82%); --hex-dim: #353d84; --hex-dim-edge: #464f9c; --hex-dim-ink: #9ba1d6; } } :root[data-theme="plate"] { color-scheme: dark; --map: #1a1f4a; --panel: #28306f; --field: #2d3679; --ink: #fefde9; --soft: #a8ade0; --line: #c7cbe8; --hair: #3f4789; --accent: #e9c826; --accent-2: #e9c826; --accent-2-text: #edd05a; --complete: #7fc48f; --danger: #f0855c; --scrim: rgb(26 31 74 / 82%); --hex-dim: #353d84; --hex-dim-edge: #464f9c; --hex-dim-ink: #9ba1d6; } /* Flat cream ground — the survey contour art belongs to the other brand. display:none also stops the tile from being fetched. */ .topo-map, .map-wash { display: none; } /* --- Squared geometry ---------------------------------------------------- */ /* Field Manual draws everything as a ruled form, so nothing is rounded. The round status dots and stamps are left alone: they read as marks, not boxes. */ .instrument, .survey-button, .survey-input, .survey-nav-link, .category-tab, .doc-action, .doc-dialog, .rating-segment span, .skip-link { border-radius: 0; } /* Cards are ruled sheets: a hairline navy border, no lift, no shadow. */ .instrument { border: 1.5px solid var(--line); box-shadow: none; } .instrument-title { border-bottom: 1.5px solid var(--line); } /* The left-hand label names the panel and carries full ink; the right-hand one is a reference number and stays quiet. */ .instrument-title > :first-child { color: var(--ink); } .instrument-title > :last-child { color: var(--soft); } /* Headings set as bold uppercase sans, matching the mockup's "AUGUST MEETING" — the reading serif belongs to the Survey Sheet skin. Scoped to heading elements: .font-reading also dresses body prose, which should stay sentence case and stay readable. */ .page-frame :is(h1, h2, h3).font-reading { font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif; font-weight: 700; letter-spacing: 0.01em; text-transform: uppercase; } /* --- Masthead: V.E.T. patch, then the sunrise rule ----------------------- */ /* The logo replaces the Journeymen mark. Matched on the label's suffix, not the whole string: the group name in it is now BRAND_NAME, so an exact match would silently drop the logo the next time that variable changes. */ header.instrument a[aria-label$="dashboard"] svg, header.instrument a[aria-label$="dashboard"] span { display: none; } header.instrument a[aria-label$="dashboard"]::before { content: ""; display: block; width: 74px; height: 44px; background: url("/vet-logo.webp") center/contain no-repeat; } /* The masthead is a ruled edge, not a card: it drops the panel background and border so the tri-stripe below it spans the full width of the page frame. The three box-shadows are the stripe — each draws the element's own box shifted down, so only a 2px band of each stays visible. */ header.instrument { border: 0; border-bottom: 2px solid var(--line); background: transparent; box-shadow: 0 2px 0 0 #e9c826, 0 4px 0 0 #e89d26, 0 6px 0 0 #e45b26; margin-bottom: 2.5rem; padding-inline: 0; } /* --- Hexagon avatars: filled patches, not outlines ----------------------- */ .hex-avatar path { fill: var(--accent); stroke: var(--accent); } .hex-avatar text { fill: var(--panel); } .hex-avatar.is-dim path { fill: var(--hex-dim); stroke: var(--hex-dim-edge); } .hex-avatar.is-dim text { fill: var(--hex-dim-ink); } /* Buttons: navy on cream in daylight, sun-gold on navy at night. */ .survey-button { background: var(--accent); color: var(--panel); border-color: var(--accent); } :root[data-theme="plate"] .survey-button { color: #1a1f4a; } @media (prefers-color-scheme: dark) { :root:not([data-theme="sheet"]) .survey-button { color: #1a1f4a; } } /* --- Footer: Powered by Men's Peer Groups -------------------------------- */ /* The two production spans are kept in place for their layout and relabelled through their own pseudo-elements — the skin can restyle the page but never edits the markup that produced it. */ .page-frame > footer { justify-content: space-between; align-items: center; border-top: 1.5px solid var(--line); } .page-frame > footer > span { font-size: 0; } .page-frame > footer > span::after { font-size: 0.62rem; letter-spacing: 0.1em; } .page-frame > footer > span:first-child { display: inline-flex; align-items: center; gap: 0.5rem; } .page-frame > footer > span:first-child::before { content: ""; width: 22px; height: 22px; flex-shrink: 0; background: url("/mpg-logo.png") center/contain no-repeat; } .page-frame > footer > span:first-child::after { content: "POWERED BY MEN'S PEER GROUPS"; } .page-frame > footer > span:last-child::after { content: "V.E.T. FIELD SYSTEM · REV 1"; }