/* Study canvases: locally hosted OFL fonts keep Hindi shaping consistent in exports. */
@font-face{font-family:PetManrope;src:url('/fonts/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:PetDevanagari;src:url('/fonts/NotoSansDevanagari.ttf') format('truetype');font-weight:100 900;font-display:swap}
.learning-visual,.learning-visual[lang=hi]{font-family:PetManrope,PetDevanagari,Manrope,"Noto Sans Devanagari",sans-serif!important}
.learning-visual{--lv-ink:#293447;--lv-muted:#606b7c;--lv-line:#e2e6ed;--lv-paper:#ffffff;--lv-teal:#667dc0;color:var(--lv-ink);background:var(--lv-paper);border:1px solid #dfe4eb;border-radius:22px;font-family:Manrope,"Noto Sans Devanagari",sans-serif;overflow:hidden;text-align:left;box-sizing:border-box;isolation:isolate}
.learning-visual *{box-sizing:border-box}.learning-visual[lang=hi]{font-family:"Noto Sans Devanagari",Manrope,sans-serif}
.lv-header{padding:26px 30px 22px;border-bottom:1px solid var(--lv-line);background:#fff}
.lv-eyebrow{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:10px;letter-spacing:.1em;color:var(--lv-muted);font-weight:700}.lv-brand{letter-spacing:.14em}
.lv-heading{display:flex;align-items:flex-start;gap:18px;justify-content:space-between;margin-top:18px}.lv-heading h2{font-family:inherit;font-size:29px;line-height:1.3;letter-spacing:-.025em;margin:0 0 9px;font-weight:750;color:var(--lv-ink)}
.lv-heading p{font-size:14px;line-height:1.7;max-width:720px;margin:0;color:var(--lv-muted)}
.lv-body{padding:26px 30px 24px;background:#fff}
.lv-root{position:relative;border:1px solid #b7c5e4;background:#ffffff;display:table;max-width:88%;margin:0 auto 34px;padding:12px 24px;border-radius:28px;font-size:18px;font-weight:700;text-align:center;line-height:1.6;box-shadow:none}.lv-root-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6b86c5;margin-right:10px;vertical-align:middle}
.lv-nodes{list-style:none!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;position:relative;margin:0;padding:0!important}.lv-node{--lv-tone:#ffffff;--lv-accent:#6b86c5;position:relative;padding:20px 21px;background:var(--lv-tone);border:1px solid color-mix(in srgb,var(--lv-accent) 27%,#fff);border-radius:15px;min-width:0;break-inside:avoid;box-shadow:none}
.lv-tone-1{--lv-tone:#ffffff;--lv-accent:#5e7e9b}.lv-tone-2{--lv-tone:#ffffff;--lv-accent:#866b8f}.lv-tone-3{--lv-tone:#ffffff;--lv-accent:#9a7b40}.lv-tone-4{--lv-tone:#ffffff;--lv-accent:#4b847c}.lv-tone-5{--lv-tone:#ffffff;--lv-accent:#a0735e}
.lv-node-head{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}.lv-marker{display:flex;align-items:center;justify-content:center;width:29px;height:29px;flex:none;border-radius:9px;background:#ffffffa8;color:var(--lv-accent);font-size:17px;font-weight:700;border:1px solid #ffffff}
.lv-node h3{font-family:inherit;font-size:16px;line-height:1.5;margin:2px 0 0;letter-spacing:-.01em;color:var(--lv-ink);font-weight:750}.lv-node ul{list-style:none;margin:0;padding:0!important;display:grid;gap:8px}.lv-node ul li{position:relative;margin:0;padding-left:13px;font-size:13px;line-height:1.75;color:var(--lv-ink);overflow-wrap:anywhere}.lv-node ul li:before{content:"";position:absolute;left:0;top:.75em;width:4px;height:4px;border-radius:50%;background:var(--lv-accent)}
.lv-concept .lv-root:after,.lv-mindmap .lv-root:after{content:"";height:24px;width:1px;position:absolute;top:100%;left:50%;background:#c2cadd}.lv-concept .lv-nodes:before,.lv-mindmap .lv-nodes:before{content:"";height:14px;position:absolute;left:24%;right:24%;top:-14px;border:1px solid #c2cadd;border-bottom:0;border-radius:10px 10px 0 0}
.lv-mindmap .lv-node{border-radius:22px 22px 22px 6px;border-left:4px solid var(--lv-accent)}.lv-mindmap .lv-node:nth-child(even){border-radius:22px 22px 6px 22px;border-left-width:1px;border-right:4px solid var(--lv-accent)}
.lv-flow .lv-nodes{grid-template-columns:1fr;gap:24px;max-width:820px;margin-inline:auto}.lv-flow .lv-node{padding:18px 24px 18px 76px}.lv-flow .lv-marker{position:absolute;left:22px;top:20px;width:36px;height:36px;border-radius:50%;font-size:13px}.lv-flow .lv-node:not(:last-child):after{content:"↓";position:absolute;left:50%;bottom:-26px;font-size:21px;line-height:24px;color:#8a95a8}.lv-flow .lv-node-head{margin-bottom:6px}.lv-flow .lv-node ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 22px}
.lv-timeline .lv-nodes{display:block;max-width:840px;margin:0 auto;padding-left:45px!important}.lv-timeline .lv-nodes:before{content:"";position:absolute;left:17px;top:18px;bottom:20px;width:2px;background:linear-gradient(#8ba5d4,#b9c4dc,#cca979)}.lv-timeline .lv-node{margin-bottom:18px;border-radius:4px 18px 18px 4px}.lv-timeline .lv-node:last-child{margin-bottom:0}.lv-timeline .lv-marker{position:absolute;left:-43px;top:19px;border:2px solid var(--lv-accent);border-radius:50%;font-size:10px;background:var(--lv-paper)}.lv-timeline .lv-node:before{content:"";position:absolute;left:-19px;top:33px;width:19px;height:1px;background:var(--lv-accent)}.lv-timeline .lv-node ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}
.lv-comparison .lv-nodes{gap:16px;align-items:stretch}.lv-comparison[data-node-count="3"] .lv-nodes{grid-template-columns:repeat(3,minmax(0,1fr))}.lv-comparison .lv-node{padding:0;border-radius:12px;overflow:hidden}.lv-comparison .lv-node-head{padding:19px 18px 13px;margin:0;border-bottom:2px solid color-mix(in srgb,var(--lv-accent) 35%,#fff)}.lv-comparison .lv-node ul{gap:0}.lv-comparison .lv-node ul li{padding:13px 18px;border-bottom:1px solid #edf0f4;min-height:65px}.lv-comparison .lv-node ul li:before{display:none}
.lv-cycle .lv-nodes{gap:28px 44px}.lv-cycle .lv-node{border-radius:28px}.lv-cycle .lv-node:nth-child(odd):after{content:"→";position:absolute;right:-31px;top:44%;color:#8a95a8;font-size:24px}.lv-cycle-return{text-align:center;font-size:34px;color:#8a95a8;line-height:1;margin-top:14px}
.lv-handout .lv-node{border-radius:5px 5px 15px 5px;border-top:4px solid var(--lv-accent);background:#fff}.lv-handout .lv-root{border-radius:8px;background:#ffffff;border-color:#dce1ea}
.lv-relations{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0 0}.lv-relation{font-size:11px;line-height:1.8;border:1px solid #dce1ea;background:#fff;border-radius:9px;padding:8px 12px}
.lv-takeaway{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;padding:17px 20px;margin:24px 0 0;border:1px solid #dce1ea;border-radius:11px;background:#ffffff}.lv-takeaway b{font-size:11px;letter-spacing:.03em;text-transform:uppercase;color:#806636;padding-top:3px}.lv-takeaway p{margin:0;line-height:1.8;font-size:13px;color:#374256}.lv-foot{display:flex;justify-content:space-between;gap:10px;padding:13px 30px;background:#ffffff;border-top:1px solid var(--lv-line);font-size:10px;color:var(--lv-muted)}
.learning-visual[lang=hi] .lv-heading h2{line-height:1.55;font-size:28px;letter-spacing:0}.learning-visual[lang=hi] .lv-node h3{line-height:1.7;letter-spacing:0}.learning-visual[lang=hi] .lv-node ul li{line-height:1.9;font-size:13.5px}
@media(min-width:1350px){.lv-sheet[data-node-count="3"] .lv-nodes,.lv-sheet[data-node-count="6"] .lv-nodes{grid-template-columns:repeat(3,minmax(0,1fr))}.lv-sheet.lv-flow .lv-nodes{grid-template-columns:1fr}.lv-sheet.lv-comparison .lv-nodes,.lv-sheet.lv-cycle .lv-nodes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.lv-header{padding:20px}.lv-eyebrow{font-size:8px;gap:8px}.lv-heading{display:block;margin-top:14px}.lv-heading h2,.learning-visual[lang=hi] .lv-heading h2{font-size:23px}.lv-heading p{font-size:12px}.lv-body{padding:20px 17px}.lv-root{font-size:16px;max-width:100%;padding:10px 17px;margin-bottom:25px}.lv-nodes,.lv-comparison[data-node-count="3"] .lv-nodes{grid-template-columns:1fr;gap:15px}.lv-concept .lv-nodes:before,.lv-mindmap .lv-nodes:before{display:none}.lv-node{padding:17px}.lv-node h3{font-size:16px}.lv-node ul li{font-size:13px}.lv-flow .lv-node{padding:18px 16px 18px 60px}.lv-flow .lv-marker{left:14px;width:29px;height:29px}.lv-flow .lv-node ul,.lv-timeline .lv-node ul{grid-template-columns:1fr}.lv-timeline .lv-nodes{padding-left:34px!important}.lv-timeline .lv-nodes:before{left:10px}.lv-timeline .lv-marker{left:-38px}.lv-takeaway{display:block;padding:15px}.lv-takeaway p{margin-top:7px}.lv-cycle .lv-node:nth-child(odd):after{display:none}.lv-cycle .lv-node:not(:last-child):after{display:block;content:"↓";position:absolute;top:auto;bottom:-25px;left:50%;font-size:20px}.lv-cycle .lv-nodes{gap:27px}.lv-foot{padding:12px 17px;font-size:8px}.learning-visual{border-radius:16px}}
.lv-teaching{margin:0 auto 28px;max-width:900px;background:#fff;border:1px solid #dce1ea;border-radius:16px;padding:12px 15px;overflow:auto}.lv-teaching svg{width:100%;min-width:480px;height:auto;display:block}.lv-teaching figcaption{text-align:center;font-size:10px;color:#606b7c;margin-top:7px}.lv-body:has(.lv-teaching) .lv-nodes:before{display:none}.lv-body:has(.lv-teaching) .lv-root:after{display:none}
@media(min-width:651px){.lv-cycle[data-node-count="4"] .lv-node:nth-child(3){grid-column:2;grid-row:2}.lv-cycle[data-node-count="4"] .lv-node:nth-child(4){grid-column:1;grid-row:2}.lv-cycle[data-node-count="4"] .lv-node:nth-child(2):after{content:"↓";position:absolute;left:50%;bottom:-29px;color:#8a95a8;font-size:24px}.lv-cycle[data-node-count="4"] .lv-node:nth-child(3):after{content:"←";right:auto;left:-31px}.lv-cycle[data-node-count="4"] .lv-node:nth-child(4):after{content:"↑";position:absolute;left:50%;top:-31px;color:#8a95a8;font-size:24px}}
@media print{.learning-visual{-webkit-print-color-adjust:exact;print-color-adjust:exact;box-shadow:none;border-radius:0}.lv-node,.lv-takeaway,.lv-teaching{break-inside:avoid}}
.learning-visual .lv-node ul li{font-size:14px}.learning-visual[lang=hi] .lv-node ul li{font-size:14.5px}.lv-cycle .lv-node:after{pointer-events:none}.lv-diagram-hint{display:none}@media(max-width:650px){.lv-teaching svg{min-width:640px}.lv-diagram-hint{display:block;margin-top:5px}}