@charset "UTF-8";

/* A quiet free-base note, a lower controller, and petrol / copper views. */
.header-actions { display: flex; align-items: center; gap: 15px; }
.theme-toggle { display: flex; align-items: center; justify-content: center; gap: 8px; background: transparent; color: #e2eded; border: 1px solid #8aa8af; border-radius: 4px; padding: 9px 12px; font-size: 12px; white-space: nowrap; }
.theme-toggle:hover { background: #ffffff12; border-color: #d6e7e9; }
.theme-icon { font: 19px/1 "Segoe UI Symbol",sans-serif; }
.theme-label { line-height: 1.5; }
.free-note { display: block; min-width: 255px; max-width: 305px; padding-left: 25px; border-left: 1px solid #a1b7b9; }
.free-note>span { font-weight: 400; }
.free-note strong { display: block; font-size: 19px; line-height: 1.35; font-weight: 600; color: var(--blue); letter-spacing: -.3px; }
.free-note small { margin-top: 9px; font-size: 11px; line-height: 1.7; }
.free-note u { margin-top: 8px; font-size: 10px; }
.opening .workspace { margin-top: 24px; }
.opening>.scope-console { margin-top: 30px; margin-bottom: 25px; }
.info-drawer>summary>span { font-size: 12px; line-height: 1.7; }
.site-foot nav { flex-wrap: wrap; }
.site-foot .archive-link { opacity: .72; }
.site-foot .archive-link:hover, .site-foot .archive-link:focus-visible { opacity: 1; }

/* An optional familiar workflow: compact until the visitor asks for it. */
.old-way-toggle { cursor: pointer; list-style: none; }
.old-way-toggle::-webkit-details-marker { display: none; }
.old-way-toggle::marker { content: ""; }
.old-way-toggle .section-tab { margin-bottom: 14px; }
.old-way-title { display: flex; justify-content: space-between; align-items: center; gap: 28px; }
.old-way-title h2 { font-size: clamp(19px, 1.8vw, 25px); line-height: 1.4; letter-spacing: -.6px; font-weight: 650; }
.old-way-title h2>span { color: var(--blue); white-space: nowrap; }
.old-way-title>i { flex: 0 0 30px; height: 30px; border: 1px solid var(--line); color: var(--blue); font: 25px/27px var(--type); font-style: normal; text-align: center; border-radius: 3px; }
.old-way-toggle:hover .old-way-title>i { border-color: var(--blue); }
.old-way[open] .old-way-title>i { transform: rotate(45deg); }
.old-way-content { margin-top: 25px; padding-top: 28px; border-top: 1px solid var(--line); }
.old-way-heading h3 { font-size: clamp(24px, 2.4vw, 32px); line-height: 1.2; letter-spacing: -.8px; color: var(--blue); }

html[data-theme="dark"] {
  color-scheme: dark;
  --paper: #272822;
  --ink: #f0e9df;
  --muted: #c7bcaf;
  --blue: #d4aa83;
  --blue-deep: #221c17;
  --line: #8b7661;
  --desk: #0b1d24;
}
html[data-theme="dark"] .fluid-backdrop { filter: brightness(.62) saturate(.9); }
html[data-theme="dark"] .opening,
html[data-theme="dark"] .old-way,
html[data-theme="dark"] .views,
html[data-theme="dark"] .information,
html[data-theme="dark"] .personal { background: #272822; border-color: #786653; box-shadow: 7px 8px 0 #141712c4, 0 17px 40px #00000030; }
html[data-theme="dark"] .opening:before { background: #d4aa83; }
html[data-theme="dark"] .free-note { border-color: #8b7661; }
html[data-theme="dark"] .theme-toggle { color: #e8cfb2; border-color: #b49679; }
html[data-theme="dark"] .demo-link { background: #e0c5a7; color: #392f24; border-color: #e0c5a7; box-shadow: 3px 4px 0 #141712; }
html[data-theme="dark"] .demo-link:hover { background: #f2dfc8; }
html[data-theme="dark"] .scope-console,
html[data-theme="dark"] .core-tile { background: linear-gradient(125deg, #715b49, #514033 42%, #322a23); border-color: #998068; }
html[data-theme="dark"] .scope-console:before,
html[data-theme="dark"] .core-tile:before { background: radial-gradient(ellipse at 30% 50%, #e8c29828, transparent 45%), conic-gradient(from 30deg at 58% 47%, transparent 0deg 45deg, #dfb58143 66deg, #2d221b50 94deg, transparent 115deg 215deg, #b68b6045 240deg, transparent 270deg); }
html[data-theme="dark"] .scope-console:after { background: radial-gradient(ellipse 320px 150px at var(--light-x) var(--light-y), #ffe5c418, transparent 75%); }
html[data-theme="dark"] .core-tile:after { border-color: #e7c7a40c; }
html[data-theme="dark"] .scope-indicator { background: linear-gradient(125deg, #594a3a, #362d24); border-color: #b3977b; }
html[data-theme="dark"] .range-row>button { background: linear-gradient(#6d5843, #47392d); color: #f2ddc4; border-color: #b69a7b; }
html[data-theme="dark"] .range-row>button:hover { background: #7b624a; }
html[data-theme="dark"] .range-bed>input::-webkit-slider-runnable-track { background: linear-gradient(to right, #e9d2b5 0 var(--fill), #30261e var(--fill) 100%); border-color: #96816c; }
html[data-theme="dark"] .range-bed>input::-moz-range-track { background: #30261e; border-color: #96816c; }
html[data-theme="dark"] .range-bed>input::-moz-range-progress { background: #e9d2b5; }
html[data-theme="dark"] .range-bed>input::-webkit-slider-thumb { background: repeating-linear-gradient(90deg, transparent 0 4px, #efd4b5 4px 6px, transparent 6px 10px) center/30px 19px no-repeat, linear-gradient(#82674e, #4c3a2b); border-color: #dcc0a0; box-shadow: inset 0 2px 0 #bc9772, 0 5px 0 #292018; }
html[data-theme="dark"] .range-bed>input::-moz-range-thumb { background: repeating-linear-gradient(90deg, transparent 0 4px, #efd4b5 4px 6px, transparent 6px 10px) center/30px 19px no-repeat, linear-gradient(#82674e, #4c3a2b); border-color: #dcc0a0; box-shadow: inset 0 2px 0 #bc9772, 0 5px 0 #292018; }
html[data-theme="dark"] .stage-status,
html[data-theme="dark"] .stage-status[data-state="growing"] { background: #deccaf; color: #40382b; }
html[data-theme="dark"] .stage-status[data-state="idea"] { background: #292018; color: #f2ddc4; }
html[data-theme="dark"] .workspace-toolbar button { background: #3f372e; color: #edd4b6; border-color: #b29677; }
html[data-theme="dark"] .workspace-toolbar button:hover { background: #574735; }
html[data-theme="dark"] .customer-tile,
html[data-theme="dark"] .article-tile,
html[data-theme="dark"] .stock-tile,
html[data-theme="dark"] .office-tile,
html[data-theme="dark"] .industry-tile { background: linear-gradient(140deg, #37372e, #272b25); color: var(--ink); border-color: #967c65; }
html[data-theme="dark"] .work-tile-time,
html[data-theme="dark"] .engine-tile { background: linear-gradient(125deg, #4c3b2e, #2a251f); border-color: #897059; }
html[data-theme="dark"] .calendar-tile { background: linear-gradient(135deg, #7e6047, #4b3d2f); border-color: #b19372; }
html[data-theme="dark"] .index-drawing>i,
html[data-theme="dark"] .material-drawing>i,
html[data-theme="dark"] .stock-drawing>i { background: #40372c; border-color: #d5b895; }
html[data-theme="dark"] .paper-stack>span { background: #f0e7d9; color: #6a503a; border-color: #a18a6f; box-shadow: 2px 3px 0 #211b15; }
html[data-theme="dark"] .section-tab>span:first-child { background: #d3b795; color: #3e3022; border-color: #d3b795; }
html[data-theme="dark"] .source-documents>span,
html[data-theme="dark"] .source-documents>span:nth-child(2),
html[data-theme="dark"] .final-document { background: #f0e7d9; color: #6a503a; border-color: #b69a7b; }
html[data-theme="dark"] .source-documents i { color: #795e43; border-color: #a18a6f; }
html[data-theme="dark"] .final-document>b { color: #795e43; }
html[data-theme="dark"] .import-symbol>b { background: #6f533b; color: #fff2e0; border-color: #b19372; }
html[data-theme="dark"] .views-layout figure.gui-card { background: #292a23; color: var(--ink); border-color: #89745e; }
html[data-theme="dark"] .gui-label { background: linear-gradient(105deg, #68533e, #44372a); }
html[data-theme="dark"] .views .views-layout { border-color: #89745e; }
html[data-theme="dark"] .info-drawer { border-color: #998068; }
html[data-theme="dark"] .info-drawer>div { background: #20231e; border-color: #89745e; }
html[data-theme="dark"] .info-drawer>summary>i { background: #4b3e30; color: #efd4b5; border-color: #b69a7b; }
html[data-theme="dark"] .info-drawer[open]>summary>i { background: #74583d; color: #fff2e0; }
html[data-theme="dark"] .status-list>div { border-color: #7d6a56; }
html[data-theme="dark"] .ticket { filter: drop-shadow(6px 9px 3px #00000055); }
html[data-theme="dark"] button:focus-visible,
html[data-theme="dark"] a:focus-visible,
html[data-theme="dark"] input:focus-visible,
html[data-theme="dark"] summary:focus-visible { outline-color: #f0cda1; }
html[data-theme="dark"] .skip { background: #dfc3a1; color: #3e3022; }

@media(max-width:1100px) {
  .header-actions { gap: 11px; }
  .theme-toggle { padding: 8px 10px; font-size: 11px; }
  .free-note { padding-left: 20px; min-width: 235px; }
  .free-note strong { font-size: 17px; }
}
@media(max-width:850px) { .header-actions { margin-left: auto; } }
@media(max-width:650px) {
  .site-head { gap: 12px; flex-wrap: wrap; }
  .header-actions { gap: 9px; }
  .theme-toggle { width: 38px; height: 37px; padding: 0; }
  .theme-toggle .theme-label { display: none; }
  .free-note { border-left: 0; border-top: 1px solid #a1b7b9; padding: 15px 0 0; min-width: 0; max-width: none; }
  .free-note strong { font-size: 17px; }
  .opening .workspace { margin-top: 23px; }
  .opening>.scope-console { margin-top: 27px; margin-bottom: 23px; }
  .tiles .core-tile .paper-stack { top: 39px; width: 52px; height: 80px; }
  .old-way-title { align-items: flex-start; gap: 15px; }
  .old-way-title h2 { font-size: 19px; line-height: 1.45; }
  .old-way-title h2>span { display: block; margin-top: 4px; font-size: 16px; white-space: normal; }
  .old-way-title>i { flex-basis: 26px; height: 26px; font-size: 23px; line-height: 23px; }
  .old-way-content { margin-top: 21px; padding-top: 23px; }
  .info-drawer>summary>span { font-size: 11px; }
  html[data-theme="dark"] .range-bed>input::-webkit-slider-thumb,
  html[data-theme="dark"] .range-bed>input::-moz-range-thumb { background-size: 21px 17px, auto; }
}

/* Less empty desk space on notebooks, without shrinking the text. */
@media(min-width:651px) {
  .opening .workspace { margin-top: 20px; }
  .workspace-toolbar { margin-bottom: 10px; }
  .tiles { grid-auto-rows: 150px; gap: 13px; min-height: 460px; }
  .tiles[data-count="1"],
  .tiles[data-count="2"],
  .tiles[data-count="3"] { grid-auto-rows: 200px; min-height: 413px; }
  .feature-detail { margin-top: 16px; padding-top: 15px; min-height: 108px; }
  .ticket { min-height: 535px; padding-top: 43px; padding-bottom: 29px; }
  .ticket h2 { margin-top: 15px; }
  .ticket-rule { margin: 13px 0; }
  .ticket-note { margin-top: 16px; }
  .ticket>a { margin-top: 17px; }
  .ticket-barcode { margin-top: 19px; }
  .ticket[data-long="true"] { min-height: 590px; padding-top: 40px; }
  .opening>.scope-console { margin-top: 22px; margin-bottom: 20px; padding-top: 14px; padding-bottom: 12px; }
}
@media(min-width:651px) and (max-width:1300px) {
  .tiles[data-count="1"],
  .tiles[data-count="2"],
  .tiles[data-count="3"] { grid-auto-rows: 190px; min-height: 393px; }
  .ticket { min-height: 520px; }
  .ticket[data-long="true"] { min-height: 575px; }
}

/* Warm metal: restored moving reflections with a tone between bronze and red copper. */
html[data-theme="dark"] .scope-console,
html[data-theme="dark"] .core-tile {
  background:
    repeating-linear-gradient(174deg, #f8d4b006 0 1px, transparent 1px 4px),
    linear-gradient(114deg, #3c261d 0%, #805036 22%, #98614a 30%, #643f2d 39%, #492e24 54%, #7f4e34 78%, #482d23 100%);
  border-color: #c58d69;
  box-shadow: inset 0 1px 0 #ffe4c5b0, inset 0 -1px 0 #140e0980, 3px 4px 0 #161510;
}
html[data-theme="dark"] .scope-console:before,
html[data-theme="dark"] .core-tile:before {
  translate: var(--scroll-metal-x, 0px) var(--scroll-metal-y, 0px);
  background:
    radial-gradient(ellipse at 30% 50%, #ffe5c244, transparent 44%),
    conic-gradient(from 30deg at 58% 47%, transparent 0deg 45deg, #f5c99d70 63deg, #ffe9ce50 67deg, #271c1670 88deg, transparent 115deg 215deg, #d5a06c60 240deg, transparent 270deg);
  filter: blur(4px);
}
html[data-theme="dark"] .scope-console:after {
  translate: var(--scroll-metal-x, 0px) 0;
  background:
    linear-gradient(112deg, transparent 17%, #ffddb512 27%, #fff0d52e 28%, transparent 29% 70%, #e3b78a15 79%, transparent 87%),
    radial-gradient(ellipse 320px 150px at var(--light-x) var(--light-y), #ffebcf38, transparent 75%);
}
html[data-theme="dark"] .core-tile:after { border-color: #eec8a317; }
html[data-theme="dark"] .range-row>button {
  background: linear-gradient(125deg, #a77552, #74462f 48%, #503022 68%, #865236);
  border-color: #d4a27b;
  box-shadow: inset 0 1px 0 #ffe7c999, 0 3px 0 #211810;
}
html[data-theme="dark"] .scope-indicator {
  background: linear-gradient(125deg, #6a4531, #39241a 55%, #6c422d);
  border-color: #ce9971;
  box-shadow: inset 0 1px 0 #f6d1a859, 2px 3px 0 #211810;
}
html[data-theme="dark"] .range-bed>input::-webkit-slider-thumb {
  background:
    repeating-linear-gradient(90deg, transparent 0 4px, #ffe5c6 4px 6px, transparent 6px 10px) center/30px 19px no-repeat,
    linear-gradient(115deg, #ab7b56, #804f35 37%, #48291b 68%, #97613e);
  border-color: #ecc096;
  box-shadow: inset 0 2px 0 #ffe0bba8, inset 0 -1px 0 #24160b, 0 5px 0 #211810;
}
html[data-theme="dark"] .range-bed>input::-moz-range-thumb {
  background:
    repeating-linear-gradient(90deg, transparent 0 4px, #ffe5c6 4px 6px, transparent 6px 10px) center/30px 19px no-repeat,
    linear-gradient(115deg, #ab7b56, #804f35 37%, #48291b 68%, #97613e);
  border-color: #ecc096;
  box-shadow: inset 0 2px 0 #ffe0bba8, inset 0 -1px 0 #24160b, 0 5px 0 #211810;
}
@media(max-width:650px) {
  html[data-theme="dark"] .range-bed>input::-webkit-slider-thumb,
  html[data-theme="dark"] .range-bed>input::-moz-range-thumb { background-size: 21px 17px, auto; }
}

/* Readable small print; spend less vertical space on the controller surround. */
.brand>span { font-size: 12px; }
.brand small { font-size: 10px; }
.eyebrow, .workspace-toolbar>span, .section-tab { font-size: 10px; }
.motion-choice, .workspace-toolbar button { font-size: 11px; }
.opening-copy { font-size: 15px; line-height: 1.65; }
.free-note small, .free-note u { font-size: 12px; line-height: 1.6; }
.tiles[data-count] .work-tile .tile-meta { font-size: 10px; line-height: 1.4; letter-spacing: 0; }
.tiles[data-count] .work-tile .tile-meta>i { font-size: 9px; }
.tiles[data-count] .work-tile .tile-bottom { font-size: 10px; line-height: 1.5; padding-top: 8px; }
.tiles[data-count] .work-tile>p { font-size: 12px; line-height: 1.6; }
.tiles[data-count="3"] .work-tile>p, .tiles[data-count] .core-tile>p { font-size: 13px; }
.feature-detail>span { font-size: 11px; line-height: 1.6; }
.feature-detail p { font-size: 14px; line-height: 1.6; margin-top: 5px; }
.ticket-caption { font-size: 12px; line-height: 1.5; }
.ticket-kicker { font-size: 9px; }
.ticket h2 { font-size: 13px; }
.ticket-row, .ticket-count, .ticket-note, .ticket>a { font-size: 11px; }
.ticket li, .ticket[data-long="true"] li { font-size: 10px; line-height: 1.55; gap: 6px; padding: 2px 0; }
.ticket li>small { font-size: 9px; }
.ticket-fine { font-size: 9px; line-height: 1.5; }
.scope-heading p { font-size: 13px; line-height: 1.4; }
.scope-indicator>span:last-child { font-size: 10px; line-height: 1.4; }
.range-captions { font-size: 11px; line-height: 1.4; }
.stage-status { font-size: 10px; line-height: 1.4; padding: 3px 6px; }
.scope-status>p { font-size: 11px; line-height: 1.4; max-width: 440px; }
.opening-foot>span, .opening-foot>a { font-size: 12px; line-height: 1.6; }
.old-way-heading>div, .old-way-heading>div p { font-size: 15px; line-height: 1.75; }
.import-path p, .import-notes p { font-size: 13px; line-height: 1.7; }
.margin-note { font-size: 11px; line-height: 1.65; }
.views-heading p { font-size: 15px; line-height: 1.7; }
.gui-label, .gui-label>b { font-size: 11px; line-height: 1.45; }
.views-layout .gui-card>figcaption { font-size: 12px; line-height: 1.6; }
.views-layout .gui-card>figcaption strong { font-size: 14px; }
.views-footer p { font-size: 14px; line-height: 1.7; }
.info-drawer>summary>span { font-size: 13px; }
.info-drawer>div { font-size: 15px; line-height: 1.75; }
.info-drawer>div>a { font-size: 14px; }
.status-list dt { font-size: 12px; }
.status-list dd { font-size: 14px; line-height: 1.7; }
.info-drawer .small, .price-lines small { font-size: 12px; line-height: 1.6; }
.price-lines p>span { font-size: 13px; }
.personal-aside>p { font-size: 13px; line-height: 1.7; }
.personal-letter>p:not(.signature) { font-size: 15px; line-height: 1.8; }
.personal-extra, .personal-extra summary { font-size: 13px; line-height: 1.7; }
.site-foot { font-size: 11px; gap: 20px; flex-wrap: wrap; }
.site-foot nav { font-size: 12px; }
.site-foot>p { font-size: 11px; line-height: 1.65; }

@media(min-width:651px) {
  .tiles { grid-auto-rows: minmax(150px, auto); }
  .feature-detail { min-height: 0; margin-top: 12px; padding-top: 12px; }
  .ticket { min-height: 475px; padding-top: 37px; padding-bottom: 25px; }
  .ticket h2 { margin-top: 12px; }
  .ticket-rule { margin: 10px 0; }
  .ticket-note { margin-top: 12px; }
  .ticket>a { margin-top: 12px; }
  .ticket-barcode { margin-top: 14px; }
  .ticket[data-long="true"] { min-height: 560px; padding-top: 36px; }
  .opening>.scope-console { margin-top: 13px; margin-bottom: 14px; padding: 11px 20px 10px; }
  .scope-indicator { padding: 4px 10px; }
  .scope-indicator>span:first-child { font-size: 32px; }
  .range-row { margin-top: 5px; }
  .range-row>button { margin-top: 8px; }
  .range-bed>input { height: 44px; }
  .range-captions { margin-top: 3px; }
  .scope-status { margin-top: 6px; padding-top: 6px; gap: 11px; }
}
@media(min-width:651px) and (max-width:1000px) {
  .tiles[data-count] .work-tile .tile-meta,
  .tiles[data-count] .work-tile .tile-bottom { font-size: 9px; }
  .tiles[data-count] .work-tile>p { font-size: 11px; }
  .tiles[data-count="3"] .work-tile>p { font-size: 12px; }
  .ticket { padding-inline: 28px; }
  .scope-status { flex-wrap: wrap; }
  .scope-status>p { margin-left: 0; max-width: none; flex: 1 1 260px; }
}
@media(max-width:650px) {
  .eyebrow, .section-tab { font-size: 9px; }
  .opening-copy, .old-way-heading>div, .old-way-heading>div p,
  .views-heading p, .info-drawer>div, .personal-letter>p:not(.signature) { font-size: 14px; }
  .tiles[data-count] { grid-auto-rows: minmax(178px, auto); }
  .tiles[data-count] .work-tile .tile-meta,
  .tiles[data-count] .work-tile .tile-bottom { font-size: 9px; }
  .tiles[data-count] .work-tile>p { font-size: 11px; }
  .tiles[data-count] .core-tile>p { font-size: 12px; }
  .feature-detail>span { font-size: 10px; }
  .feature-detail p { font-size: 13px; }
  .opening>.scope-console { margin-top: 18px; margin-bottom: 18px; padding: 13px 12px 11px; }
  .scope-heading { gap: 9px; }
  .scope-heading label { font-size: 18px; }
  .scope-heading p { font-size: 12px; }
  .scope-indicator { gap: 6px; padding: 5px 6px; }
  .scope-indicator>span:last-child { font-size: 9px; width: 48px; }
  .range-row { grid-template-columns: 32px 1fr 32px; gap: 8px; margin-top: 8px; }
  .range-row>button { width: 32px; height: 40px; }
  .range-captions { font-size: 10px; gap: 8px; }
  .range-captions>span:nth-child(2) { display: none; }
  .scope-status { gap: 7px 9px; }
  .scope-status>p { font-size: 11px; }
  .gui-label { min-height: 66px; }
  .views-layout .gui-card>figcaption strong { font-size: 13px; }
  .info-drawer>summary>span { font-size: 12px; }
  .status-list dt { font-size: 11px; }
  .site-foot nav { gap: 13px 18px; }
}