@import url("https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&family=Newsreader:opsz,wght@6..72,400;6..72,500&display=swap");:root{--bg:#f2eee6;--surface:#faf8f3;--ink:#201e1b;--muted:#817a70;--line:#dcd5c9;--ox:#642f34;--oxlight:#f1e7e5;--green:#3f6751;--serif:"Newsreader",Georgia,serif;--sans:"Instrument Sans",Arial,sans-serif;--mono:"IBM Plex Mono",monospace}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--ink)}body{font:14px/1.55 var(--sans);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--ox);outline-offset:3px}.shell{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;background:#242321;color:#e9e5dc;display:flex;flex-direction:column;padding:34px 22px 22px}.brand{padding:2px 12px 46px}.brandname{display:block;font:400 22px var(--serif);letter-spacing:.22em}.brandcaption{display:block;color:#a69e91;font:9px var(--mono);letter-spacing:.13em;margin-top:8px}.eyebrow,.nav-label,.panel-meta,.section-rule,.sidebar-note,.workspace-label{font:10px var(--mono);letter-spacing:.13em}.workspace-label{display:flex;justify-content:space-between;color:#9e978b;padding:0 12px 10px}.switch{display:flex;background:#34322f;padding:4px;border:1px solid #47423c;border-radius:5px;margin-bottom:42px}.switch button{border:0;color:#aaa397;background:none;flex:1 1;padding:8px;border-radius:3px;font-size:12px}.switch button.active{background:#eae4d9;color:#272421}.nav-label{color:#8f897f;padding:0 12px 12px}.navigation{display:flex;flex-direction:column;gap:5px}.navigation button{border:0;background:transparent;color:#c3bcb0;text-align:left;display:flex;gap:13px;align-items:center;padding:11px 12px;border-radius:4px;font-size:13px}.navigation button:hover{background:#35322e}.navigation button.active{background:#413330;color:#f6eee5}.navigation button small{margin-left:auto;background:#6c4140;border-radius:12px;padding:1px 6px;font:10px var(--mono)}.sidebar-bottom{margin-top:auto}.side-divider{height:1px;background:#464039;margin-bottom:20px}.avatarline{display:flex;gap:11px;align-items:center;padding:0 4px}.avatarline>span:nth-child(2){display:flex;flex-direction:column;flex:1 1}.avatarline strong{font-weight:500;font-size:12px}.avatarline small{color:#aaa398;font-size:11px}.avatar{width:36px;height:36px;border:1px solid #74675b;border-radius:50%;display:grid;place-items:center;font:13px var(--serif)}.sidebar-note{color:#7c766c;margin-top:28px;padding-left:4px;font-size:9px}.mainarea{min-width:0}.topbar{height:73px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,64px);gap:15px}.breadcrumb,.topright{font:10px var(--mono);letter-spacing:.09em;color:#625b51}.breadcrumb span{color:#b7aea1;padding:0 8px}.topright{display:flex;align-items:center;gap:10px}.live-dot{width:6px;height:6px;border-radius:50%;background:#69856e}.top-separator{height:16px;width:1px;background:var(--line);margin:0 8px}.content{max-width:1480px;padding:48px clamp(24px,4vw,64px) 22px;margin:auto}.pagehead{margin-bottom:44px}.eyebrow{color:var(--muted)}.pagehead h1{font:400 clamp(42px,4.8vw,68px)/1.05 var(--serif);letter-spacing:-.03em;margin:15px 0 13px}.pagehead p{color:#756d63;max-width:680px;font-size:14px}.section-rule{border-top:1px solid var(--line);padding:13px 0 17px;display:flex;justify-content:space-between;color:#8b8176;gap:12px}.hero-grid{display:grid;grid-template-columns:1.65fr 1fr;grid-gap:16px;gap:16px;margin-bottom:37px}.panel{background:var(--surface);border:1px solid var(--line);padding:25px;min-width:0}.hero-panel{min-height:322px;padding:33px 34px;display:flex;flex-direction:column}.panel-meta{color:#a09283}.hero-panel h2{font:400 clamp(31px,3vw,45px)/1.08 var(--serif);max-width:570px;letter-spacing:-.025em;margin:25px 0 17px}.hero-panel>p{color:#756e65;max-width:510px;font-size:13px}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:28px}.pill{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border-radius:3px;font:10px var(--mono);letter-spacing:.03em;background:#eeebe5;color:#625c53;white-space:nowrap}.pill:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.pill.good{background:#e6eee7;color:#3c654d}.pill.warn{background:#f2e8d5;color:#86652b}.pill.accent{background:#f1e5e5;color:#7d3c41}.textlink{border:0;background:transparent;color:var(--ox);font-size:12px;display:inline-flex;align-items:center;gap:8px;padding:4px 0}.textlink:hover{text-decoration:underline}.decision-callout{display:flex;flex-direction:column;padding:33px}.datebig{font:400 77px/.95 var(--serif);margin-top:27px;letter-spacing:-.04em}.datebig span{font:14px var(--mono);letter-spacing:.05em}.decision-callout h3{font:400 25px var(--serif);margin:13px 0 5px}.decision-callout p{color:var(--muted);font-size:12px}.line{height:1px;background:var(--line);margin:24px 0}.actionrow{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:37px}.metric{padding:22px;min-height:169px}.metric strong{font:400 44px var(--serif);display:block;margin:13px 0}.metric-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:6px;color:var(--green);font:10px var(--mono)}.sparkline{width:90px;height:36px;color:var(--ox)}.metric-sub{color:var(--muted);font-size:11px}.lower-grid{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:16px;gap:16px}.between,.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}.panel-heading{margin-bottom:18px}.panel-heading h3{font:400 26px var(--serif);margin:7px 0 0}.task{display:flex;align-items:center;gap:13px;border-top:1px solid var(--line);padding:14px 0;cursor:pointer}.task>span{flex:1 1;font-size:13px}.record small,.task small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.task input{accent-color:var(--ox);width:16px;height:16px}.task svg{color:#a39a8d}.task.done>span{text-decoration:line-through;color:var(--muted)}.record{border-top:1px solid var(--line);padding:15px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.record strong{font-weight:500;font-size:12.5px}.footer{gap:14px;color:#9a9184;border-top:1px solid var(--line);margin-top:55px;padding-top:18px;font:9px var(--mono);letter-spacing:.09em}.footer,.toolbar{display:flex;justify-content:space-between}.toolbar{align-items:center;gap:15px;margin-bottom:18px;flex-wrap:wrap}.muted{color:var(--muted);font:10px var(--mono);letter-spacing:.06em}.primary{background:var(--ox);border:1px solid var(--ox);color:#fff8f1;display:inline-flex;gap:9px;align-items:center;padding:11px 15px;border-radius:3px;font-size:12px}.primary:hover{background:#4d2327}.small-action{border:1px solid var(--line);background:transparent;color:var(--ox);display:inline-flex;gap:6px;align-items:center;padding:7px 9px;font-size:11px;white-space:nowrap}.small-action:hover{background:#f1ebe2}.client-grid,.library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.client-card h2,.library-card h2{font:400 33px var(--serif);margin:28px 0 2px}.client-card p,.library-card p{color:var(--muted);font-size:12px}.client-card .between{font-size:12px}.client-card .priority{color:var(--ink);margin:16px 0}.client-card .textlink{margin-top:10px}.progress{height:3px;background:#e7e0d7;margin:13px 0}.progress span{height:100%;background:var(--ox);display:block}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);padding:10px 12px;min-width:min(400px,100%)}.search input{border:0;outline:0;background:transparent;width:100%;font-size:12px}.phase-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--line);margin-bottom:20px}.phase-strip>div{padding:20px 17px;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:9px}.phase-strip>div:last-child{border-right:0}.phase-strip>div.selected{background:#efe3df}.phase-strip small,.phase-strip span{font:10px var(--mono);color:var(--muted)}.phase-strip strong{font:400 22px var(--serif)}.note-panel{margin-top:16px;border-left:3px solid var(--ox)}.note-panel p{font:400 21px/1.35 var(--serif);max-width:780px;margin:12px 0 0}.decision-list{display:grid;grid-gap:16px;gap:16px}.decision-card h2{font:400 31px var(--serif);margin:24px 0}.decision-columns{display:grid;grid-template-columns:1fr 1fr;grid-gap:30px;gap:30px}.decision-columns p{margin:9px 0;color:#675f56;font-size:13px}.decision-footer{border-top:1px solid var(--line);padding-top:18px;margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:15px;color:var(--muted);font:10px var(--mono)}.sep{padding:0 10px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left}th{font:10px var(--mono);letter-spacing:.1em;color:var(--muted);padding:0 12px 15px}td{border-top:1px solid var(--line);padding:16px 12px;font-size:12px}td strong{font-weight:500}td small{display:block;color:var(--muted)}.mono{font-family:var(--mono)}.library-card{min-height:245px}.library-card svg{color:var(--ox)}.modal-backdrop{position:fixed;inset:0;background:#171513a8;z-index:20;display:grid;place-items:center;padding:16px}.modal{background:var(--surface);width:min(100%,530px);padding:28px;max-height:90vh;overflow-y:auto;box-shadow:0 18px 70px #0004}.modal h2{font:400 37px/1.1 var(--serif);margin:22px 0}.modal form{display:grid;grid-gap:18px;gap:18px}.modal form label{font-size:12px;display:grid;grid-gap:7px;gap:7px}.modal input,.modal select,.modal textarea,.toolbar select{background:var(--bg);border:1px solid var(--line);padding:11px;color:var(--ink);width:100%}.modal textarea{min-height:95px}.modal .primary{justify-content:center}.form-note{font-size:11px;color:var(--muted)}.iconbtn{background:none;border:0;color:var(--ink)}@media(max-width:1200px){.metrics{grid-template-columns:repeat(2,1fr)}.hero-grid{grid-template-columns:1.3fr 1fr}}@media(max-width:850px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;padding:16px}.brand{padding:0 0 15px}.brandname{font-size:17px}.nav-label,.sidebar-bottom,.workspace-label{display:none}.switch{margin-bottom:10px;max-width:230px}.navigation{flex-direction:row;overflow-x:auto;padding-bottom:5px}.navigation button{white-space:nowrap}.topbar{height:55px;padding:0 20px}.topright{display:none}.content{padding:28px 20px}.hero-grid,.lower-grid{grid-template-columns:1fr}.hero-panel{min-height:280px}.decision-callout{min-height:260px}}@media(max-width:600px){.client-grid,.decision-columns,.library-grid,.metrics{grid-template-columns:1fr}.phase-strip{grid-template-columns:repeat(5,minmax(125px,1fr))}.phase-strip strong{font-size:18px}.phase-strip{overflow-x:auto}.pagehead h1{font-size:44px}.footer{flex-wrap:wrap}.hero-panel h2{font-size:34px}.section-rule{font-size:9px}.record{align-items:flex-start}}.demo-banner{background:#ece5da;border-bottom:1px solid var(--line);padding:10px clamp(20px,4vw,64px);display:flex;gap:20px;justify-content:space-between;align-items:center;font-size:11px;color:#625b51}.demo-banner button{white-space:nowrap}.storage-error{padding:14px 24px;background:#f2e8d5;color:#642f34;margin:0}.record-link{border:0;background:none;color:var(--ink);padding:0;text-align:left;font-size:12.5px;cursor:pointer}.record-link:hover{text-decoration:underline}.client-select{display:flex;align-items:center;gap:12px;font:10px var(--mono);color:#675f56}.client-select select{width:auto;font:13px var(--sans)}.architecture-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:12px;gap:12px}.architecture-flow .panel{position:relative;padding:20px;display:flex;flex-direction:column;gap:16px}.architecture-flow h2{font:400 25px var(--serif);margin:0}.architecture-flow p{font-size:13px;overflow-wrap:anywhere;white-space:pre-wrap;flex:1 1}.architecture-flow small{color:#71685e;font-size:11px}.flow-arrow{position:absolute;right:-16px;top:50%;z-index:1;background:var(--bg);color:var(--ox)}.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}.empty{color:#71685e;padding:20px 0}.history{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.history p{font-size:12px;white-space:pre-wrap}.history small{color:#71685e}.form-error{color:#8c2f2f}.kit-steps{padding-left:20px;line-height:1.8;margin:20px 0}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90vw;padding:12px 20px;z-index:30}.modal h3{margin-top:24px}.modal>p{margin:14px 0}.eyebrow,.muted,.panel-meta{color:#71685e}button:disabled{opacity:.5;cursor:wait}.task{flex-wrap:wrap}.task>span{min-width:150px}.decision-footer{flex-wrap:wrap}.modal input[type=date]{min-height:44px}@media(max-width:1200px){.architecture-flow{grid-template-columns:1fr}.flow-arrow{right:50%;top:auto;bottom:-16px;transform:rotate(90deg)}}@media(max-width:600px){.demo-banner{align-items:flex-start;flex-direction:column;gap:2px}.actionrow,.client-select,.hero-bottom,.panel-heading{flex-wrap:wrap}.client-select select{max-width:100%}}.content,.demo-banner>span,.sidebar{min-width:0}.pagehead h1{overflow-wrap:anywhere}.task .textlink{white-space:normal;text-align:left}.architecture-flow .panel{min-width:0}:root[data-theme=dark]{color-scheme:dark;--bg:#131311;--surface:#1b1a18;--ink:#ece7dd;--muted:#a39c91;--line:#33302a;--ox:#c08a8e;--oxlight:#34282a;--green:#93b79c}:root[data-theme=dark] .sidebar{background:#191816;border-right:1px solid var(--line);color:var(--ink)}:root[data-theme=dark] .switch{background:#24221e;border-color:var(--line)}:root[data-theme=dark] .switch button.active{background:#3a302e;color:#ece7dd}:root[data-theme=dark] .navigation button.active{background:#34282a;color:#d7a9ab}:root[data-theme=dark] .architecture-flow small,:root[data-theme=dark] .breadcrumb,:root[data-theme=dark] .client-select,:root[data-theme=dark] .decision-columns p,:root[data-theme=dark] .empty,:root[data-theme=dark] .eyebrow,:root[data-theme=dark] .hero-panel>p,:root[data-theme=dark] .history small,:root[data-theme=dark] .muted,:root[data-theme=dark] .pagehead p,:root[data-theme=dark] .panel-meta,:root[data-theme=dark] .section-rule{color:#a39c91}:root[data-theme=dark] .demo-banner{background:#201e1a;color:#b6aea2}:root[data-theme=dark] .phase-strip>div.selected{background:#34282a}:root[data-theme=dark] .pill{background:#28251f;color:#b8ae9e}:root[data-theme=dark] .pill.good{background:#253129;color:#a0c5a8}:root[data-theme=dark] .pill.warn{background:#332c1e;color:#d4b06b}:root[data-theme=dark] .pill.accent{background:#34282a;color:#d7a9ab}:root[data-theme=dark] .primary{color:#171513}:root[data-theme=dark] .primary:hover{background:#d1a2a5}:root[data-theme=dark] .small-action:hover{background:#28251f}:root[data-theme=dark] .progress{background:#2c2823}:root[data-theme=dark] .storage-error{background:#332c1e;color:#d4b06b}:root[data-theme=dark] .task.done>span{color:#9c9487}.sidebar{overflow-y:auto}.sidebar-bottom{padding-top:26px}.brand{padding-bottom:26px}.switch{margin-bottom:24px}.navigation button{padding:9px 12px}.theme-toggle{background:transparent;border:1px solid var(--line);color:var(--ink);padding:6px 12px;white-space:nowrap;font-size:11px;border-radius:3px}.programme-tabs{display:flex;gap:5px;overflow-x:auto;margin:20px 0;border-bottom:1px solid var(--line)}.programme-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);padding:14px 16px;white-space:nowrap}.programme-tabs button[aria-selected=true]{border-color:var(--ox);color:var(--ink)}.module-row{display:flex;gap:20px;padding:22px 0;border-bottom:1px solid var(--line);align-items:center}.module-row:last-child{border-bottom:0}.module-row>div{flex:1 1;min-width:0}.module-row p{color:var(--muted);font-size:12px;margin:6px 0}.module-number{font:28px var(--serif);color:var(--muted)}.module-title{font:23px/1.25 var(--serif)}.course-access h2,.lesson-outline h2{font:30px/1.15 var(--serif);margin:16px 0}.course-access p,.lesson-outline p{color:var(--muted);font-size:13px}.lesson-outline>p{margin:12px 0}.lesson-outline ol,.lesson-outline ul{padding-left:20px;line-height:1.8}.lesson-outline .primary{margin-top:14px}.course-access{display:flex;gap:30px;align-items:center;justify-content:space-between;margin:20px 0}.course-access>div{max-width:650px}.course-access a{white-space:nowrap;text-decoration:none}.settings-panel{margin:18px 0}.settings-panel summary{cursor:pointer;font:22px var(--serif)}.profile-form,.review-form,.settings-panel form{display:grid;grid-gap:18px;gap:18px;margin-top:20px}.ai-preparation label,.profile-form label,.review-form label,.settings-panel label{display:grid;grid-gap:7px;gap:7px;font-size:12px}.ai-preparation textarea,.profile-form textarea,.review-form input,.review-form select,.review-form textarea,.settings-panel input,.settings-panel textarea{background:var(--bg);border:1px solid var(--line);padding:11px;color:var(--ink);width:100%;min-width:0}.ai-workflows{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.ai-workflow{text-align:left;color:var(--ink);font:inherit}.ai-workflow h2{font:27px var(--serif);margin:20px 0 10px}.ai-workflow p{font-size:12px;color:var(--muted)}.ai-workflow.selected{border-color:var(--ox);background:var(--oxlight)}.ai-preparation{margin-top:20px}.ai-preparation .task{display:flex}.context-brief{font:11px/1.6 var(--mono);resize:vertical;min-height:280px}.settings-panel p{color:var(--muted);font-size:12px}.settings-panel .primary{justify-self:start}.primary,.small-action{text-decoration:none}.kit-part{margin:22px 0}.kit-part h3{font:23px var(--serif);margin-bottom:12px}.advisor-response{border-left:2px solid var(--ox);padding:10px 15px;margin:16px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toast{background:var(--ink);color:var(--surface)}@media(max-width:1100px){.ai-workflows{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.sidebar{overflow:visible}.navigation{overflow-x:auto}.brand{padding-bottom:15px}.switch{margin-bottom:10px}.course-access,.module-row{flex-wrap:wrap}.module-row{gap:12px}}@media(max-width:600px){.ai-workflows{grid-template-columns:1fr}.module-title{font-size:21px}.module-row .pill{margin-left:40px}.topbar{padding:10px 16px;height:auto}.breadcrumb{font-size:9px}.module-register{padding:18px}.lesson-outline h2{font-size:26px}}.context-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.context-summary p{font-size:12px;color:var(--muted);margin:8px 0 0}.context-layout{display:grid;grid-template-columns:230px minmax(0,1fr);grid-gap:20px;gap:20px}.context-steps{display:flex;flex-direction:column;gap:8px;align-self:start}.context-steps button{display:grid;grid-gap:10px;gap:10px;text-align:left;padding:17px;background:var(--surface);border:1px solid var(--line);color:var(--ink)}.context-steps button[aria-current=step]{border-color:var(--ox);background:var(--oxlight)}.context-steps strong{font-weight:500;font-size:13px}.profile-form{margin-top:0;align-self:start}.profile-form h2{font:30px var(--serif);margin:12px 0}.field-hint{font-size:11px;line-height:1.6;color:var(--muted);min-height:35px}.context-actions{display:flex;gap:12px;flex-wrap:wrap}.context-layout .decision-columns{gap:20px}.context-layout textarea{resize:vertical}@media(max-width:1100px){.context-layout{grid-template-columns:190px minmax(0,1fr)}.context-layout .decision-columns{grid-template-columns:1fr}}@media(max-width:850px){.context-layout{grid-template-columns:1fr}.context-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.context-summary{align-items:start;flex-direction:column}}.lesson-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:24px}.lesson-actions .primary{margin-top:0;max-width:100%;white-space:normal;text-align:left}.lesson-actions .textlink{max-width:100%;overflow-wrap:anywhere}.lesson-actions>*{flex-shrink:0}@media(max-width:600px){.lesson-actions{align-items:flex-start;flex-direction:column}.lesson-actions>*{flex-shrink:1}}.auth-page{max-width:560px;margin:8vh auto;padding:24px}.auth-page .brand{margin-bottom:30px}.auth-page h1{font:48px var(--serif);margin:20px 0}.auth-page p,.live-office .panel>p{color:var(--muted)}.auth-page input{font:inherit}.live-office{max-width:1440px;margin:auto;padding:36px clamp(20px,4vw,60px)}.live-office>.pagehead{margin-top:48px}.live-office h2{font:30px var(--serif)}.context-fieldset{border:0;margin:0;padding:0;min-width:0}.management-grid{margin:24px 0}.work-row{display:grid;grid-template-columns:minmax(180px,1.5fr) 120px minmax(140px,1fr) auto;grid-gap:16px;gap:16px;align-items:end;border-top:1px solid var(--line);padding:20px 0}.work-row label{display:grid;grid-gap:7px;gap:7px;font-size:11px}.work-row select{width:100%;min-width:0;background:var(--bg);border:1px solid var(--line);padding:10px;color:var(--ink)}.work-row small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.work-row .form-error{grid-column:1/-1}.work-row strong{overflow-wrap:anywhere}.live-office .review-form .primary{justify-self:start}@media(max-width:800px){.work-row{grid-template-columns:1fr 1fr}.work-row>div{grid-column:1/-1}.work-row>.small-action{justify-self:start}}.resource-filters{display:grid;grid-template-columns:2fr 1fr;grid-gap:24px;gap:24px;margin-bottom:24px}.resource-filters label,.resource-form label{display:grid;grid-gap:10px;gap:10px}.resource-form{border:0;padding:0;display:grid;grid-gap:24px;gap:24px;min-width:0}.resource-record{display:flex;justify-content:space-between;gap:24px;padding:28px 0;border-bottom:1px solid var(--line)}.resource-record h3{margin:12px 0}.resource-record p{white-space:pre-wrap;overflow-wrap:anywhere}.resource-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin:24px 0}.resource-record>div{min-width:0}.resource-filters input,.resource-filters select,.resource-form input,.resource-form textarea{max-width:100%;width:100%}#context,#resources{scroll-margin-top:24px}@media(max-width:700px){.resource-filters{grid-template-columns:1fr}.resource-record{flex-direction:column}.resource-actions{gap:16px}}.resource-filters input,.resource-filters select,.resource-form input,.resource-form select,.resource-form textarea{background:var(--bg);border:1px solid var(--line);padding:12px;color:var(--ink);min-width:0}.resource-form textarea{min-height:100px;resize:vertical}.resource-form .primary{justify-self:start}.resource-record small{color:var(--muted)}.resource-preview{background:var(--surface);color:var(--ink);border:1px solid var(--line);padding:24px;width:min(1100px,94vw);max-width:94vw;max-height:92vh}.resource-preview::-webkit-backdrop{background:rgba(0,0,0,.8)}.resource-preview::backdrop{background:rgba(0,0,0,.8)}.resource-preview header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.resource-preview h2{margin:8px 0;font:28px var(--serif);overflow-wrap:anywhere}.resource-preview small{overflow-wrap:anywhere;color:var(--muted)}.preview-content{min-height:160px}.preview-content img{display:block;max-width:100%;max-height:65vh;object-fit:contain;margin:auto}.preview-content object{display:block;width:100%;height:65vh}.preview-content video{width:100%;max-height:65vh}.preview-content audio{width:100%}.preview-content pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:65vh;overflow:auto;font:14px/1.7 var(--mono)}