/* V3: editorial Dark Metro, responsive proposal and presentation components. */
[hidden]{display:none!important}.page-heading{max-width:980px}.page-heading>p{font-size:18px;max-width:780px}.article-prose,.prose{font-size:18px;line-height:1.9}.article-prose p,.prose p{max-width:76ch}.topnav{gap:24px}.topnav a{white-space:nowrap}.header-search{width:280px}.header-contact{font-size:12px}.breadcrumbs{font-size:12px}.sidebar{font-size:12px}.section{margin-top:64px}.section-heading{gap:20px;align-items:end}.section-heading h2{font-size:25px;letter-spacing:-.045em}.section-heading p{font-size:15px;margin-top:12px;max-width:680px}.section-heading>.text-link{white-space:nowrap;font-size:13px}.v3-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:36px;align-items:center;min-height:460px;padding:56px 0 44px}.v3-hero h1{font-size:40px;line-height:1.2;letter-spacing:-.055em}.v3-hero h1 em{font-style:normal;color:var(--accent)}.v3-hero-copy>p{max-width:620px;font-size:18px;line-height:1.9;margin:24px 0}.v3-hero .hero-search{max-width:650px;padding:12px 16px;border-radius:6px;background:var(--surface);box-shadow:0 8px 30px #0001}.hero-search input{font-size:15px;min-width:0}.search-suggestions{font-size:12px;flex-wrap:wrap;gap:12px}.hero-system{height:355px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at center,#1b998e12,transparent 68%);font-size:12px}.system-orbit{position:absolute;inset:44px 40px;border:1px solid var(--border);border-radius:50%;transform:rotate(-20deg)}.system-orbit:before{content:'';position:absolute;inset:25px -17px;border:1px dashed var(--border);border-radius:50%;transform:rotate(65deg)}.system-caption{position:absolute;top:0;left:0;font-size:12px;letter-spacing:2px;color:var(--faint)}.system-core{border:1px solid #458b87;background:linear-gradient(145deg,var(--surface2),var(--bg));width:160px;height:160px;border-radius:24px;transform:rotate(-5deg);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 70px #20d9c91a,0 20px 35px #0003;z-index:2;color:var(--accent)}.system-core strong{font-size:18px;color:var(--text);margin-top:8px}.system-core small{font-size:12px;color:var(--muted)}.system-node{position:absolute;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:13px 16px;display:grid;grid-template-columns:28px auto;column-gap:10px;z-index:3;box-shadow:var(--shadow);min-width:150px}.system-node svg{grid-row:span 2;color:var(--accent2);align-self:center}.system-node b{font-size:12px;font-weight:600}.system-node small{font-size:12px;color:var(--faint)}.sn1{left:0;top:55px}.sn2{right:0;top:70px}.sn3{left:3%;bottom:50px}.sn4{right:0;bottom:27px}.system-bottom{position:absolute;bottom:0;font-size:12px;letter-spacing:1.3px;color:var(--faint)}.v3-stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:36px;padding:22px 0;color:var(--muted);font-size:12px}.v3-stats>span{display:flex;align-items:center;gap:12px}.v3-stats b{font-size:25px;font-weight:600;color:var(--text);letter-spacing:-1px}.v3-stats>a{margin-left:auto;display:flex;gap:14px;color:var(--accent);align-items:center;font-weight:600}.v3-task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.v3-task{position:relative;border:1px solid var(--border);padding:26px;display:flex;flex-direction:column;min-height:245px;border-radius:6px;background:var(--surface);transition:border-color .2s,transform .2s}.v3-task:hover{border-color:var(--accent);transform:translateY(-3px);color:var(--text)}.task-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;color:var(--accent)}.task-top small{font-size:12px;color:var(--faint)}.v3-task h3{font-size:18px}.v3-task p{font-size:13px;margin:12px 0 24px}.v3-task .card-action{margin-top:auto;font-size:12px;color:var(--accent)}.task-0{background:linear-gradient(130deg,#12393c,var(--surface))}.task-1{background:linear-gradient(130deg,#152d44,var(--surface))}.task-2{background:linear-gradient(130deg,#222342,var(--surface))}.industry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.industry-card{background:var(--surface);border:1px solid var(--border);padding:23px 20px;position:relative;border-radius:6px;display:flex;flex-direction:column;align-items:start;gap:12px}.industry-card .tiny-label{position:absolute;right:18px;top:24px;color:var(--faint)}.industry-icon{display:inline-flex;padding:10px;background:var(--accentbg);color:var(--accent);border-radius:6px;margin-bottom:12px}.industry-card h3{font-size:18px;letter-spacing:-.02em}.industry-card p{font-size:13px;line-height:1.8}.industry-card>svg{margin-top:auto;color:var(--accent)}.industry-card:hover{border-color:var(--accent);color:var(--text)}.proposal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.proposal-card{border:1px solid var(--border);background:var(--surface);border-radius:6px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s}.proposal-card:hover{border-color:var(--accent)}.proposal-cover{display:block;position:relative;overflow:hidden;background:#eaf1f8}.proposal-cover img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;transition:transform .3s}.proposal-card:hover img{transform:scale(1.025)}.proposal-cover>span{position:absolute;bottom:10px;right:10px;background:#0c2030ec;border:1px solid #55758b;color:#e8f0f7;font-size:12px;padding:3px 9px;border-radius:4px}.proposal-copy{padding:23px;display:flex;flex-direction:column;flex:1}.proposal-copy h3{font-size:18px;line-height:1.45;margin:12px 0}.proposal-copy>p{font-size:13px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:24px}.proposal-foot{border-top:1px solid var(--border);padding-top:16px;display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:auto;font-size:12px;color:var(--muted)}.proposal-foot>a{color:var(--accent)}.trust-strip{display:flex;align-items:center;gap:24px;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:30px;margin-top:64px}.trust-strip>svg{color:var(--accent)}.trust-strip h2{font-size:25px}.trust-strip p{font-size:13px;margin-top:7px}.trust-strip .button{margin-left:auto;white-space:nowrap}.proposal-filter{background:var(--surface);border:1px solid var(--border);padding:22px;display:grid;grid-template-columns:2fr 1.3fr 1.3fr 1fr auto;gap:16px;align-items:end;border-radius:6px}.proposal-filter label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted);min-width:0}.proposal-filter input,.proposal-filter select{background:var(--bg);color:var(--text);border:1px solid var(--border);padding:10px;width:100%;min-width:0;border-radius:4px;font-size:13px;height:45px}.proposal-filter button{min-height:45px}#proposal-count{font-size:13px;color:var(--muted);margin:22px 0}.proposal-heading{display:grid;grid-template-columns:1.35fr 1fr;gap:38px;align-items:center;padding-bottom:36px}.proposal-heading .page-heading{padding-bottom:20px}.proposal-heading h1{font-size:25px}.proposal-heading .page-heading p{font-size:18px}.proposal-heading figure{border:1px solid var(--border);background:var(--surface);padding:12px;border-radius:7px;box-shadow:var(--shadow);transform:rotate(1deg)}.proposal-heading figure img{width:100%;height:auto;aspect-ratio:16/9}.proposal-heading figcaption{color:var(--faint);font-size:12px;margin:10px 0 0}.proposal-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.proposal-badges span{border:1px solid var(--border);padding:3px 9px;font-size:12px;color:var(--muted);border-radius:3px}.proposal-badges span:last-child{color:var(--accent);background:var(--accentbg);border-color:transparent}.scope-grid,.responsibility-grid,.role-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:25px}.scope-grid>div,.responsibility-grid>div,.role-paths>div{background:var(--surface);padding:24px;border:1px solid var(--border);border-radius:5px}.scope-grid>div>span{font-size:12px;color:var(--accent);display:block;margin-bottom:16px}.scope-grid p,.responsibility-grid p{font-size:15px;line-height:1.85}.responsibility-grid h3{font-size:18px;margin-bottom:14px}.prose{margin:42px 0}.prose h2{font-size:25px;margin-bottom:20px}.prose h3{margin:30px 0 12px}.prose ol{padding-left:24px;color:var(--muted)}.prose li{margin:12px 0;padding-left:5px}.pilot-panel{padding:34px;margin:56px 0;background:linear-gradient(120deg,var(--accentbg),var(--surface));border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:6px}.pilot-panel h2{font-size:25px;margin-bottom:18px}.pilot-panel p{font-size:18px;max-width:83ch}.pilot-panel .text-link,.pilot-panel .button{margin-top:25px;display:inline-flex}.role-paths h3{font-size:15px;margin-bottom:15px}.role-paths a{display:block;font-size:13px;color:var(--muted);margin:12px 0}.role-paths a:hover{color:var(--accent)}.reading-pack{border-top:1px solid var(--border);margin-top:25px}.reading-pack>a{padding:27px 0;display:flex;gap:24px;border-bottom:1px solid var(--border);align-items:start}.reading-pack>a>b{font-size:25px;color:var(--accent);font-weight:400}.reading-pack h3{font-size:25px;margin:10px 0}.reading-pack p{font-size:15px;max-width:76ch}.reading-pack>a>svg{margin-left:auto;flex-shrink:0;color:var(--accent)}.deck{border:1px solid var(--border);background:var(--surface);border-radius:7px;overflow:hidden;scroll-margin-top:150px}.deck-toolbar{padding:14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.deck-toolbar label{font-size:13px;color:var(--muted)}.deck-page{width:60px;padding:6px;background:var(--bg);border:1px solid var(--border);border-radius:3px;color:var(--text);text-align:center}.deck-full{margin-left:auto}.deck-stage{background:#dce9ef;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:default}.deck-stage img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.deck-status{font-size:12px;padding:13px 18px;border-bottom:1px solid var(--border)}.deck-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:20px}.deck-chapters strong{grid-column:1/-1;font-size:13px;color:var(--muted);margin-bottom:5px}.deck-chapters a{display:flex;align-items:center;gap:10px;font-size:12px;border:1px solid var(--border);padding:10px;border-radius:3px}.deck-chapters a span{color:var(--accent);font-size:12px}.deck-chapters a[aria-current=true]{background:var(--accentbg);border-color:var(--accent)}.deck:fullscreen{height:100vh;width:100vw;border:0;overflow:auto;background:var(--bg)}.deck:fullscreen .deck-stage{height:calc(100vh - 126px);width:100%;aspect-ratio:auto}.deck:fullscreen .deck-chapters{display:none}.deck .small-button{min-height:38px}.search-type-tabs{flex-wrap:wrap}.source-filename code{overflow-wrap:anywhere;word-break:break-word}.metadata-grid dd{overflow-wrap:anywhere}.resource-row .resource-info{min-width:0}.resource-row code{overflow-wrap:anywhere}a,button{transition:color .16s,background-color .16s,border-color .16s}.small-button:disabled{opacity:.4}.search-result h2{font-size:25px}.search-result p{font-size:15px}
[data-theme=light] .hero-search button{color:#fff}[data-theme=light] .task-0{background:linear-gradient(130deg,#dff7f1,var(--surface))}[data-theme=light] .task-1{background:linear-gradient(130deg,#e2effa,var(--surface))}[data-theme=light] .task-2{background:linear-gradient(130deg,#eae7f9,var(--surface))}[data-theme=light] .system-core{box-shadow:0 8px 30px #155f5915}
@media(min-width:1750px){.main{padding:0 56px}.v3-hero{gap:60px;padding-top:70px;padding-bottom:60px}}
@media(max-width:1250px){.topnav{gap:18px;font-size:12px}.brand strong,.brand-rule{display:none}.header-search{width:270px}.main{padding:0 26px}.v3-hero{gap:20px}.hero-system{height:320px}.system-node{padding:10px;min-width:125px}.system-core{width:130px;height:130px}.system-core small{display:none}.system-core strong{font-size:13px}.v3-stats{gap:20px}.v3-stats>span{gap:8px;flex-direction:column;align-items:start}.industry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.proposal-copy{padding:18px}.proposal-filter{grid-template-columns:2fr 1fr 1fr}.proposal-heading{grid-template-columns:1.2fr 1fr;gap:24px}}
@media(max-width:1000px){.site-frame{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:20px 10px}.v3-hero{grid-template-columns:1fr}.hero-system{display:none}.v3-hero h1{font-size:40px}.v3-task-grid,.proposal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.proposal-grid>.proposal-card:last-child:nth-child(odd){grid-column:auto}.proposal-heading{grid-template-columns:1fr}.proposal-heading figure{max-width:550px;transform:none}.scope-grid,.responsibility-grid,.role-paths{grid-template-columns:1fr}.scope-grid>div{display:flex;gap:20px}.proposal-filter{grid-template-columns:1fr 1fr}.proposal-filter label:first-child{grid-column:1/-1}.deck-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}.trust-strip{flex-wrap:wrap}.trust-strip .button{margin-left:0}.topnav .corporate{display:none}.topnav{justify-content:space-between}}
@media(max-width:760px){body{font-size:15px}.site-frame{display:block}.sidebar{display:none}.topbar{padding:0 18px;gap:10px;height:72px}.brand img{width:125px;height:43px}.header-actions{gap:5px;margin-left:auto}.language-switch{font-size:12px}.header-contact{display:none}.header-search{display:none}.menu-toggle{display:flex}.topnav{display:none;height:auto;padding:12px 18px;gap:0}.topnav.open{display:flex;flex-direction:column}.topnav a{min-height:42px;padding:10px 5px}.main{padding:0 22px}.v3-hero{padding:38px 0 30px;min-height:0}.v3-hero h1{font-size:25px;line-height:1.25}.v3-hero-copy>p{font-size:15px;margin:20px 0}.v3-hero .eyebrow{font-size:12px;letter-spacing:1.3px}.hero-search input{font-size:13px}.search-suggestions{font-size:12px}.v3-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;font-size:12px}.v3-stats>span{line-height:1.7}.v3-stats b{font-size:25px}.v3-stats>a{grid-column:1/-1;justify-self:start;margin:4px 0 0;font-size:12px}.section{margin-top:44px}.section-heading{flex-direction:column;align-items:start;gap:16px}.v3-task-grid{gap:12px}.v3-task{padding:20px;min-height:235px}.v3-task h3{font-size:18px}.v3-task p{font-size:13px}.task-top{margin-bottom:20px}.industry-card{padding:20px}.proposal-grid{grid-template-columns:1fr}.proposal-copy h3{font-size:25px}.proposal-copy{padding:24px}.proposal-copy>p{font-size:15px}.proposal-filter{padding:18px;gap:12px}.proposal-heading{padding-bottom:18px}.proposal-heading h1{font-size:40px}.proposal-heading .page-heading{padding-top:32px}.proposal-heading .page-heading p{font-size:15px}.proposal-heading .inline-actions{flex-direction:column;align-items:stretch}.pilot-panel{padding:25px;margin:38px 0}.pilot-panel h2{font-size:25px}.pilot-panel p{font-size:15px}.deck-toolbar{gap:8px;padding:10px}.deck-full{margin-left:0}.deck-toolbar .small-button{padding:7px 10px;font-size:12px}.deck-chapters{padding:14px;grid-template-columns:1fr}.deck-chapters a{font-size:13px}.trust-strip{padding:24px;gap:18px}.reading-pack>a{gap:16px}.reading-pack h3{font-size:18px}.reading-pack p{font-size:13px}.prose,.article-prose{font-size:15px;line-height:1.9}.prose h2{font-size:25px}.contact-band h2{font-size:25px}.footer{gap:26px}.resource-row{gap:12px}.resource-info>a{font-size:15px;overflow-wrap:anywhere}.resource-filters{grid-template-columns:1fr 1fr}.resource-filters .filter-query{grid-column:1/-1}.metadata-grid{grid-template-columns:1fr 1fr}.deck{scroll-margin-top:85px}html{scroll-padding-top:90px}}
@media(max-width:430px){.main{padding:0 17px}.v3-task-grid{grid-template-columns:1fr}.v3-task{min-height:190px}.industry-grid{grid-template-columns:1fr}.industry-card{display:grid;grid-template-columns:45px 1fr;gap:8px 16px}.industry-icon{grid-row:span 3;margin:0;padding:9px}.industry-card h3,.industry-card p{grid-column:2}.industry-card .tiny-label{display:none}.industry-card>svg{display:none}.proposal-filter{grid-template-columns:1fr}.proposal-filter label:first-child{grid-column:auto}.metadata-grid{grid-template-columns:1fr}.proposal-badges{gap:6px}.proposal-heading h1{font-size:25px}.resource-filters{grid-template-columns:1fr}.resource-filters .filter-query{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.mobile-search{display:none}@media(max-width:760px){.mobile-search{display:inline-flex}}@media(max-width:430px){.brand img{width:110px}.header-actions{gap:0}.language-switch svg{display:none}.header-actions .icon-button{padding:7px}.language-switch{padding:0 6px}}

/* Typography V3.1: footer 13px; large display step (60px) on wide screens */
.footer,.footer p,.footer strong,.footer a,.footer-bottom,.footer-bottom span{font-size:13px}
@media(min-width:1550px){.hero h1,.v3-hero h1{font-size:60px}}
/* Typography V3.2: cân lại cỡ chữ (vẫn trong 7 mức 12/13/15/18/25/40/60) */
.prose,.article-prose{font-size:15px;line-height:1.85}
.prose p,.article-prose p{margin:14px 0}
.prose h2,.article-prose h2{font-size:25px;margin-bottom:16px}
.sidebar{font-size:13px}
.side-label{font-size:12px}
.site-frame{grid-template-columns:248px minmax(0,1fr)}
.metro-tile p,.product-card p,.article-card p,.task-card p,.role-list p,.quick-links p,.contact-band p,.notice p,.feature-grid>div,.stage-content ul,.flow-diagram figcaption,.source-links a,.feedback,.chips>a,.toc,.result-count,#global-count,.contact-form label{font-size:13px}
.resource-filters label>span{font-size:12px}
.resource-filters select{font-size:13px}
.filter-query input{font-size:15px}
.resource-info>a{font-size:15px;line-height:1.6}
.resource-info>p{font-size:13px;line-height:1.8}
.toc>a.active{color:var(--accent);font-weight:600}
@media(max-width:1250px){.site-frame{grid-template-columns:232px minmax(0,1fr)}}
.footer,.footer p,.footer strong,.footer a,.footer-bottom,.footer-bottom span{font-size:13px}