@font-face{font-family:Guide;src:url('assets/fonts/bengali.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--ink:#172e29;--muted:#536960;--green:#08745a;--deep:#07523f;--tint:#eaf4ef;--paper:#f6f9f7;--line:#dce5df;font-family:Guide,'Noto Sans Bengali',Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:weight}
*{box-sizing:border-box}body{margin:0}button,select{font:inherit;color:inherit}button,a,select,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b57910;outline-offset:3px}a{color:var(--green);text-underline-offset:4px}svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}img{display:block}[hidden]{display:none!important}::selection{background:#c4e2d2;color:var(--deep)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.site-header{background:#fff;border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1040px;margin:auto;padding:8px 16px}.brand{font-size:16px;font-weight:700;white-space:nowrap;text-decoration:none;color:var(--ink)}.brand span{color:var(--green);padding:0 3px}.language-toggle{border:1px solid var(--line);border-radius:6px;background:#fff;font:14px Guide,Arial,sans-serif;padding:9px 12px;min-height:44px;min-width:70px}
.page{max-width:1040px;margin:auto;padding:0 16px calc(112px + env(safe-area-inset-bottom))}.guide-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0 12px;position:relative;z-index:4}.step-status{color:var(--green);font-size:15px;font-weight:700}.step-menu{font-size:14px}.step-menu summary{padding:10px 0 10px 12px;min-height:44px;color:var(--muted);list-style:none}.step-menu summary::-webkit-details-marker{display:none}.step-menu summary:after{content:'⌄';font-family:Arial,sans-serif;margin-left:7px}.step-menu[open] summary:after{content:'⌃'}.step-menu label{position:absolute;top:62px;right:0;display:block;padding:12px;background:#fff;border:1px solid var(--line);border-radius:8px;width:min(340px,100%)}.step-menu select{width:100%;min-height:48px;background:#fff;border:1px solid var(--line);border-radius:5px;padding:10px;font-size:16px}
.lesson-heading{margin-bottom:18px}.lesson-heading h2{font-size:26px;line-height:1.5;margin:0 0 9px;font-weight:700;letter-spacing:-.3px}.instruction{font-size:18px;line-height:1.75;margin:0;max-width:65ch}.optional{font-size:14px;color:#795317;margin:0 0 8px}.open-service{display:inline-flex;gap:12px;align-items:center;background:var(--green);color:#fff;text-decoration:none;padding:12px 20px;border-radius:6px;font-size:17px;min-height:50px;margin-top:16px}.open-service svg{width:18px;height:18px}.workspace{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);gap:0;min-width:0}.image-frame{display:block;position:relative;width:100%;aspect-ratio:16/10;padding:0;background:#edf2ee;border:1px solid #d2ded6;border-radius:8px;overflow:hidden;min-width:0}.image-frame img{width:100%;height:100%;object-fit:contain;object-position:center}.pointer{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1;stroke-linecap:butt;stroke-linejoin:miter}.pointer-line{display:none;stroke-dasharray:5 4}.annotations{display:flex;flex-direction:column;gap:0;padding-top:14px;z-index:2;min-width:0}.annotations.single-note{display:none}.note{display:flex;gap:12px;align-items:center;text-align:left;padding:12px 0;background:none;border:0;border-bottom:1px solid var(--line);width:100%;min-height:62px}.note:last-child{border-bottom:0}.note-number{border:1px solid #9bb9a8;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;font:13px Arial,sans-serif;flex:none;color:var(--deep)}.note.active .note-number{background:var(--green);border-color:var(--green);color:#fff}.note>span:last-child{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 10px;min-width:0}.note strong{font:700 15px/1.6 Arial,sans-serif;overflow-wrap:anywhere}.note-text{font-size:16px;line-height:1.75;overflow-wrap:anywhere}.picture-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;margin-top:8px}.zoom-button,.extra-image{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;background:transparent;color:var(--green);padding:10px 0;font-size:15px;min-height:48px}.zoom-button svg{width:18px;height:18px}.extra-image{font-size:14px;text-decoration:underline;text-underline-offset:4px}.lesson-tip{margin-top:12px;font-size:16px;line-height:1.8;color:var(--muted)}.lesson-tip p{margin:0}.completed{font-size:23px;font-weight:700;color:var(--green);margin:18px 0 0}
.guide-navigation{position:fixed;left:0;right:0;bottom:0;z-index:10;background:#fff;border-top:1px solid var(--line);padding:12px max(16px,env(safe-area-inset-left)) calc(12px + env(safe-area-inset-bottom))}.navigation-inner{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:1008px;margin:auto}.guide-navigation button{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 12px;border-radius:7px;font-size:17px;min-height:54px}.previous{background:#fff;border:1px solid #c8d8cd}.previous:disabled{color:#9ca7a0;background:#f5f7f5;border-color:#e7ece8}.next{background:var(--green);color:#fff;border:1px solid var(--green)}.next:disabled{background:#dfece4;border-color:#dfece4;color:var(--deep)}.next:disabled svg{display:none}.progress-track{position:absolute;left:0;right:0;top:-13px;height:3px;overflow:hidden;background:#e5ece7}#progress-fill{display:block;height:100%;width:5.5556%;background:var(--green)}
.help{border-top:1px solid var(--line);margin-top:30px;color:var(--muted);font-size:15px}.help summary{min-height:48px;padding:13px 0}.help-body{padding:3px 0 16px;line-height:1.8}.help-body p{margin:14px 0}.print-button{min-height:46px;border:1px solid var(--line);background:#fff;border-radius:6px;padding:9px 15px;font-size:15px}
body:has(dialog[open]){overflow:hidden}dialog{margin:0;padding:0;border:0;border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;background:#eef3ef;overflow:hidden}dialog::backdrop{background:rgba(14,36,29,.8)}.dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;padding-top:calc(10px + env(safe-area-inset-top));background:#fff;border-bottom:1px solid var(--line);font-size:16px}.dialog-bar>div{display:flex;gap:8px;align-items:center}.dialog-bar button{min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:6px;padding:8px 12px;background:#fff;font-size:19px}#close-dialog{font-size:15px}.dialog-image-wrap{overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;height:calc(100% - 65px - env(safe-area-inset-top));padding:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}.dialog-image-wrap img{margin:auto;max-width:100%;height:auto;max-height:calc(100dvh - 90px - env(safe-area-inset-top));object-fit:contain;touch-action:pan-x pan-y pinch-zoom}.dialog-image-wrap img.magnified{max-width:none;max-height:none}
@media(min-width:960px){.header-inner{padding:14px 32px}.page{padding:0 32px 45px}.guide-toolbar{padding-top:22px}.lesson-heading{margin-bottom:22px}.lesson-heading h2{font-size:30px}.workspace{grid-template-columns:minmax(0,1fr) 245px;gap:24px}.annotations.single-note{display:flex}.pointer-line{display:block}.annotations{padding-top:0;gap:12px}.note{display:flex;align-items:flex-start;padding:12px 0}.note>span:last-child{display:block}.note-text{display:block;margin-top:5px;font-size:15px}.picture-actions{max-width:830px}.guide-navigation{position:static;margin-top:25px;padding:18px 0 0;background:none;border-top:1px solid var(--line)}.navigation-inner{gap:22px}.guide-navigation button{max-width:245px;min-width:190px}.next{justify-self:end}.progress-track{top:-19px}.help{margin-top:32px}dialog{inset:0;margin:auto;width:min(1400px,96vw);height:92dvh;max-width:96vw;border-radius:10px}.dialog-bar{padding:10px 18px}.dialog-image-wrap{height:calc(100% - 65px)}.dialog-image-wrap img{max-height:calc(92dvh - 90px)}}
@media(max-width:359px){.header-inner{padding-inline:12px}.brand{font-size:15px}.page{padding-inline:12px}.lesson-heading h2{font-size:24px}.instruction{font-size:17px}.dialog-bar{gap:6px;padding-inline:8px}.dialog-bar>div{gap:5px}.dialog-bar button{padding:8px;min-width:44px}.guide-navigation{padding-inline:12px}.guide-navigation button{font-size:16px;padding-inline:9px}}
@media(max-height:500px) and (orientation:landscape){.guide-navigation{padding-top:7px;padding-bottom:calc(7px + env(safe-area-inset-bottom))}.guide-navigation button{min-height:46px;padding:8px 12px}.progress-track{top:-8px}.page{padding-bottom:90px}.header-inner{padding-block:4px}.dialog-bar{padding-block:6px}.dialog-image-wrap{height:calc(100% - 57px)}}
@media(hover:hover){.next:hover:not(:disabled),.open-service:hover{background:var(--deep)}.note:hover{background:var(--tint)}.zoom-button:hover,.extra-image:hover{text-decoration:underline}.language-toggle:hover{background:var(--tint)}}
@media(prefers-reduced-motion:no-preference){#progress-fill{transition:width .18s}button{transition:background-color .15s}}
@media print{body{background:#fff}.site-header,.guide-toolbar,.guide-navigation,.pointer,.picture-actions,.help,.open-service,dialog,.completed{display:none!important}.page{max-width:none;padding:0}.lesson[hidden]{display:block!important}.lesson{padding:16px 0;break-before:page;break-inside:avoid}.lesson-heading h2{font-size:24px}.instruction{font-size:16px}.workspace,.workspace:has(.single-note){grid-template-columns:minmax(0,1fr) 210px;gap:20px}.annotations.single-note{display:none}.workspace:has(.single-note){grid-template-columns:minmax(0,1fr)}.note{padding:9px 0}.note-text{font-size:13px}.lesson-tip{font-size:14px}}