/* ZaidTech Learning Hub V4 — Café & Barista Academy */
.cafe-academy{--cafe-ink:#26352e;--cafe-muted:#718077;--cafe-line:#e6e9df;--cafe-cream:#fbf8f1;--cafe-green:#23583e;--cafe-green-2:#34724f;--cafe-lime:#d8ed9b;--cafe-coffee:#9b6848;color:var(--cafe-ink)}
.cafe-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(260px,.82fr);gap:20px;min-height:310px;padding:clamp(22px,4vw,42px);border-radius:26px;background:radial-gradient(circle at 82% 22%,#d9c5a4 0,transparent 26%),linear-gradient(125deg,#193d30 0%,#28533d 55%,#536f50 100%);color:#fff;box-shadow:0 24px 65px #153d2c1c}
.cafe-hero:after{content:"";position:absolute;width:330px;height:330px;border:1px solid #ffffff24;border-radius:50%;right:-95px;top:-140px;box-shadow:0 0 0 28px #ffffff09,0 0 0 58px #ffffff07;pointer-events:none}
.cafe-hero-copy{position:relative;z-index:2;max-width:700px}.cafe-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:#b8d6bd}.cafe-eyebrow:before{content:"";width:22px;height:2px;background:#c8df89;border-radius:4px}.cafe-hero h1{font-size:clamp(34px,5vw,58px);line-height:1.02;letter-spacing:-2.5px;margin:18px 0 13px;color:#fff}.cafe-hero h1 em{font-style:normal;color:#d7eb9d}.cafe-hero p{max-width:580px;color:#e2eadf;line-height:1.7;font-size:14px;margin:0}.cafe-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.cafe-hero .button{min-height:44px}.cafe-hero-art{position:relative;z-index:1;min-height:230px;display:grid;place-items:center}.cafe-cup-art{width:178px;height:155px;position:relative;transform:rotate(-7deg);filter:drop-shadow(0 20px 20px #081b1380)}.cafe-cup-bowl{position:absolute;left:19px;top:23px;width:125px;height:103px;background:linear-gradient(135deg,#fff8e9,#d9d0bd 70%,#a8a08e);border-radius:18px 18px 48px 48px;box-shadow:inset -13px -7px 18px #6e5b3a2b,inset 8px 5px 13px #fff;z-index:2}.cafe-cup-bowl:before{content:"";position:absolute;left:-5px;right:-5px;top:-7px;height:18px;border-radius:50%;background:linear-gradient(#ece1d0,#a78c6b);box-shadow:inset 0 3px 4px #fff9}.cafe-coffee-surface{position:absolute;left:4px;right:4px;top:2px;height:12px;border-radius:50%;background:radial-gradient(ellipse at 50% 45%,#9a603b 0 35%,#c38a52 58%,#65412e 100%)}.cafe-cup-handle{position:absolute;right:7px;top:43px;width:53px;height:54px;border:12px solid #d8cfbf;border-left-width:8px;border-radius:50%;z-index:1}.cafe-cup-saucer{position:absolute;left:0;bottom:1px;width:165px;height:28px;border-radius:50%;background:linear-gradient(#f9f1e2,#b7aa92);box-shadow:0 11px 12px #07190f38}.cafe-bean{position:absolute;width:29px;height:19px;border-radius:50%;background:linear-gradient(135deg,#8e583a,#3f261d);transform:rotate(28deg)}.cafe-bean:after{content:"";position:absolute;left:14px;top:2px;height:15px;width:1px;background:#e7b98a;transform:rotate(20deg)}.cafe-bean.one{right:10%;top:16%;}.cafe-bean.two{left:7%;bottom:19%;transform:rotate(-32deg) scale(.8)}.cafe-bean.three{right:0;bottom:25%;transform:rotate(63deg) scale(.65)}.cafe-float-note{position:absolute;right:-5px;bottom:10px;padding:10px 14px;border:1px solid #ffffff35;background:#ffffff18;backdrop-filter:blur(12px);border-radius:13px;color:#fff;font-size:10px;line-height:1.45;max-width:154px}.cafe-float-note strong{display:block;font-size:12px;margin-bottom:3px}
.cafe-top-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:18px 0 28px}.cafe-stat{background:#fff;border:1px solid var(--cafe-line);border-radius:15px;padding:15px 17px;box-shadow:0 6px 18px #213d2d08}.cafe-stat span{display:block;font-size:10px;color:var(--cafe-muted);font-weight:800;letter-spacing:.55px;text-transform:uppercase}.cafe-stat strong{display:block;font-size:25px;letter-spacing:-1px;margin-top:7px;color:var(--cafe-green);font-variant-numeric:tabular-nums}.cafe-section{margin-top:28px}.cafe-section-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:15px}.cafe-section-head h2{font-size:25px;letter-spacing:-.8px;margin:6px 0 4px;color:#25392e}.cafe-section-head p{margin:0;color:var(--cafe-muted);font-size:12px;line-height:1.55}.cafe-section-kicker{font-size:9px;font-weight:900;letter-spacing:1.7px;color:#829084;text-transform:uppercase}.cafe-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cafe-module-card{position:relative;text-align:left;border:1px solid var(--cafe-line);border-radius:17px;background:#fff;padding:17px;min-height:167px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s}.cafe-module-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px #1b422c12;border-color:#b8cbb7}.cafe-module-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:var(--module-bg,#f0eee6);color:var(--module-fg,#52745a)}.cafe-module-card h3{font-size:15px;margin:13px 0 6px;letter-spacing:-.2px}.cafe-module-card p{font-size:11px;line-height:1.55;color:var(--cafe-muted);margin:0}.cafe-module-foot{margin-top:auto;padding-top:13px;display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:800;color:#66836b}.cafe-module-foot span:last-child{font-size:17px}
.cafe-tabs{display:flex;gap:7px;overflow-x:auto;padding:4px 2px 11px;margin:19px 0 17px;scrollbar-width:thin}.cafe-tab{border:1px solid var(--cafe-line);border-radius:999px;background:#fff;padding:10px 15px;white-space:nowrap;color:#66756a;font-size:11px;font-weight:800;transition:.18s}.cafe-tab[aria-selected="true"],.cafe-tab:hover{background:#244f39;color:#fff;border-color:#244f39;box-shadow:0 6px 15px #1c4d3020}.cafe-panel{animation:cafe-enter .22s ease both}.cafe-panel-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:15px;align-items:start}.cafe-card{background:#fff;border:1px solid var(--cafe-line);border-radius:18px;padding:19px;box-shadow:0 8px 25px #1c3b2a08}.cafe-card h3{font-size:18px;letter-spacing:-.5px;margin:0 0 7px}.cafe-card>p{font-size:12px;color:var(--cafe-muted);line-height:1.65;margin:0 0 15px}.cafe-note{display:flex;gap:10px;padding:12px 14px;border:1px solid #eee4cd;background:#fbf6e9;color:#75623e;border-radius:12px;font-size:11px;line-height:1.55;margin-top:14px}.cafe-note strong{display:block;margin-bottom:3px}.cafe-note.info{border-color:#dbe8e0;background:#f1f7f1;color:#4d7057}.cafe-note.danger{border-color:#f0d9d3;background:#fff4f1;color:#8d5144}.cafe-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cafe-option{padding:12px;border:1px solid var(--cafe-line);border-radius:12px;background:#fff;text-align:left;min-height:76px;transition:.16s}.cafe-option:hover,.cafe-option[aria-pressed="true"]{border-color:#87aa87;background:#f3f8f0;box-shadow:inset 0 0 0 1px #b1cbb0}.cafe-option strong{display:block;font-size:12px;color:#334d3b}.cafe-option small{display:block;font-size:10px;line-height:1.5;color:#7a887d;margin-top:5px}.cafe-option[aria-pressed="true"]:after{content:"✓ Selected";display:block;font-size:9px;font-weight:900;color:#397348;margin-top:7px}.cafe-choice-result{border:1px dashed #b5c9b4;background:#f7faf4;border-radius:13px;padding:14px;margin-top:13px}.cafe-choice-result h4{margin:0 0 5px;font-size:13px}.cafe-choice-result p{margin:0;color:#6d7d70;font-size:11px;line-height:1.6}.cafe-step-list{display:grid;gap:9px;counter-reset:cafe-step}.cafe-step{display:flex;gap:11px;align-items:flex-start;padding:12px;border:1px solid var(--cafe-line);border-radius:12px;background:#fff}.cafe-step-num{width:28px;height:28px;flex:0 0 auto;border-radius:9px;background:#edf3e9;display:grid;place-items:center;color:#4c7957;font-size:11px;font-weight:900}.cafe-step strong{display:block;font-size:12px}.cafe-step p{margin:4px 0 0;color:#78867b;font-size:10px;line-height:1.5}.cafe-machine-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:15px}.cafe-machine-stage{position:relative;min-height:340px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#e8e4d8,#f7f5ef 65%);border:1px solid var(--cafe-line);border-radius:17px;padding:20px}.cafe-machine-svg{width:min(100%,500px);height:auto;max-height:330px}.cafe-machine-svg .machine-part{cursor:pointer;outline:none}.cafe-machine-svg .machine-part rect,.cafe-machine-svg .machine-part path,.cafe-machine-svg .machine-part circle{transition:fill .16s,stroke .16s,filter .16s}.cafe-machine-svg .machine-part:focus rect,.cafe-machine-svg .machine-part:hover rect,.cafe-machine-svg .machine-part.is-selected rect{stroke:#3a8755;stroke-width:3;filter:drop-shadow(0 2px 4px #32654340)}.cafe-machine-svg .machine-part.is-selected rect{fill:#d9edc5}.cafe-machine-key{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}.cafe-part-button{padding:10px;border:1px solid var(--cafe-line);border-radius:10px;background:#fff;text-align:left;font-size:10px;font-weight:800;color:#586c5c}.cafe-part-button[aria-pressed="true"]{background:#244f39;color:#fff;border-color:#244f39}.cafe-part-detail{min-height:200px}.cafe-part-detail .part-symbol{width:43px;height:43px;border-radius:13px;background:#edf4e9;display:grid;place-items:center;font-size:20px;margin-bottom:13px}.cafe-part-detail p{font-size:12px;line-height:1.7;color:var(--cafe-muted)}.cafe-pill-row{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.cafe-pill{font-size:9px;padding:6px 9px;border-radius:999px;background:#f1f4ee;color:#627569;font-weight:800}.cafe-quiz{border:1px solid var(--cafe-line);border-radius:16px;padding:17px;background:#fff;margin-top:13px}.cafe-quiz h4{font-size:14px;line-height:1.45;margin:7px 0 12px}.cafe-answers{display:grid;gap:7px}.cafe-answer{border:1px solid var(--cafe-line);border-radius:10px;padding:11px;text-align:left;background:#fff;color:#526458;font-size:11px;line-height:1.45}.cafe-answer[aria-pressed="true"]{border-color:#78a37a;background:#f2f8ee;color:#355d3d}.cafe-feedback{display:none;padding:11px;border-radius:10px;margin-top:10px;font-size:11px;line-height:1.55}.cafe-feedback.show{display:block}.cafe-feedback.good{background:#eff8ec;color:#3d7046;border:1px solid #d5e9ce}.cafe-feedback.review{background:#fff5eb;color:#805c34;border:1px solid #f0e0c8}.cafe-primary{border:0;border-radius:999px;background:#24583d;color:#fff;padding:11px 17px;font-size:11px;font-weight:900;cursor:pointer;min-height:42px;transition:transform .15s,background .15s}.cafe-primary:hover{background:#34734e;transform:translateY(-1px)}.cafe-secondary{border:1px solid var(--cafe-line);border-radius:999px;background:#fff;color:#536a59;padding:10px 15px;font-size:11px;font-weight:800;min-height:40px}.cafe-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.cafe-workflow-choices{display:grid;gap:8px}.cafe-workflow-choice{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--cafe-line);border-radius:12px;background:#fff;text-align:left}.cafe-workflow-choice span{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#f1f3ed;color:#718175;font-size:11px;font-weight:900}.cafe-workflow-choice strong{font-size:11px;color:#4b6051}.cafe-workflow-choice:disabled{opacity:.7}.cafe-workflow-choice.correct{border-color:#a9cba3;background:#f2f8ef}.cafe-workflow-choice.wrong{border-color:#e8c5b7;background:#fff4f0}.cafe-workflow-choice.picked span{background:#dcebd3;color:#3e7148}.cafe-recipe-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.cafe-field{display:grid;gap:6px}.cafe-field.full{grid-column:1/-1}.cafe-field label{font-size:10px;font-weight:900;color:#647568}.cafe-field input,.cafe-field select,.cafe-field textarea{width:100%;border:1px solid #dfe6dc;border-radius:10px;background:#fff;padding:11px;color:#344b3a;font:inherit;font-size:11px;min-height:42px}.cafe-field textarea{min-height:92px;resize:vertical;line-height:1.55}.cafe-field input:focus,.cafe-field select:focus,.cafe-field textarea:focus{outline:2px solid #bbd5b3;outline-offset:1px;border-color:#8daf85}.cafe-progress{height:8px;background:#eaf0e7;border-radius:99px;overflow:hidden}.cafe-progress span{display:block;height:100%;background:linear-gradient(90deg,#7aa76b,#c0d987);border-radius:99px;transition:width .2s}.cafe-progress-copy{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#748176;margin-bottom:7px}.cafe-complete{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#eff7eb;color:#4d8052;padding:6px 9px;font-size:9px;font-weight:900}.cafe-print-only{display:none}
@keyframes cafe-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.cafe-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cafe-hero{grid-template-columns:minmax(0,1fr) 260px}.cafe-machine-layout{grid-template-columns:1fr}.cafe-machine-stage{min-height:300px}}
@media(max-width:760px){.cafe-hero{grid-template-columns:1fr;min-height:auto}.cafe-hero-art{min-height:170px;margin-top:-10px}.cafe-cup-art{transform:scale(.83) rotate(-7deg)}.cafe-float-note{right:8%;bottom:-2px}.cafe-top-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.cafe-panel-grid{grid-template-columns:1fr}.cafe-section-head{align-items:flex-start;flex-direction:column}.cafe-machine-stage{min-height:250px;padding:10px}}
@media(max-width:520px){.cafe-module-grid{grid-template-columns:1fr}.cafe-module-card{min-height:140px}.cafe-recipe-form{grid-template-columns:1fr}.cafe-field.full{grid-column:auto}.cafe-option-grid{grid-template-columns:1fr}.cafe-machine-key{grid-template-columns:1fr 1fr}.cafe-hero h1{letter-spacing:-1.5px}.cafe-hero-actions .button{flex:1}.cafe-tabs{margin-right:-3px}}
@media(prefers-reduced-motion:reduce){.cafe-panel,.cafe-module-card,.cafe-primary,.cafe-progress span{animation:none;transition:none}}
@media print{body.cafe-printing *{visibility:hidden!important}body.cafe-printing #cafeRecipePrint,body.cafe-printing #cafeRecipePrint *{visibility:visible!important}body.cafe-printing #cafeRecipePrint{display:block!important;position:absolute;inset:0;width:100%;padding:20px;color:#111;background:#fff}.cafe-print-only{display:block!important}.cafe-recipe-print-title{font-size:24px;margin-bottom:6px}.cafe-recipe-print-meta{color:#555;font-size:11px;margin-bottom:18px}.cafe-recipe-print-section{border-top:1px solid #bbb;padding:10px 0}.cafe-recipe-print-section h3{font-size:13px;margin:0 0 7px}.cafe-recipe-print-section p{font-size:11px;white-space:pre-wrap;line-height:1.5}.cafe-print-note{font-size:10px;color:#555;margin-top:20px}}

/* Home-page café academy launch card */
.cafe-home-launch{position:relative;overflow:hidden;display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:24px;padding:25px;border:1px solid #e8e5d8;border-radius:22px;background:linear-gradient(110deg,#f5efe4,#fbf8f1 58%,#e9efe3);box-shadow:0 14px 38px #3b35240d}.cafe-home-copy{position:relative;z-index:1}.cafe-home-copy h2{font-size:clamp(23px,3vw,34px);letter-spacing:-1.1px;margin:9px 0 7px;color:#243b2d}.cafe-home-copy p{max-width:680px;margin:0;color:#728075;font-size:12px;line-height:1.65}.cafe-home-tags{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0 17px}.cafe-home-tags span{border:1px solid #e2e6d9;border-radius:999px;background:#ffffffa8;color:#667568;padding:6px 9px;font-size:9px;font-weight:800}.cafe-home-art{height:155px;position:relative;display:grid;place-items:center}.cafe-home-cup{font-size:96px;filter:drop-shadow(0 17px 12px #57412c2a);position:relative;z-index:2}.cafe-home-art:before,.cafe-home-art:after{content:"";position:absolute;border:1px solid #b5c49b;border-radius:50%;width:132px;height:132px}.cafe-home-art:after{width:162px;height:162px;border-color:#d5c3a1}.cafe-home-art i,.cafe-home-art b{position:absolute;width:20px;height:12px;border-radius:50%;background:#8a5838;transform:rotate(25deg);top:13px;right:17px}.cafe-home-art b{top:auto;right:auto;left:13px;bottom:17px;transform:rotate(-30deg) scale(.8)}@media(max-width:640px){.cafe-home-launch{grid-template-columns:1fr;gap:4px}.cafe-home-art{height:105px;justify-self:center;width:180px}.cafe-home-cup{font-size:70px}.cafe-home-art:before{width:92px;height:92px}.cafe-home-art:after{width:118px;height:118px}}