:root{color-scheme:light;--paper:#f4f3ed;--ink:#243d3b;--soft:#60716d;--line:#dce2d9;--accent:#285f54}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}main{max-width:1120px;margin:auto;padding:30px 32px}header,nav,.section-heading,.device-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}header{padding-bottom:24px;border-bottom:1px solid var(--line)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.brand{font-size:12px;font-weight:750;letter-spacing:2px}nav{font-size:13px;flex-wrap:wrap}.intro{padding:44px 0 24px}.eyebrow{font-size:11px;letter-spacing:2px;color:#6d8176;margin:0 0 8px}h1{font-size:38px;letter-spacing:-1px;line-height:1.25;margin:10px 0 16px}h2{font-size:20px;margin:0 0 10px}h3{font-size:17px;margin:0}.tag,.pill{display:inline-block;border-radius:100px;padding:5px 12px;font-size:12px;background:#e6ece4}.pill.good{background:#d8eadd;color:#235e40}.pill.wait{background:#f4e7c9;color:#78561b}section{padding:26px;background:#fff;border:1px solid var(--line);border-radius:20px;margin-bottom:20px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.privacy{display:flex;gap:16px;background:#edf1e9}.privacy p{margin:2px 0 0;font-size:13px;color:var(--soft)}.dot{width:10px;height:10px;flex-shrink:0;border-radius:50%;background:#83a289;margin-top:9px}.muted{color:var(--soft);font-size:13px}label{display:flex;flex-direction:column;gap:6px;margin:15px 0;font-size:13px}input,select,button{font:inherit;border:1px solid #cdd8ce;border-radius:10px;padding:11px 12px;background:#fff;color:var(--ink);max-width:100%}input,select{width:100%;min-width:0}.check{flex-direction:row;align-items:center}.check input{width:18px;height:18px}button{cursor:pointer}button.primary{background:var(--accent);color:white;border-color:var(--accent);margin-top:10px}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #83b5a4;outline-offset:3px}.notice:empty{display:none}.notice{background:#fff1d8;border-radius:12px;padding:12px 16px}.section-heading{margin:12px 0 18px}.section-heading select{width:auto}.metadata{display:flex;gap:22px;flex-wrap:wrap;margin:18px 0}.metadata span{display:block;font-size:12px;color:var(--soft)}code{font-size:12px;overflow-wrap:anywhere}.command,.fleet-row{padding:15px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:16px}.command:last-child,.fleet-row:last-child{border:0}.command p,.fleet-row p{margin:4px 0;font-size:12px;color:var(--soft)}.summary{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:20px}.summary div{background:white;border:1px solid var(--line);border-radius:15px;padding:14px 22px}.summary strong{font-size:28px;margin-right:10px}footer{margin:36px 0 14px;font-size:12px;color:var(--soft)}[hidden]{display:none!important}#login{max-width:490px}#device-card{border-left:4px solid #789c88}#device-select{max-width:230px}@media(max-width:700px){main{padding:20px 16px}header{align-items:flex-start;flex-direction:column}h1{font-size:30px}.columns{grid-template-columns:1fr;gap:0}section{padding:21px}.intro{padding-top:30px}.section-heading{align-items:flex-start;flex-wrap:wrap}.fleet-row{flex-direction:column}.device-heading{align-items:flex-start}.command{flex-wrap:wrap}}

/* Different tasks, different visual spaces; neither surface links into the other. */
.family-space{--paper:#faf5ef;--ink:#443b32;--soft:#7d7065;--line:#e9dfd3;--accent:#995631}
.family-space .intro{max-width:730px}.family-space .eyebrow{color:#9a6d48;letter-spacing:1px}
.family-space .tag{background:#f0e4d4;color:#705841}.family-space .privacy{background:#f3eddf}
.family-space .dot{background:#b39365}.family-space #device-card{border-left-color:#cc9463}
.brand span{display:inline-block;letter-spacing:0;font-size:13px;margin-left:12px;font-weight:500}
.family-space .brand{color:#805331}.family-space h1{font-weight:650}.family-space header nav a{padding:8px 2px}
.operations-space{--paper:#edf1f6;--ink:#20334d;--soft:#62738a;--line:#dbe3ee;--accent:#255dc1}
.operations-space header{background:#162740;color:#eff5ff;padding:22px 28px;border:0;border-radius:14px}
.operations-space .brand{color:#fff}.operations-space .eyebrow{color:#52739d;letter-spacing:1px}
.operations-space header .ops-badge{font-size:12px;color:#c0d2ed}
.operations-space header button{background:#243b5a;color:#fff;border-color:#405775;padding:8px 14px}
.operations-space section{border-radius:12px}.operations-space .tag{background:#dfe8f6;color:#355789}
.operations-space .intro{padding:32px 0 24px}.operations-space h1{font-size:32px}
.operations-space #setup,.operations-space #login{max-width:520px}
.operations-space small{color:var(--soft)}.ops-workspace{display:grid;grid-template-columns:185px minmax(0,1fr);gap:28px}
.ops-workspace aside{padding:20px 0}.ops-workspace aside a{display:block;background:#dce7f8;padding:12px 16px;border-radius:8px;margin:12px 0;color:#204f9a;font-weight:650}
.ops-workspace aside p{font-size:12px;color:var(--soft);padding:0 6px}.ops-main{min-width:0}
.operations-space .summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.operations-space .summary div{border-radius:10px;padding:16px}.operations-space .summary strong{display:block}
.operations-space details summary{font-size:12px;cursor:pointer;color:#52739d}.operations-space details p{overflow-wrap:anywhere}
@media(max-width:700px){.operations-space header{padding:20px;width:100%}.ops-workspace{grid-template-columns:1fr;gap:0}.ops-workspace aside{padding:0}.ops-workspace aside p{display:none}.operations-space .summary{gap:8px}.operations-space .summary div{padding:12px}.operations-space .summary span{font-size:12px}.operations-space h1{font-size:28px}.brand span{margin-left:7px}}

.family-space h1,.operations-space h1{text-wrap:balance}
fieldset{border:0;margin:0;padding:0;min-width:0}.device-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.device-tile{display:block;border:1px solid var(--line);border-radius:16px;background:#fcf9f4;padding:24px;color:var(--ink)}.device-tile:hover{background:#f6eadb;border-color:#c18a5c;text-decoration:none}.device-tile h3{font-size:22px;margin:20px 0 6px}.device-tile p{overflow-wrap:anywhere}.device-open{display:block;margin-top:24px;color:var(--accent);font-weight:600}.device-scope{position:sticky;top:0;z-index:2;background:#f4e7d7;border:1px solid #e2cbb4;border-radius:12px;padding:12px 18px;font-size:14px;overflow-wrap:anywhere}.rename-panel{margin:0 0 24px;padding:0 6px}.rename-panel summary{cursor:pointer;color:var(--accent)}.rename-panel form{max-width:420px;padding:8px 0}.family-space .privacy{padding:18px 22px}.family-space .intro{padding-top:28px}@media(max-width:540px){.device-grid{grid-template-columns:1fr}.device-scope{font-size:12px;padding:10px 12px}.device-tile{padding:20px}}

.volume-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.volume-values>div{background:#f6efe5;padding:16px;border-radius:12px}.volume-values span{display:block;font-size:13px;color:var(--soft)}.volume-values strong{display:block;font-size:22px;margin-top:8px;overflow-wrap:anywhere}.volume-actions{display:flex;gap:10px;flex-wrap:wrap}#volume-limit{max-width:220px}#volume-status{min-height:24px}@media(max-width:380px){.volume-values>div{padding:12px}.volume-values strong{font-size:18px}.volume-actions button{width:100%}}

#catalog-section{margin-top:32px;scroll-margin-top:20px}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.catalog-card{border:1px solid #34475e;border-radius:12px;padding:18px;overflow-wrap:anywhere}.catalog-mode{padding:14px 0;border-bottom:1px solid #34475e}.catalog-mode .pill{margin-left:14px}

#service-section{scroll-margin-top:20px}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:14px}.service-card{border:1px solid var(--line);border-radius:12px;padding:18px;overflow-wrap:anywhere}.service-card h3{margin-top:0}.service-card p{font-size:13px}.service-card .pill{display:inline-block}
#publication-section { scroll-margin-top: 24px; }
#publication-detail { margin-top: 24px; padding: 24px; border: 1px solid #d6deeb; border-radius: 18px; background: #f8faff; }
#publication-detail ol { padding-left: 24px; line-height: 1.9; }
#publication-detail li { margin: 12px 0; }
#publication-detail .lexicon-review { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,280px),1fr)); gap: 16px 32px; }
#publication-detail .lexicon-review li { border-bottom: 1px solid #d6deeb; padding: 0 8px 16px; overflow-wrap: anywhere; }
#publication-detail .lexicon-review h4 { margin: 0 0 8px; }
#publication-detail .lexicon-review p { margin: 6px 0; }
#publication-detail canvas { width: 240px; max-width: 100%; height: auto; border-radius: 4px; }
#publication-detail textarea { display: block; width: 100%; max-width: 100%; font: inherit; padding: 12px; border: 1px solid #aebbd0; border-radius: 8px; }
#publication-detail .review-check { display: flex; flex-direction: row; gap: 12px; align-items: flex-start; margin: 16px 0; }
#publication-detail .review-check input { width: 20px; height: 20px; flex: 0 0 20px; }
#publication-detail details { overflow-wrap: anywhere; margin: 16px 0; }
#publication-notice { min-height: 1.5em; }

.resource-preview{display:block;width:min(100%,360px);height:auto;aspect-ratio:1;border-radius:50%;background:#101a28;margin:1.2rem auto}.resource-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}#resource-detail{padding:1rem;border:1px solid var(--line,#d9dfe8);border-radius:16px;margin-top:1rem;overflow-wrap:anywhere}#resource-detail textarea{width:100%;box-sizing:border-box}#resource-detail details{margin:1rem 0}
