.demo-page{padding-block:42px 70px}.demo-breadcrumb{font-size:15px;margin-bottom:32px}.demo-intro{display:grid;grid-template-columns:1.6fr 1fr;gap:60px;align-items:center;margin-bottom:40px}.demo-intro h1{font:clamp(40px,5vw,68px)/1.1 Georgia,serif;letter-spacing:-1.5px;margin:18px 0}.demo-intro .lead{font-size:21px;line-height:1.55;margin-bottom:18px}.demo-intro img{width:100%;height:auto;display:block}.demo-intro figcaption{font-size:12px;margin-top:10px}.demo-intro figure{margin:0}.demo-block{border-top:1px solid #c7d0bf;padding-top:30px;margin-top:34px;scroll-margin-top:24px}.demo-block h2{font:34px/1.2 Georgia,serif;margin-bottom:20px}.demo-block>p{margin-block:16px;max-width:76ch}.role-chooser{display:flex;gap:12px;flex-wrap:wrap;margin-block:22px}.role-chooser a[aria-current="true"]{background:#1c3029;color:#f5f5ef;border-color:#1c3029}.role-status{padding:16px 20px;background:#e8eddc;border-left:3px solid #6d8950;max-width:80ch;font-size:17px}.role-sheets{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;align-items:start}.role-sheets details{min-width:0;background:white;border:1px solid #c4ceba}.role-sheets:has(details[hidden]){grid-template-columns:1fr}.role-sheets summary{font:26px/1.35 Georgia,serif;cursor:pointer;min-height:64px;padding:20px}.role-content{padding:0 24px 24px;overflow-wrap:anywhere}.role-content p{margin-bottom:20px}.role-content li{margin-block:12px}.role-content table{border-collapse:collapse;width:100%;font-size:16px;margin-bottom:24px}.role-content th,.role-content td{border-bottom:1px solid #d4d9cd;text-align:left;padding:11px 8px;vertical-align:top}.role-content th{font-weight:600}.table-scroll{overflow-x:auto;max-width:100%;border:1px solid #e0e4d7;padding-inline:6px}.answer-grid{display:grid;gap:18px;margin:24px 0}.answer-grid.trays{grid-template-columns:repeat(4,1fr)}.answer-grid.cabinet{grid-template-columns:repeat(3,1fr)}.answer-grid.trains{grid-template-columns:repeat(3,1fr)}.answer-grid label{display:grid;gap:10px;font-size:16px}.answer-grid select,.answer-grid input{font:18px/1.4 Arial,sans-serif;width:100%;min-width:0;min-height:54px;background:white;color:#1c3029;border:1px solid #7e8c73;border-radius:3px;padding:10px}.case-answer{padding:24px;background:#eef0e6;border:1px solid #cbd4c0}.case-answer>p{font-size:16px}.case-answer-actions{display:flex;flex-wrap:wrap;gap:14px}.answer-feedback{font-size:18px;min-height:32px;margin-top:18px}.answer-feedback[data-result="correct"]{background:#e0edc7;border-left:4px solid #3d6b28;padding:16px}.answer-feedback[data-result="incorrect"],.answer-feedback[data-result="duplicate"],.answer-feedback[data-result="incomplete"]{background:#fff5e3;border-left:4px solid #986b31;padding:16px}.demo-hints details{border-bottom:1px solid #cbd4c0;padding-block:18px}.demo-hints summary{cursor:pointer;min-height:40px;font-size:19px}.demo-hints details p{margin-top:15px;max-width:78ch}.demo-next{background:#edf4e4;color:#233f3c;border:1px solid #cadbbd;padding:36px;margin-top:42px}.demo-next h2{font:40px/1.1 Georgia,serif;margin-bottom:22px}.demo-next p{max-width:65ch;margin-bottom:20px}.demo-next .button{margin-block:12px}.demo-next a:not(.button){text-decoration:underline;text-underline-offset:5px}.demo-next .small-copy{color:#425b45}.demo-small{font-size:15px;line-height:1.7;color:#42513f}.partner-role{font-size:16px;margin-top:18px}.partner-role a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.demo-intro{grid-template-columns:1fr;gap:24px}.demo-intro figure{max-width:360px}.demo-intro h1{font-size:44px}.role-sheets{grid-template-columns:1fr}.role-content{padding-inline:18px}.role-content table{font-size:15px}.role-content th,.role-content td{padding:10px 6px}.answer-grid.trays{grid-template-columns:repeat(2,1fr)}.answer-grid.trains{grid-template-columns:1fr}.case-answer{padding:18px}.demo-next{padding:24px}.demo-next h2{font-size:34px}.role-chooser .button{font-size:15px;padding:12px 16px}.answer-grid.cabinet{gap:12px}.answer-grid label{font-size:14px}.answer-grid select{font-size:16px;padding:9px 6px}}
@media(max-width:350px){.answer-grid.cabinet{grid-template-columns:repeat(3,minmax(0,1fr))}.role-chooser .button{width:100%}.demo-intro h1{font-size:39px}.answer-grid label{font-size:13px}}