:root{--bg:#f5f1ea;--bg-alt:#ebe5d9;--paper:#fbf8f1;--ink:#1d1b16;--ink-soft:#4a463c;--ink-faint:#8a8474;--accent:#b94f1e;--accent-soft:#e8c5af;--line:#d9d2c0;--line-soft:#e8e2d3;--ready:#2d7a4b;--draft:#c47a17;--orphan:#9a9183;--shadow:0 1px 0 rgba(29,27,22,0.04),0 8px 24px -12px rgba(29,27,22,0.12);--serif:var(--font-fraunces),Georgia,serif;--sans:var(--font-inter),-apple-system,sans-serif;--mono:var(--font-jetbrains),ui-monospace,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overflow:hidden}.app,body{height:100vh}.app{display:grid;grid-template-columns:340px 1fr}@media (max-width:900px){.app{grid-template-columns:1fr}.sidebar{display:none}.sidebar.open{display:flex;position:fixed;inset:0;z-index:10;width:100%}}.sidebar{border-right:1px solid var(--line);height:100vh;overflow-y:auto;display:flex;flex-direction:column}.sidebar,.sidebar-head{background:var(--bg-alt)}.sidebar-head{padding:28px 24px 16px;border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:1}.brand{font-family:var(--serif);font-weight:600;font-size:20px;letter-spacing:-.01em;margin:0 0 4px;color:var(--ink);text-decoration:none;display:block}.brand em{font-style:italic;color:var(--accent);font-weight:500}.brand-sub{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-faint);margin:0}.brand-sub,.legend{font-family:var(--mono);font-size:10.5px}.legend{display:flex;gap:12px;margin-top:14px;color:var(--ink-soft)}.legend span{display:inline-flex;align-items:center;gap:4px}.legend .dot{width:6px;height:6px;border-radius:50%;display:inline-block}.dot-ready{background:var(--ready)}.dot-draft{background:var(--draft)}.dot-orphan{background:var(--orphan)}.filters{padding:14px 24px;border-bottom:1px solid var(--line);display:flex;gap:6px;flex-wrap:wrap}.filter{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;background:transparent;border:1px solid var(--line);padding:4px 8px;border-radius:99px;cursor:pointer;color:var(--ink-soft);transition:all .15s}.filter:hover{border-color:var(--ink-soft)}.filter.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.nav{padding:8px 0 40px;flex:1 1}.group{padding:16px 24px 8px}.group-title{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-faint);margin:0 0 8px}.group-note{font-family:var(--sans);font-size:11.5px;color:var(--ink-faint);font-style:italic;margin:0 0 10px;line-height:1.4}.item{display:block;padding:7px 24px 7px 36px;font-size:13.5px;color:var(--ink-soft);text-decoration:none;border-left:2px solid transparent;position:relative;line-height:1.35;cursor:pointer;transition:all .12s}.item:hover{background:rgba(29,27,22,.04);color:var(--ink)}.item.active{background:var(--paper);color:var(--ink);border-left-color:var(--accent);font-weight:500}.item .badge{position:absolute;left:18px;top:12px;width:6px;height:6px;border-radius:50%}.item[data-status=ready] .badge{background:var(--ready)}.item[data-status=draft] .badge{background:var(--draft)}.item[data-status=orphan] .badge{background:var(--orphan);opacity:.6}.item[data-status=orphan]{color:var(--ink-faint)}.item .gravada-check{margin-left:6px;color:var(--ready);font-weight:600}.main{overflow-y:auto;height:100vh;background:var(--paper)}.content{max-width:760px;margin:0 auto;padding:80px 60px 120px}@media (max-width:720px){.content{padding:60px 24px 80px}}.topbar{display:none;padding:12px 20px;border-bottom:1px solid var(--line);background:var(--paper);position:-webkit-sticky;position:sticky;top:0;z-index:5}@media (max-width:900px){.topbar{display:flex;align-items:center;gap:12px}}.menu-btn{background:transparent;border:1px solid var(--line);padding:6px 12px;font-family:var(--mono);font-size:11px;cursor:pointer;border-radius:4px}.welcome{color:var(--ink-soft)}.welcome h1{font-family:var(--serif);font-weight:500;font-size:56px;line-height:1;letter-spacing:-.02em;color:var(--ink);margin:0 0 8px}.welcome h1 em{font-style:italic;color:var(--accent)}.welcome .lede{font-family:var(--serif);font-size:20px;font-style:italic;color:var(--ink-soft);margin:0 0 48px;line-height:1.4}.stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;margin-bottom:48px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat-num{font-family:var(--serif);font-size:48px;font-weight:500;line-height:1;letter-spacing:-.02em}.stat-num.ready{color:var(--ready)}.stat-num.draft{color:var(--draft)}.stat-num.orphan{color:var(--orphan)}.stat-lbl{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint);margin-top:6px}.welcome p{line-height:1.65;font-size:15px;max-width:60ch}.welcome .hint{font-size:11.5px;margin-top:48px;padding-top:16px;border-top:1px solid var(--line-soft)}.lesson-meta,.welcome .hint{font-family:var(--mono);color:var(--ink-faint)}.lesson-meta{display:flex;align-items:center;gap:12px;margin-bottom:24px;font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;flex-wrap:wrap}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:99px;font-size:10px;font-weight:600}.status-ready{background:rgba(45,122,75,.1);color:var(--ready)}.status-draft{background:rgba(196,122,23,.1);color:var(--draft)}.status-orphan{background:rgba(154,145,131,.1);color:var(--orphan)}.gravada-toggle{display:inline-flex;align-items:center;gap:6px;margin-left:auto;font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);cursor:pointer;border:1px solid var(--line);padding:4px 10px;border-radius:99px;background:transparent;transition:all .15s}.gravada-toggle:hover{border-color:var(--ink-soft)}.gravada-toggle.on{background:rgba(45,122,75,.1);border-color:var(--ready);color:var(--ready)}.auth-shell{height:100vh;overflow-y:auto;background:var(--paper);display:flex;align-items:center;justify-content:center;padding:40px 24px}.auth-box{width:100%;max-width:440px}.auth-box h1{font-family:var(--serif);font-weight:500;font-size:34px;line-height:1.08;letter-spacing:-.02em;color:var(--ink);margin:0 0 8px}.auth-box h1 em{font-style:italic;color:var(--accent)}.auth-box .lede{font-family:var(--serif);font-size:17px;font-style:italic;color:var(--ink-soft);margin:0 0 28px}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-form input{font-family:var(--sans);font-size:15px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink)}.auth-form input:focus{outline:none;border-color:var(--accent)}.auth-form button{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em;padding:12px 16px;border:1px solid var(--ink);border-radius:8px;background:var(--ink);color:var(--paper);cursor:pointer;transition:opacity .15s}.auth-form button:disabled{opacity:.6;cursor:default}.auth-err{margin:14px 0 0;font-size:13.5px;color:var(--accent)}.auth-hint{margin:20px 0 0;font-size:12.5px;color:var(--ink-faint);line-height:1.5}.auth-feedback{margin:14px 0 0}.auth-feedback .auth-err{margin:0 0 6px}.auth-support{font-size:13px;color:var(--ink-soft);line-height:1.55;margin:0}.auth-box a{color:var(--accent);text-decoration:underline}.auth-logo{display:block;width:84px;height:84px;border-radius:16px;margin:0 0 18px}.brand{display:flex;align-items:center;gap:10px}.brand-logo{width:36px;height:36px;border-radius:8px;flex-shrink:0}.brand-text{display:block}.locked-screen{text-align:center;padding:40px 0;color:var(--ink-soft)}.locked-badge{font-size:40px;margin-bottom:12px}.locked-screen h1{font-family:var(--serif);font-weight:500;font-size:32px;color:var(--ink);margin:0 0 16px}.locked-screen p{line-height:1.65;font-size:15px;max-width:52ch;margin:0 auto 14px}.locked-hint{font-family:var(--mono);font-size:11.5px;color:var(--ink-faint)}.updates-note{padding:18px 24px 8px;margin-top:8px;border-top:1px solid var(--line)}.updates-title{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-faint);margin:0 0 6px}.updates-text{font-size:12px;color:var(--ink-soft);line-height:1.5;margin:0}.logout-btn{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;background:transparent;border:1px solid var(--line);color:var(--ink-soft);padding:5px 12px;border-radius:99px;cursor:pointer;transition:all .15s}.logout-btn:hover{border-color:var(--ink-soft);color:var(--ink)}.topbar .logout-btn{margin-left:auto}.sidebar-logout{padding:14px 24px 28px;border-top:1px solid var(--line)}.item.locked{color:var(--ink-faint);opacity:.75}.lock{font-size:11px;opacity:.85}.group-title .lock{margin-left:4px}.stats{grid-template-columns:repeat(2,1fr)}.md{line-height:1.7;font-size:16px}.md,.md h1{color:var(--ink)}.md h1{font-weight:500;font-size:44px;line-height:1.05;letter-spacing:-.02em;margin:0 0 32px}.md h1,.md h2{font-family:var(--serif)}.md h2{font-weight:600;font-size:26px;margin:56px 0 16px;letter-spacing:-.01em;padding-bottom:8px;border-bottom:1px solid var(--line)}.md h3{font-size:17px;text-transform:uppercase;letter-spacing:.06em;margin:40px 0 12px;color:var(--ink)}.md h3,.md h4{font-family:var(--sans);font-weight:600}.md h4{font-size:15px;margin:28px 0 10px}.md p{margin:0 0 18px}.md strong{font-weight:600}.md em{font-style:italic;color:var(--ink-soft)}.md ol,.md ul{padding-left:24px;margin:0 0 20px}.md li{margin-bottom:8px}.md li::marker{color:var(--ink-faint)}.md blockquote{border-left:3px solid var(--accent);padding:4px 20px;margin:24px 0;color:var(--ink-soft);background:rgba(185,79,30,.04);font-size:14.5px}.md blockquote p:last-child{margin-bottom:0}.md code{font-family:var(--mono);font-size:13.5px;background:var(--bg-alt);padding:2px 6px;border-radius:4px;color:var(--accent)}.md pre{background:var(--ink);color:#f5f1ea;padding:20px 24px;border-radius:8px;overflow-x:auto;font-size:13px;line-height:1.6;margin:0 0 24px;position:relative}.md pre code{background:transparent;color:inherit;padding:0;font-size:13px}.md pre .copy-btn{position:absolute;top:10px;right:10px;background:rgba(245,241,234,.1);border:1px solid rgba(245,241,234,.2);color:#f5f1ea;font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;padding:4px 8px;border-radius:4px;cursor:pointer;opacity:.6;transition:opacity .15s}.md pre:hover .copy-btn{opacity:1}.md pre .copy-btn.copied{color:#8fd4a8}.md hr{border:0;border-top:1px solid var(--line);margin:48px 0}.md a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent-soft);transition:border-color .15s}.md a:hover{border-bottom-color:var(--accent)}.md a.aula-link{background:rgba(185,79,30,.06);padding:1px 6px;border-radius:3px;border-bottom:1px dashed var(--accent-soft);font-weight:500}.md a.aula-link:before{content:"→ ";opacity:.6}.md table{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:14px}.md td,.md th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}.md th{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);border-bottom:2px solid var(--line)}.zone{margin:32px 0;padding:24px 28px;border-radius:12px;border:1px solid var(--line)}.zone-pagina{background:rgba(45,122,75,.03);border-left:3px solid var(--ready)}.zone-guia{background:rgba(196,122,23,.04);border-left:3px solid var(--draft)}.zone-label{display:inline-block;font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;padding:3px 8px;border-radius:4px;margin-bottom:16px;font-weight:600}.zone-pagina .zone-label{background:var(--ready);color:white}.zone-guia .zone-label{background:var(--draft);color:white}.pagina-block:first-child>.md>:first-child{margin-top:0}.footer-nav{margin-top:80px;padding-top:32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;font-family:var(--sans);font-size:13.5px}.footer-nav a{color:var(--ink-soft);text-decoration:none;flex:1 1;padding:16px 20px;border:1px solid var(--line);border-radius:8px;transition:all .15s}.footer-nav a:hover{border-color:var(--ink);color:var(--ink)}.footer-nav .nav-prev{text-align:left}.footer-nav .nav-next{text-align:right}.footer-nav .nav-dir{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint);display:block;margin-bottom:4px}.footer-nav .placeholder{visibility:hidden}.main::-webkit-scrollbar,.sidebar::-webkit-scrollbar{width:8px}.main::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}.main::-webkit-scrollbar-thumb:hover,.sidebar::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}:root{--flow-line:#94a3b8;--cat-dev:#7c5cdb;--cat-vcs:#2f73e0;--cat-infra:#1f9d57;--cat-data:#e0871e;--cat-integ:#d6453d;--panel-bg:#f8fafc;--panel-card:#ffffff;--panel-line:#e6ebf2;--panel-ink:#1e293b;--panel-muted:#64748b}.diagram-section{margin:12px 0 8px}.flowdoc-wrap{overflow-x:auto;margin:18px 0 6px;padding-bottom:4px}@media (min-width:1200px){.flowdoc-wrap{margin-left:-90px;margin-right:-90px}}.flowdoc{box-sizing:border-box;min-width:560px;background-color:var(--panel-bg);background-image:linear-gradient(rgba(15,23,42,.04) 1px,transparent 0),linear-gradient(90deg,rgba(15,23,42,.04) 1px,transparent 0);background-size:28px 28px;border:1px solid var(--panel-line);border-radius:20px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 24px 48px -28px rgba(15,23,42,.22);padding:30px 32px 34px;display:flex;flex-direction:column;align-items:center}.stage-split{width:100%;display:grid;grid-template-columns:minmax(0,1.15fr) auto minmax(0,.95fr);align-items:center}.col-main,.col-side{display:flex;flex-direction:column;min-width:0}.col-side{gap:16px}@media (max-width:820px){.stage-split{grid-template-columns:1fr}}.fgroup{position:relative;border:1.5px dashed #cbd5e1;border-radius:16px;background:rgba(124,92,219,.05);padding:26px 18px 18px;display:flex;flex-direction:column;gap:14px}.fgroup-label{position:absolute;top:-11px;left:18px;background:var(--panel-bg);padding:0 10px;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--panel-muted)}.fgroup-label b{color:var(--cat-dev)}.frow{display:flex;gap:14px}.frow>.fcard{flex:1 1}.fgroup-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px;font-family:var(--mono);font-size:10.5px}.fgroup-foot .foot-pill{color:var(--cat-dev);background:color-mix(in srgb,var(--cat-dev) 10%,white);padding:3px 9px;border-radius:7px}.fgroup-foot .foot-sec{color:var(--panel-muted);align-self:center}.fcard{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:16px 18px 18px;background:var(--panel-card);border:1px solid var(--panel-line);border-top:3px solid var(--cat,#cbd5e1);border-radius:14px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 16px 32px -20px rgba(15,23,42,.28);color:var(--panel-ink)}.col-main>.fcard,.col-side>.fcard,.fcard.wide{width:100%}.fcard.solo{width:340px;max-width:100%}.fenv{align-self:center;width:auto;max-width:360px;background:#eef2f7;border:1px solid var(--panel-line);border-radius:10px;padding:9px 12px;display:flex;flex-direction:column;gap:7px}.fenv-head{display:flex;align-items:center;gap:6px;color:var(--panel-muted)}.fenv-head,.fenv-head code{font-family:var(--mono);font-size:10px}.fenv-head code{color:var(--cat-dev);background:color-mix(in srgb,var(--cat-dev) 12%,white);padding:1px 6px;border-radius:5px}.fenv-vars{display:flex;flex-wrap:wrap;gap:4px 5px}.fenv-vars code{font-family:var(--mono);font-size:9.5px;color:var(--panel-ink);background:#fff;border:1px solid var(--panel-line);padding:1px 6px;border-radius:5px}.fcard.cat-dev{--cat:var(--cat-dev)}.fcard.cat-vcs{--cat:var(--cat-vcs)}.fcard.cat-infra{--cat:var(--cat-infra)}.fcard.cat-data{--cat:var(--cat-data)}.fcard.cat-integ{--cat:var(--cat-integ)}.fcard-top{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px;margin-bottom:2px}.ftag{font-family:var(--mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--cat);background:color-mix(in srgb,var(--cat) 12%,white);padding:2px 8px}.fstep,.ftag{border-radius:99px}.fstep{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;font-size:19px;font-weight:700;color:white;background:var(--cat,var(--panel-muted));box-shadow:0 2px 6px -1px color-mix(in srgb,var(--cat) 45%,transparent)}.flogo{height:56px;width:auto;max-width:80%;object-fit:contain;margin:8px 0 4px}.flogo-emoji{font-size:40px;line-height:1;margin:6px 0 2px}.ftitle{font-family:var(--serif);font-size:20px;font-weight:600;line-height:1.08;color:var(--panel-ink)}.fsub{font-size:12.5px;color:var(--panel-muted);line-height:1.35;max-width:30ch}.fitems{list-style:none;margin:9px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:5px 6px}.fitems li{font-size:10px;color:var(--panel-ink);background:#f1f5f9;padding:2px 8px;border-radius:6px}.fbadge,.fitems li{font-family:var(--mono)}.fbadge{margin-top:10px;font-size:11px;font-weight:500;color:var(--cat);background:color-mix(in srgb,var(--cat) 10%,white);padding:4px 10px;border-radius:7px}.fsec{margin-top:9px;font-family:var(--mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--cat-data)}.vconn{position:relative;display:flex;flex-direction:column;align-items:center;padding:2px 0}.vconn .vline{width:2px;height:56px;background:var(--flow-line)}.vconn .chev{color:var(--flow-line);font-size:13px;line-height:1;margin-top:-3px}.vconn .clabel{position:absolute;left:50%;top:50%;transform:translate(16px,-50%);white-space:nowrap}.hconn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:0 10px}.hconn .hbar{position:relative;width:100%;min-width:64px;height:2px;background:var(--flow-line);border-radius:2px}.hconn.dashed .hbar{background:none;border-top:2px dashed #b8c2d0}.hconn .hbar:after{content:"";position:absolute;right:-2px;top:-4px;border-left:9px solid var(--flow-line);border-top:5px solid transparent;border-bottom:5px solid transparent}.hconn.dashed .hbar:after{border-left-color:#b8c2d0}.hconn.two .hbar:before{content:"";position:absolute;left:-2px;top:-4px;border-right:9px solid var(--flow-line);border-top:5px solid transparent;border-bottom:5px solid transparent}@media (max-width:820px){.hconn{padding:10px 0}.hconn .hbar{width:2px;min-width:0;height:26px}.hconn .hbar:after{right:auto;top:auto;bottom:-2px;border-right:5px solid transparent;border-top:9px solid var(--flow-line);border-bottom:0}.hconn .hbar:after,.hconn.two .hbar:before{left:-4px;border-left:5px solid transparent}.hconn.two .hbar:before{top:-2px;border-bottom:9px solid var(--flow-line);border-right:0}}.clabel{max-width:172px;text-align:center;font-family:var(--mono);font-size:10.5px;line-height:1.25;color:var(--panel-ink);background:var(--panel-card);border:1px solid var(--panel-line);padding:4px 10px;border-radius:8px;box-shadow:0 6px 16px -10px rgba(15,23,42,.3)}.clabel b{color:var(--panel-muted);margin-right:3px}.archmap-wrap{overflow:hidden;margin:16px 0 6px}@media (min-width:1280px){.archmap-wrap{width:calc(100vw - 420px);margin-left:calc(530px - 50vw);margin-right:0}}.archmap-sizer{margin:0 auto}.archmap{position:relative;background-color:var(--panel-bg);background-image:linear-gradient(rgba(15,23,42,.04) 1px,transparent 0),linear-gradient(90deg,rgba(15,23,42,.04) 1px,transparent 0);background-size:30px 30px;border:1px solid var(--panel-line);border-radius:20px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 24px 48px -28px rgba(15,23,42,.22)}.arch-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1}.arch-conn{fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.arch-conn.cat-dev{stroke:var(--cat-dev)}.arch-conn.cat-vcs{stroke:var(--cat-vcs)}.arch-conn.cat-infra{stroke:var(--cat-infra)}.arch-conn.cat-data{stroke:var(--cat-data)}.arch-conn.cat-integ{stroke:var(--cat-integ)}.arch-conn.dashed{stroke-dasharray:7 6}.arch-group{position:absolute;z-index:0;border-radius:18px}.arch-group.g-dev{background:color-mix(in srgb,var(--cat-dev) 6%,white);border:1px solid color-mix(in srgb,var(--cat-dev) 28%,white)}.arch-group.g-ext{background:color-mix(in srgb,var(--cat-infra) 6%,white);border:1px solid color-mix(in srgb,var(--cat-infra) 28%,white)}.arch-group-label{position:absolute;top:14px;left:22px;display:inline-flex;align-items:center;gap:9px;font-family:var(--sans);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--panel-ink)}.g-ext .arch-group-label{color:var(--cat-infra)}.arch-group-label .gnum{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:99px;color:white;font-size:15px;font-weight:700;background:var(--cat-dev)}.arch-card{position:absolute;z-index:2;display:flex;flex-direction:column;gap:8px;padding:18px 20px;background:#fff;border:1px solid var(--panel-line);border-radius:16px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 16px 34px -22px rgba(15,23,42,.28);color:var(--panel-ink)}.arch-card.cat-dev{--cat:var(--cat-dev)}.arch-card.cat-vcs{--cat:var(--cat-vcs)}.arch-card.cat-infra{--cat:var(--cat-infra);border-color:color-mix(in srgb,var(--cat-infra) 40%,white)}.arch-card.cat-data{--cat:var(--cat-data)}.arch-card.cat-integ{--cat:var(--cat-integ);border-color:color-mix(in srgb,var(--cat-integ) 32%,white)}.arch-card.mini{padding:14px 18px;gap:4px}.arch-head{display:flex;align-items:center;gap:12px}.arch-logo{height:40px;width:auto;max-width:150px;object-fit:contain}.arch-emoji{font-size:28px;line-height:1}.arch-title{font-family:var(--serif);font-size:23px;font-weight:600;line-height:1.05;color:var(--panel-ink)}.arch-title.accent{color:var(--cat-dev);font-family:var(--mono);font-size:18px}.arch-sub{font-size:13.5px;color:var(--panel-muted);line-height:1.35}.arch-pill{align-self:flex-start;margin-top:2px;font-family:var(--mono);font-size:12px;color:var(--cat-infra);background:color-mix(in srgb,var(--cat-infra) 10%,white);border:1px solid color-mix(in srgb,var(--cat-infra) 25%,white);padding:5px 10px;border-radius:8px}.arch-checks{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}.arch-checks li{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--panel-ink)}.arch-checks .chk{flex:none;width:17px;height:17px;border-radius:99px;background:var(--cat,var(--cat-data));position:relative}.arch-checks .chk:after{content:"";position:absolute;left:5px;top:3px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.arch-env{position:absolute;z-index:2;display:flex;flex-direction:column;gap:6px;padding:12px 14px;background:#eef2f7;border:1px solid var(--panel-line);border-radius:12px}.arch-env-head{color:var(--panel-muted)}.arch-env-head,.arch-env-head code{font-family:var(--mono);font-size:12px}.arch-env-head code{color:var(--cat-dev);background:color-mix(in srgb,var(--cat-dev) 12%,white);padding:1px 7px;border-radius:5px}.arch-env-lines{display:flex;flex-direction:column;gap:4px}.arch-env-lines code{font-family:var(--mono);font-size:11.5px;color:var(--panel-ink)}.arch-num{position:absolute;z-index:3;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:99px;color:white;font-size:19px;font-weight:700;box-shadow:0 3px 8px -2px rgba(15,23,42,.4)}.arch-num.cat-dev{background:var(--cat-dev)}.arch-num.cat-vcs{background:var(--cat-vcs)}.arch-num.cat-infra{background:var(--cat-infra)}.arch-num.cat-integ{background:var(--cat-integ)}.arch-num.cat-data{background:var(--cat-data)}.arch-label{position:absolute;z-index:3;transform:translate(-50%,-50%);max-width:210px;text-align:center;font-family:var(--sans);font-size:13px;line-height:1.3;color:var(--panel-ink)}.como{max-width:1180px;margin:22px auto 0;border:1px solid var(--panel-line);border-radius:16px;background:#fff;padding:18px 22px}.como-title{font-family:var(--sans);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--panel-ink)}.como-grid{margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px 24px;gap:16px 24px}.como-item{display:flex;gap:11px;align-items:flex-start}.como-num{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:99px;color:white;font-size:15px;font-weight:700}.como-num.cat-dev{background:var(--cat-dev)}.como-num.cat-vcs{background:var(--cat-vcs)}.como-num.cat-infra{background:var(--cat-infra)}.como-num.cat-integ{background:var(--cat-integ)}.como-text{font-size:13.5px;color:var(--ink-soft);line-height:1.4}@media (max-width:760px){.como-grid{grid-template-columns:1fr}}.flow-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:18px;font-family:var(--mono);font-size:10.5px;color:var(--ink-soft)}.flow-legend span{display:inline-flex;align-items:center}.flow-legend .dot{width:10px;height:10px;border-radius:3px;margin-right:6px}.flow-legend .cat-dev{background:var(--cat-dev)}.flow-legend .cat-vcs{background:var(--cat-vcs)}.flow-legend .cat-infra{background:var(--cat-infra)}.flow-legend .cat-data{background:var(--cat-data)}.flow-legend .cat-integ{background:var(--cat-integ)}.flow-steps{list-style:none;margin:16px auto 0;padding:16px 18px 0;max-width:640px;display:grid;grid-template-columns:1fr 1fr;grid-gap:7px 22px;gap:7px 22px;font-size:13px;color:var(--ink-soft);border-top:1px solid var(--line)}.flow-steps li{line-height:1.35}@media (max-width:560px){.flow-steps{grid-template-columns:1fr}}.md.cover{text-align:center;padding:56px 0 40px;border-bottom:1px solid var(--line);margin-bottom:8px}.md.cover h2{display:none}.md.cover p{margin:0}.md.cover p strong{font-weight:500;font-size:46px;line-height:1.05;letter-spacing:-.02em;color:var(--ink)}.md.cover p em,.md.cover p strong{display:block;font-family:var(--serif)}.md.cover p em{margin-top:18px;font-style:italic;font-size:20px;line-height:1.45;color:var(--ink-soft);max-width:30ch;margin-left:auto;margin-right:auto}@media (max-width:600px){.md.cover p strong{font-size:34px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}