/* Three workspace tools, three visual languages: library, document, policy. */
.ws-demo-label,.ws-kicker { font: 10px/1.6 var(--mono); color: var(--muted); letter-spacing: .08em; }
.ws-window-bar { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:18px 22px; border-bottom:1px solid var(--line); font:11px/1.5 var(--mono); color:var(--muted); }
.exp-compass-console,.exp-admin-matrix { margin:0; border:1px solid var(--line); border-radius:7px; overflow:hidden; background:var(--surface); }
.exp-compass-console figcaption,.exp-admin-matrix figcaption { padding:18px 22px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; }
/* Compass is a wide workspace, with a navigational tree and resource listing. */
.exp-compass-page .product-hero { grid-template-columns:1fr; gap:48px; padding-bottom:64px; }
.exp-compass-page .product-hero-copy { display:grid; grid-template-columns:1.2fr 1fr; gap:16px 70px; }
.exp-compass-page .product-hero-copy>.eyebrow { grid-column:1/-1; margin:0; }
.exp-compass-page .product-hero-copy h1 { grid-row:2/4; font-size:clamp(44px,5vw,70px); }
.exp-compass-page .product-lede { margin:0; }
.exp-compass-page .product-hero-actions { margin-top:8px; }
.exp-compass-browser { display:grid; grid-template-columns:220px 1fr; min-height:370px; }
.exp-compass-browser aside { border-inline-end:1px solid var(--line); background:#141a15; padding:28px 20px; }
.exp-compass-folder-list { display:grid; gap:8px; margin-top:24px; }
.exp-compass-folder-list>span { padding:12px 14px; font-size:13px; color:var(--muted); border-radius:4px; }
.exp-compass-folder-list>span:before { content:'▱'; margin-inline-end:10px; }
.exp-compass-folder-list .is-current { background:#2a3623; color:var(--lime); }
.exp-compass-files { padding:28px; min-width:0; }
.exp-compass-file-heading { display:flex; gap:20px; justify-content:space-between; margin-bottom:32px; }
.exp-compass-file-heading h2 { font-size:28px; letter-spacing:-.035em; }
.exp-compass-file-heading>span { color:var(--lime); }
.exp-compass-file-columns { display:grid; grid-template-columns:1fr 130px; gap:20px; padding:10px 0; border-bottom:1px solid var(--line); font:10px var(--mono); color:var(--muted); }
.exp-compass-file { display:grid; grid-template-columns:28px 1fr 130px; align-items:center; gap:14px; padding:18px 0; border-bottom:1px solid #2c352c; }
.exp-compass-file>span { color:var(--lime); font-size:22px; }
.exp-compass-file strong { font-size:14px; font-weight:500; }
.exp-compass-file small { color:var(--muted); font-size:12px; }
.exp-compass-organization { display:grid; grid-template-columns:.8fr 1.2fr; gap:80px; padding-block:80px; }
.exp-compass-organization h2 { white-space:pre-line; font-size:44px; }
.exp-compass-organization .section-intro { margin-top:24px; }
.exp-compass-feature-list article { display:flex; gap:24px; padding:26px 0; border-bottom:1px solid var(--line); }
.exp-folder-icon { font-size:34px; color:var(--lime); }
.exp-compass-feature-list h3 { font-size:24px; letter-spacing:-.035em; }
.exp-compass-feature-list p { color:var(--muted); font-size:15px; margin-top:12px; }
.exp-compass-feature-list .ws-kicker { margin-inline-start:auto; }
.exp-compass-route { padding:64px 0; background:#1b241b; border-block:1px solid var(--line); }
.exp-compass-route h2 { font-size:42px; }
.exp-compass-breadcrumb-art { display:flex; gap:20px; flex-wrap:wrap; padding:30px 0; margin-top:20px; font:16px var(--mono); direction:ltr; }
.exp-compass-breadcrumb-art i { color:#687c5e; font-style:normal; }
.exp-compass-route ol { list-style:none; padding:28px 0 0; margin:0; display:grid; grid-template-columns:repeat(3,1fr); gap:40px; border-top:1px solid var(--line); }
.exp-compass-route li>span { color:var(--lime); font:12px var(--mono); }
.exp-compass-route h3 { font-size:22px; margin-top:20px; letter-spacing:-.035em; }
.exp-compass-route p { color:var(--muted); font-size:14px; margin-top:14px; }
/* Notepad intentionally uses a paper document as the page's visual anchor. */
.exp-notepad-page .product-hero { grid-template-columns:.88fr 1.12fr; gap:80px; align-items:center; }
.exp-notepad-page .product-hero h1 { font-size:clamp(42px,4.3vw,64px); }
.exp-notepad-document { margin:0; padding:34px; border-radius:3px; background:#edf0e5; color:#24331f; transform:rotate(1deg); box-shadow:9px 9px 0 #34422a; }
.exp-notepad-paper-meta { display:flex; justify-content:space-between; gap:16px; padding-bottom:22px; border-bottom:1px solid #c4cfb9; font:9px var(--mono); color:#5a6d4d; }
.exp-notepad-document h2 { color:#24331f; font-size:37px; letter-spacing:-.04em; margin:26px 0 18px; white-space:pre-line; }
.exp-notepad-document>p { font-size:14px; color:#516047; line-height:1.8; }
.exp-notepad-embed { margin:24px 0; padding:16px; border:1px solid #c4cfb9; background:#e4e9dc; }
.exp-notepad-embed>div { display:flex; justify-content:space-between; font:11px var(--mono); margin-bottom:18px; color:#506943; }
.exp-notepad-embed svg { width:100%; }
.exp-notepad-quote { border-inline-start:2px solid #678357; padding-inline-start:16px; font-size:14px; line-height:1.85; }
.exp-notepad-document figcaption { font-size:11px; color:#627354; padding-top:22px; margin-top:24px; border-top:1px solid #c4cfb9; }
.exp-notepad-editorial { display:grid; grid-template-columns:.9fr 1.1fr; gap:100px; padding-block:64px 100px; }
.exp-notepad-margin h2 { font-size:44px; white-space:pre-line; }
.exp-notepad-margin .section-intro { margin-top:24px; }
.exp-notepad-chapters { border-inline-start:1px solid var(--line); padding-inline-start:40px; }
.exp-notepad-chapters article { padding:0 0 36px; margin-bottom:36px; border-bottom:1px solid var(--line); }
.exp-notepad-chapters article:last-child { margin-bottom:0; }
.exp-notepad-chapters article>span { font:12px var(--mono); color:var(--lime); }
.exp-notepad-chapters h3 { font-size:30px; margin-top:14px; letter-spacing:-.035em; }
.exp-notepad-chapters p { font-size:16px; color:var(--muted); margin-top:18px; }
.exp-notepad-publish { background:#e1e8d5; color:#26351f; padding-block:64px; }
.exp-notepad-publish h2,.exp-notepad-publish h3 { color:#26351f; }
.exp-notepad-page .exp-notepad-publish .eyebrow { color:#4d6640; }
.exp-notepad-publish .shell { display:grid; grid-template-columns:1fr 1fr; gap:80px; }
.exp-notepad-publish h2 { font-size:45px; white-space:pre-line; }
.exp-notepad-publish ol { list-style:none; margin:0; padding:0; }
.exp-notepad-publish li { display:flex; gap:24px; padding:24px 0; border-bottom:1px solid #b6c4a7; }
.exp-notepad-publish li:first-child { padding-top:0; }
.exp-notepad-publish li>span { font:12px var(--mono); color:#4d6640; }
.exp-notepad-publish h3 { font-size:23px; letter-spacing:-.035em; }
.exp-notepad-publish p { margin-top:14px; font-size:15px; color:#4d6042; }
/* Administration is a permission matrix and a decision trail. */
.exp-admin-page .product-hero { grid-template-columns:.85fr 1.15fr; gap:55px; }
.exp-admin-page .product-hero h1 { font-size:clamp(42px,4.2vw,64px); }
.exp-admin-policy-title { display:flex; gap:22px; padding:30px 24px; }
.exp-admin-shield { font-size:48px; color:var(--lime); }
.exp-admin-policy-title h2 { font-size:29px; white-space:pre-line; letter-spacing:-.035em; }
.exp-admin-policy-title p { font-size:12px; color:var(--muted); margin-top:12px; }
.exp-admin-table-wrap { overflow-x:auto; padding:0 22px 24px; }
.exp-admin-matrix table { border-collapse:collapse; width:100%; font-size:12px; }
.exp-admin-matrix th,.exp-admin-matrix td { padding:16px 10px; border-bottom:1px solid var(--line); text-align:start; }
.exp-admin-matrix thead th { color:var(--muted); font-weight:400; background:#202a1e; }
.exp-admin-matrix tbody th { font-weight:500; }
.exp-admin-allow { color:var(--lime); }
.exp-admin-allow:before { content:'✓ '; }
.exp-admin-deny { color:var(--muted); }
.exp-admin-deny:before { content:'— '; }
.exp-admin-policy { padding-block:60px 96px; }
.exp-admin-policy h2 { font-size:48px; margin-bottom:40px; }
.exp-admin-policy-rows article { display:grid; grid-template-columns:48px .8fr 1.2fr 24px; gap:32px; align-items:start; padding:28px 0; border-top:1px solid var(--line); }
.exp-admin-policy-number { font:12px var(--mono); color:var(--lime); }
.exp-admin-policy-rows h3 { font-size:26px; letter-spacing:-.035em; }
.exp-admin-policy-rows p { font-size:15px; color:var(--muted); }
.exp-admin-policy-rows article>span:last-child { color:var(--lime); }
.exp-admin-govern { padding-block:64px; background:#182119; border-block:1px solid var(--line); }
.exp-admin-govern>.shell { display:grid; grid-template-columns:1.1fr .9fr; gap:80px; }
.exp-admin-govern h2 { font-size:42px; }
.exp-admin-govern ol { margin:32px 0 0; padding:0; list-style:none; }
.exp-admin-govern li { display:flex; gap:22px; padding:24px 0; border-bottom:1px solid var(--line); }
.exp-admin-govern li>span { font:12px var(--mono); color:var(--lime); }
.exp-admin-govern h3 { font-size:23px; letter-spacing:-.035em; }
.exp-admin-govern li p { color:var(--muted); font-size:14px; margin-top:14px; }
.exp-admin-ledger { border:1px solid var(--line); align-self:center; background:#111912; }
.exp-admin-ledger-item { padding:22px; border-bottom:1px solid #29362b; }
.exp-admin-ledger-item>span { color:var(--lime); font:11px var(--mono); margin-inline-end:14px; }
.exp-admin-ledger-item strong { font-size:14px; font-weight:500; }
.exp-admin-ledger-item p { margin-top:12px; color:var(--muted); font-size:13px; }
@media(max-width:1000px) {
 .exp-compass-page .product-hero-copy { gap:20px 32px; }
 .exp-compass-organization,.exp-notepad-editorial,.exp-admin-govern>.shell { gap:44px; }
 .exp-notepad-page .product-hero,.exp-admin-page .product-hero { grid-template-columns:1fr; gap:44px; }
 .exp-notepad-page .product-hero-copy,.exp-admin-page .product-hero-copy { max-width:720px; }
 .exp-notepad-document { max-width:650px; width:100%; margin:auto; }
 .exp-admin-matrix { width:100%; }
 .exp-admin-policy-rows article { grid-template-columns:32px .8fr 1.2fr; gap:22px; }
 .exp-admin-policy-rows article>span:last-child { display:none; }
}
@media(max-width:700px) {
 .ws-window-bar { padding:14px; flex-wrap:wrap; font-size:10px; }
 .ws-demo-label { font-size:9px; }
 .exp-compass-page .product-hero-copy { display:block; }
 .exp-compass-page .product-hero-copy h1 { font-size:42px; margin-top:20px; }
 .exp-compass-page .product-lede { margin-top:24px; }
 .exp-compass-page .product-hero-actions { margin-top:24px; }
 .exp-compass-browser { grid-template-columns:1fr; }
 .exp-compass-browser aside { border-inline-end:0; border-bottom:1px solid var(--line); padding:18px; }
 .exp-compass-folder-list { grid-template-columns:repeat(2,1fr); margin-top:12px; }
 .exp-compass-folder-list>span { padding:8px; font-size:12px; }
 .exp-compass-files { padding:20px 16px; }
 .exp-compass-file-heading h2 { font-size:25px; }
 .exp-compass-file-columns { grid-template-columns:1fr 68px; }
 .exp-compass-file { grid-template-columns:20px 1fr 68px; gap:8px; }
 .exp-compass-file strong { font-size:12px; }
 .exp-compass-file small { font-size:10px; }
 .exp-compass-organization,.exp-notepad-editorial,.exp-notepad-publish .shell,.exp-admin-govern>.shell { grid-template-columns:1fr; gap:36px; padding-block:48px; }
 .exp-compass-organization h2,.exp-notepad-margin h2,.exp-notepad-publish h2,.exp-admin-govern h2,.exp-admin-policy h2,.exp-compass-route h2 { font-size:35px; }
 .exp-compass-route ol { grid-template-columns:1fr; gap:28px; }
 .exp-compass-breadcrumb-art { gap:12px; font-size:12px; }
 .exp-compass-feature-list article { gap:16px; }
 .exp-notepad-document { padding:24px; transform:none; box-shadow:5px 5px 0 #34422a; }
 .exp-notepad-document h2 { font-size:31px; }
 .exp-notepad-paper-meta { flex-wrap:wrap; gap:8px; }
 .exp-notepad-chapters { padding-inline-start:22px; }
 .exp-notepad-chapters h3 { font-size:27px; }
 .exp-notepad-publish,.exp-admin-govern { padding:0; }
 .exp-admin-policy { padding-block:48px; }
 .exp-admin-policy-rows article { grid-template-columns:24px 1fr; gap:12px; }
 .exp-admin-policy-rows p { grid-column:2; }
 .exp-admin-policy-title { padding:24px 16px; gap:16px; }
 .exp-admin-policy-title h2 { font-size:26px; }
 .exp-admin-table-wrap { padding-inline:12px; }
 .exp-admin-matrix th,.exp-admin-matrix td { padding:12px 6px; font-size:10px; }
 .exp-admin-policy-rows h3 { font-size:24px; }
}