:root{--ink:#123d39;--teal:#006e65;--light:#edf7f3}*{box-sizing:border-box}body{background:#f5f8f6;color:#183932;font-family:system-ui,-apple-system,sans-serif}.workshop{max-width:1380px;padding:24px}.hero{background:#003e38;color:#fff;border-radius:20px;padding:28px 32px;margin-bottom:24px}.hero h1{font-size:clamp(1.65rem,3vw,2.7rem);font-weight:780;line-height:1.15}.eyebrow{font-size:.8rem;letter-spacing:.09em;text-transform:uppercase;color:#8de0ca;display:block;margin-bottom:12px}.hero p:last-child{margin-bottom:0;color:#c4e9dc}.card{border:1px solid #d7e3dc;border-radius:15px;box-shadow:0 3px 18px #143a3010}h2{font-size:1.18rem;font-weight:750;margin-bottom:16px}h3{font-size:1rem;font-weight:700}.tip{padding:12px;border-left:3px solid #e4b84c;background:#fff9e8;border-radius:6px}.sql{font-family:ui-monospace,Consolas,monospace;line-height:1.5;font-size:.88rem;resize:vertical;min-height:260px;tab-size:2;background:#f7fbf9}.form-label{font-size:.86rem;font-weight:600}.btn{min-height:44px;font-weight:600}.btn-primary{background:#006b60;border-color:#006b60}.btn-primary:hover{background:#005349;border-color:#005349}.btn-outline-primary{color:#006b60;border-color:#006b60}.btn-outline-primary:hover{background:#006b60;border-color:#006b60}.actions{display:flex;flex-wrap:wrap;gap:8px}.actions .btn{flex:1 1 140px}.links{display:flex;gap:10px;flex-wrap:wrap}a{color:#006b60;text-underline-offset:3px}details summary{cursor:pointer;min-height:36px;font-weight:650}code{color:#8a3c16}.table-wrap{max-width:100%;overflow:auto;max-height:440px;border-radius:8px}.table-wrap td,.table-wrap th{white-space:pre-wrap;min-width:85px;max-width:260px;overflow-wrap:anywhere;padding:9px}.table-wrap thead{position:sticky;top:0;background:white}.bar-row{margin:12px 0}.bar-row span:first-child{display:block;font-size:.85rem;margin-bottom:4px}.bar{height:12px;display:block;border-radius:5px;background:#179c87;transition:width .35s ease}.alert{overflow-wrap:anywhere}.small{font-size:.85rem;line-height:1.55}footer{padding:12px 6px}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.table-wrap:focus-visible{outline:3px solid #d69e20;outline-offset:3px}@media(max-width:575px){.workshop{padding:12px}.hero{padding:23px 18px;border-radius:15px}.card{padding:16px!important}.actions .btn{flex-basis:43%;font-size:.83rem}.sql{font-size:.8rem;min-height:300px}.hero .small{font-size:.78rem}.table-wrap{max-height:350px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}