@import url("/heraldic-assets.css");
/* Material study: tool-specific surfaces share a restrained metallic control system. */
html[data-house-finish=metal]{--tool-charcoal:#202224;--tool-edge:#b9a27655;--tool-foil:#d8bf8b;--tool-paper:#eeebe2}
html[data-house-finish=metal] :is(.workbench-layout,.rights-card,.learning-card,.account-card,.forum-card){background-image:radial-gradient(ellipse at var(--finish-x,50%) var(--finish-y,0%),#dcc79b0a,transparent 65%);border-top-color:#d8c49b70;box-shadow:inset 0 1px #fff8dc0d,0 12px 32px #11131615}
html[data-house-finish=metal] :is(.app-button,.guild-form button,.rights-toolbar button,.forum-card-actions button){transition:background .22s,border-color .22s,box-shadow .22s,transform .16s;position:relative;border-top-color:#e4d6b47a;box-shadow:inset 0 1px #fff1ce12,0 3px 8px #0001}
html[data-house-finish=metal] :is(.app-button,.guild-form button,.rights-toolbar button,.forum-card-actions button):hover:not(:disabled){border-color:#cdb787a6;box-shadow:inset 0 1px #fff1ce33,0 4px 14px #0002}
html[data-house-finish=metal] :is(.app-button,.guild-form button,.rights-toolbar button,.forum-card-actions button):active:not(:disabled){transform:translateY(1px)}
html[data-house-finish=metal] :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid #b69b64;outline-offset:4px}
html[data-house-finish=metal] .workbench-layout{background-color:#222426;border-color:#9d8c6952;box-shadow:0 18px 45px #11131625,inset 0 1px #e8d7b41a;border-radius:10px}
html[data-house-finish=metal] .workbench-projects{background:#17191bd9;border-right-color:#d6be8e26}
html[data-house-finish=metal] .workbench-projects button[aria-pressed=true]{background:linear-gradient(110deg,#ccb17e18,#ffffff03);border-color:#c5ac7655;color:#eadcc0}
html[data-house-finish=metal] .workbench-metrics{background:linear-gradient(125deg,#f8f5edc9,#e3dfd3bd);border-color:#9e8c6550;box-shadow:inset 0 1px #fff,0 5px 18px #29292a0a}
html[data-house-finish=metal] .command-desks button[aria-pressed=true]{border-color:#b99e66;box-shadow:inset 0 2px #dfc591,0 5px 20px #28251d12}
html[data-house-finish=metal] .project-toolbar{border-bottom-color:#cfb58430}
html[data-house-finish=metal] .task-lane{background:#13161866;border-color:#ffffff0c}
html[data-house-finish=metal] .task-lane .task-card{background:linear-gradient(135deg,#343638,#292c2e);border-color:#a79a7c30;box-shadow:inset 0 1px #eee2c40a,0 4px 10px #0002}
/* Rights is a record room: ruled folios and explicit editable fields. */
html[data-house-finish=metal] .rights-card{background-color:#252627;border-radius:7px;border-color:#ac967144;border-top-color:#d4bc89a3;padding:clamp(20px,3vw,32px)}
html[data-house-finish=metal] .rights-card h2{border-bottom:1px solid #baa27333;padding-bottom:18px;margin-bottom:22px}
html[data-house-finish=metal] .rights-sidebar button[data-work][aria-current=true]{background:linear-gradient(110deg,#c3ab771c,transparent);border-color:#c9ae79;box-shadow:inset 3px 0 #c9ae79}
html[data-house-finish=metal] .rights-writer{border-bottom-style:dashed}
/* Learning remains a practice journal rather than a second production console. */
html[data-house-finish=metal] .learning-card{background-color:#28282a;border-radius:7px;border-left:2px solid #a58d60;padding:clamp(20px,3vw,30px)}
html[data-house-finish=metal] .learning-outcome{border-color:#bba77c40;background:#e0c58c08}
html[data-house-finish=metal] .account-card{background-color:#f0ede4;border-color:#a9987247;border-radius:9px;box-shadow:inset 0 1px #fff,0 12px 32px #1b1d1e0c}
html[data-house-finish=metal] .account-identity{background:linear-gradient(120deg,#dfd6c44d,transparent);border-bottom-color:#a9987240}
html[data-house-finish=metal] .account-rail{background:linear-gradient(155deg,#303133,#191c1e);border-right:1px solid #c9ad7544}
html[data-house-finish=metal] .forum-card{border-radius:8px;border-left:1px solid #b7a17444}
html[data-house-finish=metal] .forum-card-actions{border-top:1px solid #a48e632b;padding-top:14px}
/* Native dialogs retain their focus and dismissal behavior. Reading never tilts. */
html[data-house-finish=metal] dialog:not(#finish-settings){max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overscroll-behavior:contain;overflow:auto;border-top-color:#dbc18bb3;box-shadow:0 30px 100px #0007,inset 0 1px #f4dfb233;border-radius:10px}
html[data-house-finish=metal] dialog::backdrop{background:#111416a3;backdrop-filter:blur(14px) saturate(.7)}
html[data-house-finish=metal] :is(button,[role=progressbar])[aria-busy=true],html[data-house-finish=metal] form[aria-busy=true] button[type=submit]{background-image:linear-gradient(110deg,transparent 20%,#e0c59330 50%,transparent 80%);background-size:230% 100%;animation:tool-working 2.6s ease-in-out infinite}
@keyframes tool-working{0%,100%{background-position:100% 0;box-shadow:0 0 0 #d3ba8400}50%{background-position:0 0;box-shadow:0 0 16px #d3ba841c}}
@media(max-width:700px){html[data-house-finish=metal] .rights-layout{gap:20px}html[data-house-finish=metal] .workbench-layout{border-radius:7px}html[data-house-finish=metal] dialog:not(#finish-settings){scroll-padding:20px}}
@media(prefers-reduced-motion:reduce){html[data-house-finish=metal] :is(button,[role=progressbar])[aria-busy=true],html[data-house-finish=metal] form[aria-busy=true] button[type=submit]{animation:none}html[data-house-finish=metal] :is(.app-button,.guild-form button,.rights-toolbar button,.forum-card-actions button){transition:none}}
html[data-house-finish=metal][data-finish-still] :is(button,[role=progressbar])[aria-busy=true],html[data-house-finish=metal][data-finish-still] form[aria-busy=true] button[type=submit]{animation:none}

/* Windows appear in place; no page-lift or spring movement over text. */
html[data-house-finish=metal] dialog[open]{animation:tool-window-in .2s ease-out}
@keyframes tool-window-in{from{opacity:0}to{opacity:1}}
html[data-house-finish=metal] .workspace-dialog-header{border-bottom:1px solid #c8ae7638;padding-bottom:18px;margin-bottom:22px}
html[data-house-finish=metal] .workspace-dialog input:focus-visible,html[data-house-finish=metal] .workspace-dialog select:focus-visible{outline-color:#d1b780}
@media(prefers-reduced-motion:reduce){html[data-house-finish=metal] dialog[open]{animation:none}}
html[data-house-finish=metal][data-finish-still] dialog[open]{animation:none}

/* Practice has its own visual rhythm: brief, source, reflection, response. */
html[data-house-finish=metal] .learning-card-top{padding-bottom:15px;border-bottom:1px solid #c6af7b28}
html[data-house-finish=metal] .learning-card .chapter{display:inline-flex;align-items:center;gap:9px;padding:6px 10px;border:1px solid #c3aa7840;border-radius:4px;background:#d8c28c08;font-size:10px;letter-spacing:.12em}
html[data-house-finish=metal] .learning-card .chapter:before{content:'';width:5px;height:5px;border-radius:50%;background:#c9af78;box-shadow:0 0 8px #c9af7820}
html[data-house-finish=metal] .learning-card[data-learning-state=submitted]{border-left-color:#9faeb8}
html[data-house-finish=metal] .learning-card[data-learning-state=completed]{border-left-color:#d6c79e}
html[data-house-finish=metal] .learning-card .guild-form{padding-top:24px;border-top:1px solid #c6af7b28;margin-top:28px}
html[data-house-finish=metal] .learning-card details[open]{background:#12141630;border-top-color:#cfb88477}
html[data-house-finish=metal] .learning-text{max-width:72ch;line-height:1.95}
html[data-house-finish=metal] .rights-writer input,html[data-house-finish=metal] .rights-writer select{min-width:0}
html[data-house-finish=metal] .rights-card details[open]{background:#11141622;border-color:#bda47666}
html[data-house-finish=metal] .rights-card .guild-form>button[type=submit]{margin-top:8px}
html[data-house-finish=metal] .rights-sidebar h2{border-bottom:1px solid #b9a27640;padding-bottom:18px}

html[data-house-finish=metal] .learning-card h3{scroll-margin-block:180px 24px}

/* Support is a quiet service window; navigation is a compact command palette. */
html[data-house-finish=metal] #house-support-panel{background:radial-gradient(ellipse at 90% 0%,#c8b1830d,transparent 55%),linear-gradient(140deg,#2b2d30,#191c1f);border-color:#bba47766;overflow:hidden;box-shadow:0 24px 90px #0008,inset 0 1px #efdcac26}
html[data-house-finish=metal] .support-heading{background:#ffffff02;border-bottom-color:#c8af7b2e}
html[data-house-finish=metal] .support-choices>button{background:radial-gradient(ellipse at var(--finish-x,50%) var(--finish-y,0%),#d6bc8620,transparent 75%),linear-gradient(135deg,#383a3d,#25282b);border-color:#c7ad7b45;border-top-color:#e4cda075;box-shadow:inset 0 1px #f0dfb211,0 6px 16px #0002;transition:border-color .22s,background .22s,transform .16s}
html[data-house-finish=metal] .support-choices>button:active{transform:translateY(1px)}
html[data-house-finish=metal] .support-choices>button:hover{border-color:#d8bf8b9c}
html[data-house-finish=metal] .support-message{border-radius:7px;background:#f1e7d204;border-color:#e6d6b013}
html[data-house-finish=metal] .support-message.owner{background:#d4b77c0b;border-color:#d4b77c3d}
html[data-house-finish=metal] .software-command{background:linear-gradient(140deg,#303235,#1b1e21);border-color:#b9a27666;padding:24px!important}
html[data-house-finish=metal] .command-results{overscroll-behavior:contain;scroll-padding:12px}
html[data-house-finish=metal] .command-results a{border-radius:6px;border:1px solid transparent;transition:background .18s,border-color .18s}
html[data-house-finish=metal] .command-results a:hover,html[data-house-finish=metal] .command-results a:focus-visible{background:#d9c08d0c;border-color:#c9ad7655}
html[data-house-finish=metal] .command-search{border-color:#c3ab7655;box-shadow:inset 0 2px 8px #0002;background:#171a1c}
html[data-house-finish=metal] .account-dialog{background:linear-gradient(135deg,#f6f2e9,#e5dfd2);color:#252729;border-color:#a7936b66}
@media(max-height:620px){html[data-house-finish=metal] #house-support-panel{overflow-y:auto}}
@media(prefers-reduced-motion:reduce){html[data-house-finish=metal] .support-choices>button,html[data-house-finish=metal] .command-results a{transition:none}}

/* Forum: an editorial assembly, with a separate reading and composing surface. */
html[data-house-finish=metal] .forum-header{background:linear-gradient(120deg,#303235,#1b1e21);border-bottom-color:#b9a27666;box-shadow:inset 0 1px #f4e1b719,0 3px 12px #1113}
html[data-house-finish=metal] .forum-navigation{border-bottom-color:#a58c5b55}
html[data-house-finish=metal] .forum-navigation button[aria-selected=true],html[data-house-finish=metal] .forum-navigation button[aria-pressed=true]{background:linear-gradient(130deg,#3b3c3d,#222527);color:#eee0c3;border-top-color:#d7be87}
html[data-house-finish=metal] #forum-editor{background:linear-gradient(135deg,#f7f3e9,#e7e1d4);border-color:#a28b5f77;color:#292b2d}
html[data-house-finish=metal] #forum-editor h2{font-family:var(--house-display);font-weight:500;border-bottom:1px solid #a48f6738;padding-bottom:20px}
html[data-house-finish=metal] #forum-editor :is(input,textarea,select){background:#fffaf088;border-color:#a18b6260;color:#27292b;box-shadow:inset 0 1px 3px #38321f09}
html[data-house-finish=metal] .forum-prose{max-width:76ch;line-height:1.95}
html[data-house-finish=metal] .induction-control{background:radial-gradient(ellipse at 50% 0%,#ccb07610,transparent 75%),linear-gradient(145deg,#292b2e,#171a1d);border-color:#b9a27666}
html[data-house-finish=metal] .entry-button-progress-fill{background:linear-gradient(100deg,#8a754c,#d5bd89 42%,#f1ddb2 60%,#b49a63);box-shadow:0 0 20px #d8bb7c24}
html[data-house-finish=metal] .entry-button:focus-visible{outline-color:#e2c58c;outline-offset:5px}
html[data-house-finish=metal] #forum-editor .forum-dialog-header{background:linear-gradient(100deg,#f5f0e6,#e8e1d2);border-bottom-color:#a58d5f3d;box-shadow:0 4px 14px #3e321211}
html[data-house-finish=metal] #forum-editor .forum-dialog-header h2{border:0;margin:0;padding:0}
html[data-house-finish=metal] #forum-editor textarea[name=preview]{min-height:80px}
html[data-house-finish=metal] #forum-editor textarea[name=body]{min-height:180px}
html[data-house-finish=metal] #forum-editor .forum-check{padding:12px 14px;border:1px solid #aa966e33;border-radius:5px;background:#d3c1990a}
html[data-house-finish=metal] #forum-editor input[type=checkbox]{box-shadow:none;accent-color:#8a7141;background:initial}

/* Administrative surfaces: quieter ledgers, with explicit editing boundaries. */
html[data-house-finish=metal] :is(.workspace-panel,.application-research,.collection-notice,.admission-rubric){border-color:#baa1733d;border-top-color:#d6bd8670;background:linear-gradient(130deg,#d9c29106,#fff1);box-shadow:inset 0 1px #f5e9ce0a,0 8px 25px #0000000a;border-radius:8px}
html[data-house-finish=metal] .guild-form :is(input:not([type=checkbox]):not([type=radio]),textarea,select){border-color:#b5a07c4d;box-shadow:inset 0 1px 4px #0002}
html[data-house-finish=metal] .guild-form :is(input,textarea,select):focus{border-color:#ccb383}
html[data-house-finish=metal] .collection-notice{border-left:2px solid #bba374;padding:20px 24px}
html[data-house-finish=metal] .guild-form .check-field{padding-block:10px;line-height:1.8}
html[data-house-finish=metal][data-finish-still] :is(.induction-control,.induction-signal,.induction-control input){animation:none!important}
html[data-house-finish=metal][data-finish-still] .induction-control :is(.entry-button-progress-fill,.induction-signal):before,html[data-house-finish=metal][data-finish-still] .induction-control :is(.entry-button-progress-fill,.induction-signal):after{animation:none!important;opacity:0!important}

/* The founder card remains visible below site chrome, without covering the record. */
@media(min-width:761px){html[data-house-finish=metal] .founder-page .founder-card-stage{top:190px}html[data-house-finish=metal][data-workspace-embed] .founder-page .founder-card-stage{top:24px}}
@media(max-height:640px){html[data-house-finish=metal] .founder-page .founder-card-stage{position:relative;top:auto}}
html[data-house-finish=metal] .founder-record>div{background:linear-gradient(135deg,#292a2c,#1c1f21);box-shadow:inset 0 1px #ead8b40a}
html[data-house-finish=metal] .founder-band-credit{border-block-color:#bba37540}
html[data-house-finish=metal] .founder-credit-links a{text-underline-offset:5px;text-decoration-color:#a98b5655}
html[data-house-finish=metal][data-finish-still] .founder-portrait{transform:none!important;will-change:auto!important}
html[data-house-finish=metal][data-finish-still] .founder-portrait:after{opacity:.08!important}
html[data-house-finish=metal] .founder-portrait:focus-visible{outline:2px solid #d3b77e;outline-offset:5px}
html[data-house-finish=metal] .guild-modern h1 em{font-family:var(--house-display);font-style:normal;font-weight:500}
/* Owner instruments: dark controls, pale readouts, and stable numerical hierarchy. */
html[data-house-finish=metal] :is(.planner-controls,.planner-chart-panel,.planner-metric){border-color:#b69c6940;border-top-color:#d8bd8370;background:linear-gradient(145deg,#2a2c2f,#1a1d20);box-shadow:inset 0 1px #eadab112,0 10px 28px #0002}
html[data-house-finish=metal] .planner-metric :is(strong,output),html[data-house-finish=metal] .pilot-budget strong{font-variant-numeric:tabular-nums}
html[data-house-finish=metal] .planner-controls input[type=range]{accent-color:#c3a76e}
html[data-house-finish=metal] .planner-presets button{background:linear-gradient(#2a2d30,#1c1f22);border-top-color:#c4ac785c;box-shadow:inset 0 1px #e8d9b10a}
html[data-house-finish=metal] .planner-presets button:focus-visible{outline:2px solid #d1b578;outline-offset:4px}
html[data-house-finish=metal] .pilot-budget article{background:linear-gradient(125deg,#faf6ed,#e8e0d1);border-top-color:#aa8f5c88;box-shadow:inset 0 1px #fff,0 5px 16px #1b1d1f0a}
html[data-house-finish=metal] .pilot-console{background:linear-gradient(145deg,#f8f4eb,#ebe5d9);border-color:#a38b5a44;box-shadow:inset 0 1px #fff,0 12px 28px #2023260b}
html[data-house-finish=metal] .pilot-project{background:linear-gradient(130deg,#333539,#202428);border-top-color:#cab07a77;box-shadow:inset 0 1px #e5d7b512,0 10px 25px #1113}
html[data-house-finish=metal] .pilot-ledger{font-variant-numeric:tabular-nums}
@media(max-width:700px){html[data-house-finish=metal] .planner-badge{white-space:normal;max-width:100%}html[data-house-finish=metal] .planner-heading{gap:20px}}
html[data-house-finish=metal] .action-dialog{background:linear-gradient(140deg,#2a2d30,#191c1f);border-color:#bba37666;scroll-padding:22px}
html[data-house-finish=metal] .action-dialog>.modal-close{position:sticky;top:0;right:0;float:right;z-index:3;min-width:44px;min-height:44px;background:#202428eb;border-color:#c9b17a40;backdrop-filter:blur(8px);box-shadow:0 3px 12px #0002}
/* Top-layer action windows must be anchored to the viewport, not the document flow. */
html[data-house-finish=metal] .action-dialog{position:fixed;inset:0;margin:auto;max-height:calc(100dvh - 24px)}
@media(max-width:720px){
 html[data-house-finish=metal]:has(>body.member-app){scroll-padding-block:86px 120px}
 html[data-house-finish=metal] .member-app main{padding-bottom:calc(130px + env(safe-area-inset-bottom))}
 html[data-house-finish=metal] .member-app main :is(button,input,textarea,select,a,summary){scroll-margin-block:86px 120px}
 html[data-house-finish=metal][data-workspace-embed]:has(>body.member-app){scroll-padding-block:20px}
 html[data-house-finish=metal][data-workspace-embed] .member-app main :is(button,input,textarea,select,a,summary){scroll-margin-block:24px}
}
/* Task surfaces keep navigation and focus positioning immediate and stable. */
html[data-house-finish=metal]:has(>body.member-app),html[data-house-finish=metal]:has(>body.account-app){scroll-behavior:auto}

html[data-house-finish=metal] .support-form button{min-height:44px}
html[data-house-finish=metal] .support-heading button{min-width:44px;min-height:44px}
/* Long reading and tool windows retain a reachable dismissal control. */
html[data-house-finish=metal] dialog>button:first-child:is(.principles-close,[data-close-preparation],[data-close-install],.finish-setting-close){position:sticky;top:0;right:0;float:right;z-index:4;min-width:44px;min-height:44px;background:#22262aeb;border:1px solid #c6ad7940;color:#e1d6bf;border-radius:7px;backdrop-filter:blur(8px)}
html[data-house-finish=metal] .workspace-dialog-header{position:sticky;top:0;z-index:3;background:#24272af5;backdrop-filter:blur(8px)}
html[data-house-finish=metal][data-finish-still] #house-opening:before,html[data-house-finish=metal][data-finish-still] #house-opening>i:after,html[data-house-finish=metal][data-finish-still].house-arrived :is(.ex-rail,.ex-header,.ex-scene,.ex-inspector,.ex-wreath){animation:none!important}

html[data-house-finish=metal] .guide-answer{border-top-color:#b8a17466;box-shadow:inset 0 1px #fff9;background:linear-gradient(135deg,#fcfaf4,#ede7d9)}
html[data-house-finish=metal] .guide-header{border-bottom-color:#a98f5b55}
/* Dismissal is chrome, not typography: identical geometry in every House window. */
html body dialog button.house-close-control{box-sizing:border-box!important;display:inline-grid!important;place-items:center!important;position:relative;flex:0 0 44px!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important;padding:0!important;line-height:1!important;font-size:0!important;letter-spacing:0!important;text-indent:0!important;overflow:visible;cursor:pointer;vertical-align:middle;align-self:center;transform:none!important}
html body dialog button.house-close-control svg{display:block!important;width:18px!important;height:18px!important;margin:0!important;padding:0!important;fill:none!important;stroke:currentColor!important;stroke-width:1.35;stroke-linecap:round;pointer-events:none;flex:none;transform:none!important;filter:none!important}
html body dialog button.house-close-control:focus-visible{outline:2px solid #ccb887!important;outline-offset:3px!important}
html body dialog :is(.document-bar,.command-heading,.workspace-dialog-header,.forum-dialog-header,.support-heading,.house-tour-bar){min-width:0;gap:16px}
html body dialog :is(.document-bar,.command-heading,.workspace-dialog-header,.forum-dialog-header,.support-heading,.house-tour-bar)>:first-child{min-width:0}
html body dialog :is(.document-bar,.workspace-dialog-header,.forum-dialog-header,.support-heading) h2{overflow-wrap:anywhere}
html body dialog :is(input,textarea,select){min-width:0;max-width:100%;box-sizing:border-box}
@media(max-width:600px){html body dialog :is(.document-bar,.workspace-dialog-header,.forum-dialog-header,.support-heading,.house-tour-bar){gap:10px}html body dialog .document-bar>div{flex:1}html body dialog .document-bar h2{font-size:14px!important}html body dialog .document-bar>a{font-size:10px;max-width:76px;line-height:1.5}}