/* An original reading desk: soft surfaces, clear hierarchy, deliberate interaction. */
:root{--paper:#f7f8f6;--surface:#fff;--ink:#242e2b;--muted:#626e69;--line:#e4e9e5;--soft:#f1f4f0;--accent:#286b50;--tint:#eaf4e9;--warm:#fff1dc;--shadow:0 8px 28px #24352b0c;--studio-blue:#e9f2fb;--studio-violet:#eeeafa;--studio-peach:#fff0e6;--studio-lime:#eef6c8;--studio-shadow:0 4px 7px #20312904,0 18px 42px #20312908;--info-blue:#35608c;--info-blue-bg:#eaf2fa;--info-purple:#685390;--info-purple-bg:#f0ecf8;--info-amber:#815d24;--info-amber-bg:#fff1db}
html[data-theme=dark]{--paper:#151b1b;--surface:#202929;--ink:#edf1eb;--muted:#b2c0b8;--line:#35413d;--soft:#29332e;--accent:#b8ddaa;--tint:#2c3b2c;--warm:#493c26;--shadow:0 10px 30px #0002;--studio-blue:#273b49;--studio-violet:#363047;--studio-peach:#49372c;--studio-lime:#39452a;--studio-shadow:0 12px 30px #0002;--info-blue:#b3d5f6;--info-blue-bg:#273b49;--info-purple:#d7c3f0;--info-purple-bg:#363047;--info-amber:#f1d49a;--info-amber-bg:#493c26}
body{background:var(--paper);font-family:"Noto Sans Thai","Leelawadee UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.48}::selection{background:var(--studio-lime);color:var(--ink)}
.atlas-header{height:72px;padding:0 32px;background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);gap:22px}.atlas-header .brandmark{background:var(--surface);box-shadow:var(--studio-shadow);border:1px solid var(--line);border-radius:12px}.atlas-header .brand{font-size:17px;letter-spacing:-.025em}.atlas-header .brand small{font-size:11px}.atlas-global{gap:7px}.atlas-global a{font-size:13px;border:0;padding:8px 15px;border-radius:30px}.atlas-global a:hover,.atlas-global a[aria-current=page]{background:var(--surface);box-shadow:0 2px 9px #00000005;border:0}.icon-tool{border-radius:12px;background:var(--surface);box-shadow:0 2px 7px #00000004;font-size:12px}.progress{top:71px;height:2px}
.atlas-library-layout{grid-template-columns:200px minmax(0,1fr);max-width:1500px}.atlas-rail{top:72px;height:calc(100dvh - 72px);border-right:0;padding:34px 14px 28px 22px}.atlas-stage-link{font-size:13px;border-radius:15px;padding:13px 10px}.atlas-stage-link small,.rail-reading small,.rail-reading p,.rail-update{font-size:11px}.stage-index{background:var(--surface);width:29px;height:29px;border-radius:9px;display:grid;place-items:center;box-shadow:0 2px 8px #00000004}.atlas-stage-link.active .stage-index{background:var(--accent);color:var(--surface)}.atlas-library-main{padding-top:42px;padding-left:clamp(24px,4vw,54px);padding-right:clamp(24px,4vw,54px)}
.atlas-library-hero{gap:36px;margin-bottom:32px;grid-template-columns:minmax(0,1.15fr) minmax(260px,.8fr)}.atlas-welcome h1{font-size:clamp(36px,4.3vw,58px);font-weight:650;line-height:1.5;letter-spacing:-.045em;margin:14px 0 17px}.atlas-eyebrow{font-size:11px;letter-spacing:.04em;font-weight:550}.studio-status-dot{width:7px;height:7px;display:inline-block;border-radius:100%;background:var(--accent);margin-right:5px;vertical-align:middle;box-shadow:0 0 0 4px var(--tint)}.studio-handline{position:relative;isolation:isolate;white-space:nowrap}.studio-handline:after{content:"";position:absolute;inset:44% -6px 7%;background:var(--studio-lime);border-radius:18px 22px 16px 12px;z-index:-1;transform:rotate(-2deg)}.heading-dot{color:var(--accent)}.atlas-welcome p{font-size:15px;line-height:2}.atlas-counts{font-size:12px;gap:20px;margin-top:22px}.atlas-counts strong{font-size:20px;font-weight:600}
.studio-find-jump{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--accent);background:var(--surface);border:1px solid var(--line);border-radius:30px;padding:9px 16px;font-size:12px;margin-top:20px;box-shadow:0 3px 9px #20312904}.studio-find-jump svg{width:16px;height:16px}.studio-find-jump>span{margin-left:10px}.studio-find-jump:hover{background:var(--tint)}
.atlas-entry{gap:13px}.studio-desk-note{display:flex;align-items:center;gap:13px;background:var(--surface);box-shadow:var(--studio-shadow);border:1px solid var(--line);border-radius:20px;padding:17px 19px;transform:rotate(1deg);font-size:11px;line-height:1.8;margin:0 9px 3px}.studio-desk-note b{font-size:12px;font-weight:500}.studio-mini-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;color:var(--info-blue);background:var(--studio-blue);flex-shrink:0}.studio-mini-icon svg{width:28px;height:28px}.studio-desk-spark{font-size:34px;color:var(--accent);margin-left:auto;line-height:1}.entry-start{background:var(--studio-lime);border:1px solid var(--line);border-radius:23px;box-shadow:var(--studio-shadow);padding:24px 26px;transition:transform .2s,box-shadow .2s}.entry-start:hover{transform:translateY(-3px);box-shadow:0 16px 34px #24352b13}.entry-label{font-size:12px}.entry-start>strong{font-size:21px;letter-spacing:-.02em}.entry-start>span:not(.entry-label):not(.entry-action){font-size:12px}.entry-action{font-size:13px;margin-top:19px}.entry-resume{border-radius:18px;box-shadow:var(--studio-shadow)}.entry-resume strong{font-size:14px}.entry-resume small,.entry-resume #continueContext{font-size:12px}
.studio-route{background:var(--surface);border:1px solid var(--line);border-radius:25px;padding:25px;margin:0 0 25px;box-shadow:var(--studio-shadow)}.studio-route-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px}.studio-kicker{display:block;font-size:10px;letter-spacing:.09em;font-weight:600;color:var(--muted)}.studio-route-head h2{font-size:23px;font-weight:600;margin:4px 0 0;letter-spacing:-.02em;line-height:1.65}.studio-route-head p{color:var(--muted);font-size:12px;max-width:260px;margin:0;line-height:1.9}.studio-route-stops{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}.studio-route-stops button{display:flex;align-items:center;flex-direction:column;gap:5px;border:1px solid transparent;border-radius:17px;padding:12px 4px;background:transparent;color:var(--muted);position:relative;transition:background .18s,transform .18s}.studio-route-stops button:hover{background:var(--soft);transform:translateY(-2px)}.studio-route-stops button[aria-pressed=true]{background:var(--tint);border-color:var(--line);color:var(--ink)}.studio-route-stops small{font-size:10px;color:var(--muted)}.studio-route-stops strong{font-size:11px;font-weight:550;white-space:nowrap}.studio-route-icon{width:38px;height:38px;display:grid;place-items:center;background:var(--studio-blue);color:var(--info-blue);border-radius:12px;margin-bottom:2px;box-shadow:0 3px 8px #20312905}.studio-route-icon svg{width:23px;height:23px}.studio-route-stops button:nth-child(3n+2) .studio-route-icon{background:var(--studio-violet);color:var(--info-purple)}.studio-route-stops button:nth-child(3n+3) .studio-route-icon{background:var(--studio-peach);color:var(--info-amber)}.studio-route-detail{display:flex;align-items:center;gap:17px;border-top:1px solid var(--line);padding:19px 2px 0;margin-top:16px;min-height:109px}.studio-route-detail-icon{width:48px;height:48px;border-radius:15px;background:var(--soft);display:grid;place-items:center;color:var(--accent);flex-shrink:0}.studio-route-detail-icon svg{width:27px;height:27px}.studio-route-detail h3{font-size:15px;margin:0 0 4px;font-weight:600}.studio-route-detail p{font-size:12px;color:var(--muted);margin:0;line-height:1.95}.studio-route-detail>a{margin-left:auto;flex-shrink:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:end;color:var(--accent);text-decoration:none;font-size:12px;max-width:105px}.studio-route-detail>a span{display:block;width:100%;text-align:right;color:var(--muted);font-size:11px}.studio-route-detail>a svg{width:16px;height:16px}
.atlas-find{top:72px;background:var(--paper);padding-top:18px}.find-heading h2{font-size:21px;letter-spacing:-.02em}.find-heading>span{font-size:11px}.atlas-search{border-radius:16px;height:54px;box-shadow:0 3px 12px #20312903}.atlas-search input{font-size:14px}.atlas-stage-select select{height:54px;border-radius:16px;font-size:12px}.atlas-search-state{font-size:12px}.text-button{font-size:12px}.atlas-shelf{margin-bottom:45px}.atlas-shelf-title h2{font-size:25px}.atlas-shelf-title h2 small{font-size:12px}.atlas-shelf-title p{font-size:13px}.shelf-number{border-radius:13px;background:var(--surface);box-shadow:var(--studio-shadow);width:43px;height:43px}.atlas-chapters{gap:17px}.atlas-category{border-radius:21px;box-shadow:var(--studio-shadow);transition:transform .18s,box-shadow .18s}.atlas-category:hover{box-shadow:0 12px 34px #20312910}.atlas-category summary{padding:22px 20px;gap:10px}.atlas-category summary:hover{background:color-mix(in srgb,var(--soft) 65%,var(--surface))}.category-number{font-size:11px;min-width:20px;padding-top:11px;color:var(--muted)}.category-name strong{font-size:15px;font-weight:600;letter-spacing:-.01em}.category-name>span{font-size:13px}.category-name>small{font-size:11px;margin-top:8px}.category-chevron{padding-top:8px}.studio-folder{width:41px;height:41px;flex-shrink:0;border-radius:13px;background:var(--studio-blue);color:var(--info-blue);display:grid;place-items:center;box-shadow:inset 0 1px 1px #ffffff70}.studio-folder svg{width:25px;height:25px}.atlas-category[data-studio-tone=implementation] .studio-folder,.atlas-category[data-studio-tone=defense] .studio-folder{background:var(--studio-violet);color:var(--info-purple)}.atlas-category[data-studio-tone=support] .studio-folder,.atlas-category[data-studio-tone=advanced] .studio-folder{background:var(--studio-peach);color:var(--info-amber)}.atlas-category[data-studio-tone=security] .studio-folder{background:var(--tint);color:var(--accent)}.atlas-lesson-row{padding:17px 21px}.lesson-name strong{font-size:13px}.lesson-name>span{font-size:12px}.lesson-id,.lesson-row-meta small,.lesson-read{font-size:11px}.atlas-result-card{border-radius:21px;box-shadow:var(--studio-shadow)}.result-context{font-size:11px}.result-lesson{font-size:18px}.result-lesson small,.result-topic{font-size:13px}.result-topic span:first-child{font-size:11px}
/* The book remains a book: wide diagrams, comfortable text, restrained chrome. */
.atlas-reader .layout{max-width:1420px;padding-top:30px;gap:45px;grid-template-columns:204px minmax(0,1fr)}.atlas-reader .sidebar{top:97px;max-height:calc(100dvh - 114px)}.atlas-reader .reading{max-width:860px}.atlas-reader .contents a{font-size:13px;padding:12px;border-radius:12px}.atlas-reader .sidebar .overline,.atlas-reader .side-note{font-size:11px}.atlas-reader .sidebar h2{font-size:15px}.reader-route{font-size:11px;margin-bottom:29px;border:0;padding-bottom:8px}.reader-route a{border-radius:30px;background:var(--surface);padding:7px 12px;border:1px solid var(--line)}.atlas-reader .hero{padding:27px 30px 29px;border:1px solid var(--line);border-radius:27px;background:var(--surface);box-shadow:var(--studio-shadow);margin-bottom:8px;position:relative;overflow:hidden}.atlas-reader .hero:before{content:"";width:100px;height:100px;position:absolute;right:-27px;top:-33px;border-radius:30px;transform:rotate(18deg);background:var(--studio-lime);opacity:.7;pointer-events:none}.atlas-reader .hero h1{font-size:clamp(30px,3.4vw,43px);font-weight:600;line-height:1.42;letter-spacing:-.025em;position:relative;max-width:95%}.atlas-reader .thai-title{font-size:24px;color:var(--accent);font-weight:500;margin-bottom:19px}.atlas-reader .intro{font-size:18px;line-height:2.05;color:var(--muted)}.atlas-reader .chapter-label{font-size:12px}.atlas-reader .meta{font-size:11px;gap:8px}.atlas-reader .meta span{border:0;border-radius:30px;background:var(--soft);padding:5px 10px}.atlas-reader .prereq{font-size:13px;border-radius:14px;padding:14px 18px;margin-top:21px;line-height:1.9}.atlas-reader section.chapter{padding:43px 0;scroll-margin-top:100px}.atlas-reader .chapter h2{font-size:28px;font-weight:600;line-height:1.65;letter-spacing:-.01em}.atlas-reader .chapter h2 small{font-size:13px;color:var(--muted);font-weight:400;letter-spacing:0}.atlas-reader .section-number{font-size:11px;letter-spacing:.04em}.atlas-reader .topic-text{max-width:68ch;margin-left:0}.atlas-reader .chapter p,.atlas-reader .book-topic-body .topic-text{line-height:2.05}.atlas-reader .chapter .topic-sources{font-size:12px}.atlas-reader .concept-figure,.atlas-reader .book-detail-figure,.atlas-reader .walk-figure,.atlas-reader .rich-figure,.atlas-reader .learning-demo,.atlas-reader .osi-figure{box-shadow:var(--studio-shadow);border-radius:25px;border:1px solid var(--line);background:var(--surface);margin-top:25px;margin-bottom:28px}.walk-figure{padding:28px}.walk-icon{border-radius:15px;box-shadow:0 3px 10px #20312906}.walk-stack li,.walk-nested li{border-radius:15px}.walk-network li,.walk-tree li,.walk-compare li,.walk-parallel li,.walk-cycle li{border-radius:17px;background:var(--paper)}.concept-part{border-radius:15px!important;background:var(--paper)!important}.concept-part:nth-child(3n+2){background:var(--studio-blue)!important}.concept-part:nth-child(3n+3){background:var(--studio-violet)!important}.concept-index{border-radius:10px}.figure-tabs button,.demo-controls button{border-radius:12px;min-height:40px;padding:8px 15px}.figure-tabs button[aria-pressed=true]{box-shadow:0 3px 10px #20312910}.atlas-reader .callout,.atlas-reader .closing,.atlas-reader .concept-bridge{border-radius:19px}.osi-layout{gap:24px}.osi-pyramid{gap:7px}.osi-layer{border-radius:12px!important;box-shadow:0 3px 7px #20312908;border-color:transparent!important}.osi-layer[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}.osi-detail{border-radius:18px!important;background:var(--paper)!important}.next-link{border-radius:21px;background:var(--surface);box-shadow:var(--studio-shadow)}.term-dialog{border-radius:22px;box-shadow:0 18px 70px #0003}.reader-outline-button{border-radius:30px;box-shadow:var(--studio-shadow)}
/* Purpose-built explanatory explorers, with a visible result for every action. */
.atlas-reader .studio-explorer-section{padding-bottom:5px;padding-top:23px}.studio-explorer{margin:0;border:1px solid var(--line);border-radius:26px;background:var(--surface);padding:28px;box-shadow:var(--studio-shadow);color:var(--ink);overflow:hidden}.studio-explorer figcaption{margin:0 0 25px;display:block}.studio-explorer figcaption>strong{display:block;font-size:23px;font-weight:600;line-height:1.7;letter-spacing:-.015em;margin-top:6px}.studio-node-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:23px 0 25px}.studio-path-node{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;text-align:center}.studio-path-node:not(:last-child):after{content:"→";position:absolute;right:-18px;top:20px;color:var(--muted);font-size:20px}.studio-path-node>span{width:69px;height:65px;border:1px solid var(--line);border-radius:20px;display:grid;place-items:center;background:var(--paper);color:var(--muted);box-shadow:0 5px 12px #20312905;transition:background .2s,transform .2s}.studio-path-node svg{width:32px;height:32px}.studio-path-node strong{font-size:12px;font-weight:500}.studio-path-node.is-active>span{background:var(--studio-lime);color:var(--accent);border-color:var(--accent);transform:translateY(-3px)}.studio-path-node.is-unused{opacity:.4}.studio-step-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.studio-step-buttons button{background:var(--paper);color:var(--muted);border:1px solid var(--line);border-radius:15px;text-align:left;padding:13px 12px;font-size:11px}.studio-step-buttons button>span{display:block;font-size:12px;font-weight:500;line-height:1.8;margin-top:5px}.studio-step-buttons button[aria-pressed=true]{background:var(--tint);border-color:var(--accent);color:var(--ink)}.studio-explore-display{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:22px;margin:22px 0 15px}.studio-payload{display:flex;flex-direction:column;gap:10px}.studio-payload>div{border-radius:16px;background:var(--studio-blue);padding:16px 17px}.studio-payload>div:nth-child(2){background:var(--tint)}.studio-payload small{font-size:11px;color:var(--muted);display:block;line-height:1.9;margin-bottom:5px}.studio-payload strong{font-family:ui-monospace,Consolas,monospace;font-size:14px;font-weight:500;overflow-wrap:anywhere;line-height:1.85;display:block}.studio-payload>span{align-self:start;font-size:11px;color:var(--muted);padding:6px 10px;background:var(--soft);border-radius:8px}.studio-step-count{font:11px ui-monospace,monospace;color:var(--muted)}.studio-explore-copy h3{font-size:19px;font-weight:600;line-height:1.8;margin:6px 0 8px}.atlas-reader .studio-explore-copy p{font-size:15px!important;line-height:2!important;margin:0}.studio-explorer-controls{display:flex;justify-content:space-between;gap:10px;margin-top:21px}.studio-explorer-controls button{border-radius:30px;padding:10px 17px;font-size:12px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}.studio-explorer-controls button:last-child{background:var(--tint);color:var(--accent)}.atlas-reader .studio-explorer-note{font-size:12px!important;color:var(--muted);line-height:1.95!important;margin:22px 0 0;padding-top:17px;border-top:1px solid var(--line)}.studio-explorer-note a{color:var(--accent);text-underline-offset:3px}.studio-switch{display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.8;margin:20px 0 0;color:var(--ink)}.studio-switch input{accent-color:var(--accent);width:18px;height:18px;flex-shrink:0}.studio-choice-row{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.studio-choice-row button{display:flex;align-items:center;gap:8px;border-radius:13px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:12px;padding:11px 15px;min-height:44px}.studio-choice-row button svg{width:20px;height:20px}.studio-choice-row button[aria-pressed=true]{background:var(--studio-lime);border-color:var(--accent)}.studio-backup-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:relative;margin:23px 0 26px}.studio-backup-timeline:before{content:"";position:absolute;height:2px;background:var(--line);top:11px;left:0;right:0}.studio-backup-timeline>span{padding-top:25px;font-size:17px;font-weight:600;position:relative;line-height:1.6}.studio-backup-timeline>span:before{content:"";position:absolute;top:4px;left:0;width:15px;height:15px;border-radius:100%;background:var(--accent);border:4px solid var(--tint)}.studio-backup-timeline small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:5px}.studio-backup-timeline>span.studio-incident:before{background:#b34c3b;border-color:var(--studio-peach)}.studio-restore-scene{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);align-items:center;gap:10px}.studio-file{display:flex;align-items:center;flex-direction:column;text-align:center;background:var(--studio-peach);padding:25px 16px;border-radius:21px;gap:6px}.studio-file svg{width:48px;height:48px;margin-bottom:8px}.studio-file strong{font-size:16px;font-weight:550}.studio-file span{font-size:12px;color:var(--muted)}.studio-file.restored{background:var(--tint)}.studio-restore-arrow{font-size:28px;text-align:center;color:var(--muted)}.atlas-reader [data-restore-loss],.atlas-reader [data-access-result],.atlas-reader [data-cloud-summary]{font-size:15px!important;line-height:2!important;background:var(--soft);border-radius:15px;padding:16px 18px;margin:20px 0 0}.studio-input-label{display:block;font-size:13px;margin-bottom:8px}.studio-text-input{border:1px solid var(--line);border-radius:13px;width:100%;background:var(--paper);color:var(--ink);padding:13px 16px;font:17px/1.7 ui-monospace,Consolas,monospace}.studio-hash-flow{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:25px 0}.studio-hash-flow>span{display:flex;align-items:center;gap:8px;font-size:12px}.studio-hash-flow svg{width:21px;height:21px}.studio-hash-flow .studio-algorithm{border-radius:11px;background:var(--studio-violet);padding:13px 18px;font-family:ui-monospace,monospace}.studio-hash-flow>b{font-size:16px;color:var(--muted)}.studio-hash-output{display:block;border-radius:17px;padding:21px;background:var(--tint);font:15px/2.1 ui-monospace,Consolas,monospace;overflow-wrap:anywhere;min-height:104px;letter-spacing:.025em}.studio-access-controls{display:flex;align-items:end;gap:15px;flex-wrap:wrap;margin-bottom:23px}.studio-access-controls .studio-switch{margin:0;align-self:center;flex:1}.studio-access-controls>label:not(.studio-switch){display:flex;flex-direction:column;gap:8px;font-size:11px;color:var(--muted)}.studio-access-controls select{padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--paper);color:var(--ink);font-size:12px;max-width:100%}.studio-gates{display:grid;grid-template-columns:minmax(0,1fr) 25px minmax(0,1fr);gap:10px;align-items:center}.studio-gates>div{border:1px solid var(--line);border-radius:20px;padding:22px 17px;min-height:165px;display:flex;flex-direction:column;background:var(--soft)}.studio-gates>span{text-align:center;color:var(--muted)}.studio-gates svg{width:31px;height:31px;margin-bottom:12px}.studio-gates small{font-size:11px;color:var(--muted)}.studio-gates strong{font-size:15px;font-weight:550;line-height:1.8;margin-top:8px}.studio-gates .is-pass{background:var(--tint)}.studio-gates .is-denied{background:var(--studio-peach)}.studio-responsibilities{border:1px solid var(--line);border-radius:18px;overflow:hidden;margin:20px 0}.studio-responsibilities>div{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding:13px 17px;font-size:13px}.studio-responsibilities>div:last-child{border:0}.studio-responsibilities strong{flex-shrink:0;font-size:11px;font-weight:500;border-radius:9px;background:var(--tint);color:var(--accent);padding:5px 10px}.studio-responsibilities [data-cloud-owner=provider]{background:var(--studio-blue);color:var(--info-blue)}.studio-responsibilities [data-cloud-owner=shared]{background:var(--studio-violet);color:var(--info-purple)}
.studio-zoom-button{border:1px solid var(--line);border-radius:30px;background:var(--paper);color:var(--muted);font-size:11px;padding:7px 11px;display:block;align-self:start;flex-shrink:0;margin-left:auto;margin-top:9px}.studio-lightbox{border:1px solid var(--line);border-radius:23px;background:var(--surface);color:var(--ink);width:min(1100px,94vw);max-height:90dvh;padding:22px;box-shadow:0 25px 100px #0004}.studio-lightbox::backdrop{background:#121c2590;backdrop-filter:blur(5px)}.studio-lightbox-head{display:flex;align-items:start;justify-content:space-between;gap:20px}.studio-lightbox h2{font-size:19px;font-weight:550;line-height:1.7;margin:0}.studio-lightbox-close{border:1px solid var(--line);border-radius:100%;height:37px;width:37px;flex-shrink:0;background:var(--paper);color:var(--ink);font-size:24px}.studio-lightbox-tools{display:flex;align-items:center;gap:15px;color:var(--muted);font-size:12px;margin:17px 0}.studio-lightbox-tools input{accent-color:var(--accent);width:140px;max-width:45vw}.studio-lightbox-canvas{background:var(--paper);border-radius:17px;overflow:auto;padding:20px;max-height:62dvh}.studio-lightbox-canvas>svg{display:block;max-width:none;height:auto;min-width:100%}.studio-lightbox-copy{font-size:13px;line-height:1.9;margin:17px 0 0;color:var(--muted)}
@media(min-width:1500px){.atlas-reader .reading{max-width:880px}.atlas-welcome h1{font-size:61px}}
@media(max-width:1120px){.studio-route-stops{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.studio-route-stops button{display:grid;grid-template-columns:37px 1fr;text-align:left;column-gap:10px;padding:10px}.studio-route-icon{grid-row:span 2;width:37px;height:37px;margin:0}.studio-route-stops small{align-self:end}.studio-route-stops strong{align-self:start}.atlas-library-hero{gap:25px}.studio-desk-note{padding:15px}.atlas-entry{min-width:0}.atlas-library-main{padding-left:25px;padding-right:25px}.studio-route{padding:23px}.atlas-category summary{padding:20px 17px}.studio-folder{width:36px;height:36px}.category-number{padding-top:8px}.atlas-reader .layout{gap:29px;grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:900px){.atlas-library-layout{grid-template-columns:1fr}.atlas-rail{display:none}.atlas-library-main{max-width:820px;padding:32px 25px}.atlas-header{padding:0 24px}.atlas-global{gap:3px}.atlas-global a{padding:7px 11px;font-size:12px}.atlas-reader .layout{display:block;max-width:870px;padding:27px 25px 60px}.atlas-reader .sidebar{display:none}.reader-outline-button{display:flex}.atlas-library-hero{grid-template-columns:minmax(0,1fr) minmax(245px,.8fr);gap:27px}.atlas-welcome h1{font-size:44px}.studio-route-head{align-items:start}.studio-route-head h2{font-size:22px}.studio-route-detail p{font-size:13px}}
@media(max-width:720px){.atlas-header{height:66px;padding:0 18px;gap:12px}.atlas-header .brand{font-size:15px;gap:8px}.atlas-header .brand small{font-size:10px}.atlas-header .brandmark{width:32px;height:32px}.atlas-global{display:none}.icon-tool{height:36px;min-width:35px;padding:6px 8px;font-size:11px}.icon-tool#themeButton{min-width:70px}.atlas-tools{gap:5px}.progress{top:65px}.atlas-library-main{padding:25px 20px 45px}.atlas-library-hero{grid-template-columns:1fr;gap:25px;margin-bottom:25px}.atlas-welcome h1{font-size:43px;line-height:1.5;margin-top:11px}.atlas-welcome p{font-size:14px}.atlas-entry{grid-template-columns:1fr}.studio-desk-note{display:none}.entry-start{padding:21px 23px;border-radius:21px}.entry-start>strong{font-size:20px}.entry-action{margin-top:14px}.atlas-counts{margin-top:18px}.studio-route{padding:21px 18px;border-radius:22px}.studio-route-head{display:block;margin-bottom:15px}.studio-route-head h2{font-size:22px}.studio-route-head p{max-width:none;font-size:12px;margin-top:7px}.studio-route-stops{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.studio-route-stops button{display:flex;text-align:center;padding:10px 3px;gap:4px}.studio-route-icon{width:35px;height:35px;margin-bottom:3px}.studio-route-stops strong{font-size:10px}.studio-route-stops small{align-self:center;font-size:9px}.studio-route-detail{gap:12px;align-items:start;flex-wrap:wrap;padding-top:17px;min-height:0}.studio-route-detail-icon{width:36px;height:36px;border-radius:11px}.studio-route-detail-icon svg{width:21px;height:21px}.studio-route-detail>div{flex:1;min-width:0}.studio-route-detail h3{font-size:15px}.studio-route-detail p{font-size:12px}.studio-route-detail>a{max-width:none;flex-wrap:nowrap;margin-left:48px;justify-content:start}.studio-route-detail>a span{width:auto;text-align:left;margin-right:4px}.atlas-find{top:66px;padding-top:15px}.find-heading{align-items:start;display:block;margin-bottom:12px}.find-heading h2{font-size:21px}.find-heading>span{display:block;margin-top:3px;font-size:11px}.atlas-find-controls{flex-direction:column;gap:10px}.atlas-search{flex:none;height:51px;padding:0 14px}.atlas-search input{font-size:13px}.atlas-stage-select select{max-width:none;height:44px;width:100%}.atlas-search-state{font-size:11px}.atlas-chapters{grid-template-columns:1fr;gap:14px}.atlas-shelf-title{gap:12px}.atlas-shelf-title h2{font-size:23px}.atlas-shelf-title h2 small{font-size:11px;display:block;margin:4px 0 0}.atlas-shelf-title p{font-size:12px}.atlas-shelf{scroll-margin-top:255px;margin-top:30px;margin-bottom:38px}.atlas-category summary{padding:19px 18px}.studio-folder{width:40px;height:40px}.category-name strong{font-size:14px}.category-name>span{font-size:13px}.category-name>small{font-size:11px}.atlas-lesson-row{padding:17px 18px}.lesson-name strong{font-size:13px}.lesson-name>span{font-size:12px}.atlas-reader .layout{padding:22px 18px 66px}.atlas-reader .hero{padding:23px 22px;border-radius:23px}.atlas-reader .hero h1{font-size:32px;max-width:100%}.atlas-reader .thai-title{font-size:21px}.atlas-reader .intro{font-size:17px}.atlas-reader .chapter h2{font-size:24px}.atlas-reader .chapter h2 small{font-size:12px}.atlas-reader .prereq{padding:13px 14px;font-size:12px}.atlas-reader section.chapter{scroll-margin-top:90px;padding:33px 0}.reader-route{font-size:10px;gap:8px;flex-wrap:wrap;margin-bottom:20px}.reader-route a{padding:6px 9px}.reader-route .reader-next{margin-left:auto}.reader-route>span{order:3;width:100%}.atlas-reader .concept-figure,.atlas-reader .book-detail-figure,.atlas-reader .walk-figure,.atlas-reader .rich-figure,.atlas-reader .learning-demo,.atlas-reader .osi-figure{border-radius:21px}.studio-explorer{padding:22px 18px;border-radius:23px}.studio-explorer figcaption>strong{font-size:21px}.studio-explorer figcaption{margin-bottom:21px}.studio-node-path{gap:12px}.studio-path-node>span{width:52px;height:52px;border-radius:16px}.studio-path-node svg{width:26px;height:26px}.studio-path-node strong{font-size:10px}.studio-path-node:not(:last-child):after{right:-14px;top:14px;font-size:18px}.studio-step-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.studio-step-buttons button{font-size:10px;padding:12px}.studio-step-buttons button>span{font-size:12px}.studio-explore-display{grid-template-columns:1fr;gap:20px}.studio-payload>div{padding:14px 16px}.studio-payload strong{font-size:13px}.studio-payload>span{font-size:11px}.studio-explore-copy h3{font-size:18px}.studio-explorer-note{font-size:12px}.studio-backup-timeline{gap:10px}.studio-backup-timeline>span{font-size:16px}.studio-backup-timeline small{font-size:10px}.studio-file{padding:22px 11px}.studio-file strong{font-size:13px}.studio-file span{font-size:10px}.studio-file svg{width:37px;height:37px}.studio-restore-scene{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:7px}.studio-hash-flow{gap:8px;flex-wrap:wrap}.studio-hash-flow>span{font-size:11px}.studio-hash-flow svg{width:18px;height:18px}.studio-hash-flow .studio-algorithm{padding:10px 12px}.studio-hash-output{font-size:13px;padding:18px;line-height:2;min-height:116px}.studio-access-controls{gap:13px;align-items:start}.studio-access-controls .studio-switch{flex-basis:100%}.studio-access-controls>label:not(.studio-switch){flex:1;min-width:110px}.studio-gates{grid-template-columns:minmax(0,1fr) 17px minmax(0,1fr);gap:6px}.studio-gates>div{padding:19px 12px;min-height:165px}.studio-gates strong{font-size:13px}.studio-gates small{font-size:10px}.studio-responsibilities>div{font-size:12px;padding:12px;gap:12px}.studio-responsibilities strong{font-size:10px;padding:5px 8px}.studio-choice-row button{font-size:12px;padding:10px 12px}.studio-lightbox{padding:18px;border-radius:19px}.studio-lightbox h2{font-size:16px}.studio-lightbox-canvas{padding:12px}.studio-lightbox-copy{font-size:12px}.studio-zoom-button{margin:10px 0 0 auto}.atlas-library-footer{font-size:11px;flex-wrap:wrap}}
@media(max-width:360px){.atlas-header{padding:0 12px}.atlas-header .brand small{display:none}.atlas-header .brandmark{display:none}.atlas-tools{margin-left:auto}.atlas-library-main{padding-left:15px;padding-right:15px}.atlas-welcome h1{font-size:37px}.studio-route-stops{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-route-stops strong{font-size:9px}.studio-route{padding:18px 12px}.studio-route-detail-icon{display:none}.studio-route-detail>a{margin-left:0}.studio-hash-flow svg{display:none}.studio-access-controls select{font-size:11px}.studio-file strong{font-size:12px}.atlas-reader .layout{padding-left:14px;padding-right:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.entry-start:hover,.studio-route-stops button:hover,.studio-path-node.is-active>span{transform:none}}
@media print{.atlas-header,.studio-zoom-button,.studio-explorer-controls,.studio-step-buttons,.studio-choice-row,.studio-switch,.studio-lightbox,.reader-outline-button{display:none!important}.studio-explorer,.atlas-reader .hero{box-shadow:none;background:white;color:black}.studio-explorer{break-inside:avoid}.studio-explorer-note{color:#333}.atlas-reader .layout{display:block;padding:0}}