/* An observation bench: red shop markings, cream paper, useful human words. */
.work-order{position:relative;padding:112px var(--gutter) 116px;background:var(--cream);border-bottom:1px solid #19171240;overflow:hidden;--wo-turn:-36deg}
.work-order::before{content:"";position:absolute;inset:0;pointer-events:none;background:url('assets/cream-brick-wall.webp') center/1100px auto;opacity:.065;mix-blend-mode:multiply}
.wo-layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,112px);max-width:1720px;margin:auto;align-items:start}
.wo-intro>.section-label{margin:0 0 24px;display:flex;align-items:center;gap:14px}
.wo-intro>.section-label::before{content:"";width:28px;height:3px;background:var(--red)}
.wo-heading{font:400 clamp(70px,7.1vw,142px)/.98 'Pit Display',Impact,sans-serif;letter-spacing:-.035em;margin:0 0 4px;max-width:650px}
.wo-heading span{display:block}
.wo-hand{color:var(--red);font-size:clamp(30px,3.1vw,53px);transform:rotate(-5deg);margin:16px 0 34px 34px}
.wo-lead{font-size:17px;max-width:430px;margin:0 0 28px}
.wo-fieldset{margin:0;padding:0;border:0;min-width:0}
.wo-fieldset legend{font:700 13px/1.4 'Pit Sans',sans-serif;letter-spacing:.025em;margin:0 0 13px;padding:0}
.wo-categories{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #19171255;border-left:1px solid #19171255;margin-bottom:26px}
.wo-category{position:relative;display:flex;align-items:center;min-height:65px;gap:9px;padding:13px 14px;border-right:1px solid #19171255;border-bottom:1px solid #19171255;cursor:pointer;font-size:16px;font-weight:700;transition:color .2s,background .2s}
.wo-category input{position:absolute;width:1px;height:1px;opacity:0}
.wo-category:has(input:checked){background:var(--ink);color:var(--cream)}
.wo-category:has(input:focus-visible){outline:3px solid var(--red);outline-offset:4px;z-index:1}
.wo-category-index{font:400 19px 'Pit Display',Impact,sans-serif;color:var(--red);margin-right:3px}
.wo-category:has(input:checked) .wo-category-index{color:#ee7658}
.wo-category-count{margin-left:auto;font-size:11px;border:1px solid currentColor;border-radius:50%;min-width:19px;line-height:17px;text-align:center}
.wo-category-count:empty{display:none}
.wo-observations{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;margin-bottom:24px;min-height:104px}
.wo-choice{display:flex;position:relative;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #19171230;cursor:pointer;font-size:15px;line-height:1.35}
.wo-choice input{appearance:none;width:19px;height:19px;margin:0;flex:0 0 19px;border:1px solid var(--ink);background:transparent;display:grid;place-items:center;cursor:pointer}
.wo-choice input:checked{background:var(--red);border-color:var(--red)}
.wo-choice input:checked::after{content:"";width:8px;height:4px;border-left:2px solid var(--cream);border-bottom:2px solid var(--cream);transform:translateY(-1px) rotate(-45deg)}
.wo-choice-mark{display:none}
.wo-when{display:flex;flex-wrap:wrap;gap:8px}
.wo-when label{position:relative;cursor:pointer}
.wo-when input{position:absolute;opacity:0;width:1px;height:1px}
.wo-when span{display:block;padding:7px 11px;border:1px solid #19171266;font-size:13px;line-height:1.4;transition:background .2s,color .2s}
.wo-when input:checked+span{color:var(--cream);background:var(--red);border-color:var(--red)}
.wo-when input:focus-visible+span{outline:3px solid var(--red);outline-offset:4px}
.wo-desk{position:relative;padding:46px 30px 31px;background:#292820;box-shadow:inset 0 0 100px #0006,0 12px 20px #19171213;transform:rotate(1.3deg);margin-top:29px}
.wo-desk::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(102deg,transparent 0 39px,#f2e7ce08 40px,transparent 41px 88px),linear-gradient(16deg,transparent 53%,#f2e7ce13 53.1%,transparent 53.5%);border:1px solid #15140e}
.wo-desk-label{position:absolute;left:30px;top:13px;color:#d2c7ab;font:700 10px 'Pit Sans',sans-serif;letter-spacing:.18em}
.wo-docket{position:relative;transform:rotate(-2deg);padding:31px 29px 27px;background:#f7eed8;box-shadow:2px 8px 5px #0003;isolation:isolate}
.wo-docket::before{content:"";position:absolute;width:69px;height:23px;background:linear-gradient(100deg,#77776c,#cbcbc1 30%,#77786e 67%,#acaca0);border:2px solid #4b4c43;box-shadow:1px 3px 3px #0005;top:-12px;left:calc(50% - 34px);transform:rotate(2deg);z-index:2}
.wo-docket::after{content:"";position:absolute;bottom:-6px;left:0;right:0;height:7px;background:linear-gradient(135deg,#f7eed8 25%,transparent 25%) -5px 0/10px 10px,linear-gradient(225deg,#f7eed8 25%,transparent 25%) -5px 0/10px 10px}
.wo-paper-top{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid var(--ink);padding-bottom:15px;gap:10px}
.wo-paper-logo{font:400 38px/.9 'Pit Display',Impact,sans-serif;letter-spacing:-.04em}
.wo-paper-type{font:700 10px/1.5 'Pit Sans',sans-serif;letter-spacing:.12em;text-align:right}
.wo-paper-title{font:400 clamp(34px,3vw,49px)/1 'Pit Display',Impact,sans-serif;letter-spacing:-.02em;margin:24px 0 13px}
.wo-paper-aside{font-size:13px;line-height:1.5;max-width:280px;margin:0 0 19px}
.wo-note-label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}
.wo-note{display:block;resize:vertical;width:100%;min-height:191px;max-height:420px;margin:0;padding:9px 11px;color:var(--ink);font:16px/27px 'Pit Sans',sans-serif;background:repeating-linear-gradient(transparent 0 26px,#b6a98e66 26px 27px) 0 10px/100% 27px;border:1px solid #9f9277;border-radius:0;scrollbar-color:var(--red) #e1d4b7;scrollbar-width:thin}
.wo-note::placeholder{color:#675f4e;opacity:1}
.wo-note:focus{background-color:#fff9e9}
.wo-note-meta{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:8px}
.wo-note-count{font-size:10px;color:#655c4a;letter-spacing:.06em}
.wo-text-button{background:none;padding:5px 0;font-size:12px;text-decoration:underline;text-underline-offset:3px}
.wo-paper-tools{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:16px 0 20px;min-height:59px}
.wo-stamp{display:block;color:var(--red);border:2px solid currentColor;padding:8px 9px 6px;font:400 clamp(19px,2vw,26px)/1 'Pit Display',Impact,sans-serif;letter-spacing:.035em;transform:rotate(-8deg);transition:transform .4s var(--ease)}
.wo-has-note .wo-stamp{transform:rotate(-4deg)}
.wo-gauge{width:64px;height:54px;flex:none;color:var(--red)}
.wo-gauge .wo-needle{transform:rotate(var(--wo-turn));transform-origin:32px 36px;transition:transform .55s var(--ease)}
.wo-add{width:100%;min-height:56px;padding:17px 18px;font-size:16px}
.wo-add:disabled{cursor:default;background:#d4c9b1;color:#615947;box-shadow:none}
.wo-local{font-size:11px;line-height:1.5;margin:12px 0 0;color:#625846}
.wo-status{font-size:12px;line-height:1.45;margin:10px 0 0;color:var(--red)}
.wo-status:empty{display:none}
#booking-import-status:empty{display:none}
.wo-prep{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:14px;margin:28px 0 0;padding:0 4px;color:var(--cream);transform:rotate(-1.3deg)}
.wo-prep-title{font:400 27px/.95 'Pit Hand',Georgia,serif;transform:rotate(-5deg);max-width:90px;margin:2px 0}
.wo-prep-list{list-style:none;margin:0;padding:0;font-size:12px;line-height:1.8;color:#d7cbb0}
.wo-prep-list li::before{content:"↗";display:inline-block;width:21px;color:#ed7454}
@media(min-width:1900px){.wo-desk{padding:54px 40px 35px}.wo-docket{padding:38px 36px 30px}.wo-note{min-height:219px}.wo-lead{font-size:20px;max-width:480px}.wo-category{font-size:18px}.wo-choice{font-size:17px}.wo-when span{font-size:15px}.wo-paper-aside{font-size:15px;max-width:340px}.wo-paper-type{font-size:12px}}
@media(max-width:1050px){.work-order{padding-top:82px;padding-bottom:88px}.wo-layout{gap:32px}.wo-heading{font-size:clamp(65px,8.3vw,95px)}.wo-hand{font-size:33px;margin-left:15px}.wo-category{font-size:14px;padding:12px 10px;gap:6px}.wo-category-index{font-size:16px}.wo-observations{grid-template-columns:1fr;min-height:188px;margin-bottom:20px}.wo-desk{padding:42px 20px 26px;margin-top:58px}.wo-docket{padding:28px 20px 23px}.wo-paper-logo{font-size:33px}.wo-paper-type{font-size:9px}.wo-note{min-height:218px}.wo-prep{gap:10px}.wo-prep-title{font-size:25px;max-width:75px}.wo-prep-list{font-size:11px}}
@media(max-width:700px){.work-order{padding:68px var(--gutter) 76px}.wo-layout{grid-template-columns:1fr;gap:32px}.wo-heading{font-size:clamp(69px,18.4vw,113px);line-height:.97;letter-spacing:-.025em}.wo-hand{font-size:35px;margin:16px 0 25px 28px}.wo-lead{font-size:16px;margin-bottom:25px}.wo-category{font-size:15px;min-height:61px;padding:13px 12px}.wo-observations{grid-template-columns:1fr 1fr;min-height:108px;gap:0 15px}.wo-choice{font-size:14px;gap:8px}.wo-desk{margin:3px 2px 0;padding:43px 21px 28px;transform:rotate(.8deg)}.wo-docket{padding:29px 20px 23px;transform:rotate(-1.5deg)}.wo-paper-title{font-size:39px}.wo-note{min-height:218px;font-size:16px}.wo-paper-aside{font-size:13px}.wo-stamp{font-size:22px}.wo-prep-list{font-size:12px}.wo-prep-title{font-size:29px;max-width:82px}.wo-prep{margin-top:29px}.wo-intro>.section-label{font-size:10px;letter-spacing:.12em}.wo-when span{padding:8px 10px}}
@media(max-width:370px){.wo-categories{grid-template-columns:1fr}.wo-observations{grid-template-columns:1fr}.wo-desk{padding-left:14px;padding-right:14px}.wo-docket{padding-left:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){.work-order *{transition:none!important;animation:none!important}}
html[data-motion=quiet] .work-order *{transition:none!important;animation:none!important}
@media(forced-colors:active){.wo-category:has(input:checked),.wo-when input:checked+span{outline:2px solid Highlight}.wo-choice input{appearance:auto}.wo-choice input:checked::after{display:none}.wo-note{background:Canvas}.wo-docket,.wo-desk{border:1px solid CanvasText}.wo-add:disabled{color:GrayText}}