:root { --trace: #1f1d1a; --scrollseries: #e4dccf; color-scheme: light; --eager: #8c8476; --justified-caddy: #f4f0e8; --tonedenclosure: #1f1d1a; --relayedRibbon: #8c6826; --ordered: #f1ece3 }
:root { --adaptive: 1.02; --squared: .875rem; --cone: ease-out; --offset: var(--ordered); --vetteddial: color-mix(in srgb,var(--tonedenclosure) 7%,transparent); --dimmedstamp: var(--trace); --extendedEnclosure: -0.015em; --graded-dial: 0 0 0 3px var(--trace); --tooled-bracket: 0; --vettedParcel: var(--scrollseries); --top-axis: 1rem; --placed-cornice: var(--eager); --batchedAxis: var(--ordered); --logicalthread: 1px; --slimloader: 0 8px 24px color-mix(in srgb,var(--tonedenclosure) 22%,transparent); --lucidenvelope: 0; --uniformsnippet: var(--trace); --vettedswatch: solid; --enclosedTip: var(--ordered); --constantCircuit: var(--tonedenclosure); --seasoned-particle: 700; --sizedCurb: color-mix(in srgb,var(--eager) 20%,var(--ordered)); --sanded-flap: .25rem; --semanticcabinet: none; --library: 0 12px 28px color-mix(in srgb,var(--tonedenclosure) 36%,transparent); --enclosed-series: 65ch; --decoded: inset 0 1px 1px color-mix(in srgb,var(--tonedenclosure) 10%,transparent); --graded-bulletin: 0px; --rotatedchrome: 1; --formal-caddy: var(--eager); --compiledcircuit: 88rem; --express: var(--ordered); --tooled-cipher: var(--ordered); --flatscrim: saturate(1.15); --dimmed-workbench: var(--ordered); --vettedGantry: color-mix(in srgb,var(--tonedenclosure) 55%,transparent); --pointed: .4; --designedbolt: 70ms; --scribedRadar: var(--trace); --fetchedService: 1px; --rear: .25rem; --framed: none; --justifiedflute: none; --joiner: none; --slimcombo: 2rem; --concurrenthost: linear-gradient(transparent,var(--tonedenclosure)); --compoundCrate: var(--ordered); --elevatedChord: 500ms; --compoundThumbnail: transparent; --isolated-cursor: var(--fetchedService); --chartedMount: .125rem; --zoomedhangar: var(--tonedenclosure); --semanticstamp: .375rem; --nav: 1.6; --patternedCaddy: none; --seamless-caddy: var(--justified-caddy); --barrel: none; --gradedHelm: var(--tonedenclosure); --inspector: var(--tonedenclosure); --surveyedseries: .25rem; --extruded-binder: none; --grate: 1; --measuredScrim: none; --compositechord: var(--tonedenclosure); --floatingportal: transparent; --functionalcoil: var(--trace); --virtual: 400; --visualoffset: .75rem; --turbo: 0 2px 6px color-mix(in srgb,var(--tonedenclosure) 16%,transparent); --minted-parcel: clamp(1rem,3vw,2rem); --grainedhangar: var(--tonedenclosure); --certifiedhelm: 130ms; --auxiliary: 9999px; --touredcircuit: var(--scrollseries); --visualDeck: color-mix(in srgb,var(--tonedenclosure) 56%,transparent); --fetchedBlade: ease-out; --slimCrest: var(--ordered); --lazy: transparent; --lettered: 600; --concurrentcursor: 0 0 0 3px var(--trace); --replicatedLantern: clamp(4.5rem,8.5vw,7rem); --extrudedSilo: var(--trace) }
@media(max-width:640px) {:root { --visualoffset: calc((.75rem) * .85); --replicatedLantern: calc((clamp(4.5rem,8.5vw,7rem)) * .7); --top-axis: calc((1rem) * .85) }}
:root { --seasoned: #8c6826; --placed-flute: #ffffff }
:root { --endorsed: 'Roboto Slab',Georgia,serif; --targeted-binder: 'Roboto',Arial,sans-serif }
:root { --constant-crest: 600; --slanted: -0.01em; --compiledCornice: 'Fraunces',Georgia,serif }
*::after,*,*::before { box-sizing: border-box }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; --rotatedHousing: min(var(--compiledcircuit),100rem); --seamlessgauge: min(var(--rotatedHousing),48rem) }
body { margin: 0; background: var(--slimCrest); color: var(--tonedenclosure); font: 16px/var(--nav,1.6) var(--targeted-binder,Arial,Helvetica,sans-serif); font-weight: var(--virtual); overflow-wrap: break-word }
code,a[href^="mailto:"],a[href^="tel:"] { overflow-wrap: anywhere }
a { color: inherit }
button { font: inherit }
figure { margin: 0 }
img,svg { height: auto; max-width: 100% }
input:not([type="checkbox"]):not([type="radio"]),textarea { appearance: none; -webkit-appearance: none }
h5,h3,h6,h1,h2,h4 { font-weight: var(--seasoned-particle); overflow-wrap: normal; letter-spacing: var(--extendedEnclosure); font-family: var(--endorsed,inherit) }
.placedcoil { margin-inline: auto; width: min(var(--rotatedHousing),calc(100% - var(--minted-parcel))) }
:is(.replicatedtarget,.labeled)>.placedcoil { width: min(var(--seamlessgauge),calc(100% - var(--minted-parcel))) }
:is(.replicatedtarget,.labeled)>.placedcoil :is(.toned-sequence,p) { max-width: none }
.macroToolbar { padding: calc(var(--replicatedLantern) + var(--constantAtlas,0rem)) 0; scroll-margin-top: var(--placed-lantern) }
header.macroToolbar,footer.macroToolbar { padding: 0 }
.zonedoffset { padding-block: 0; min-height: calc(100vh - var(--placed-lantern)); min-height: calc(100svh - var(--placed-lantern)); display: flex; flex-direction: column; --patched: calc(100vh - var(--placed-lantern)) }
.zonedoffset>* { justify-content: center; flex-direction: column; flex: 1 0 auto; display: flex }
.typedhost { padding: calc(var(--replicatedLantern) + var(--archive,0rem)) 0; background: var(--enclosedTip); backdrop-filter: var(--extruded-binder); -webkit-backdrop-filter: var(--extruded-binder) }
.macroToolbar>.typedhost { margin-block: calc(-1 * (var(--replicatedLantern) + var(--constantAtlas,0rem))) }
.macroToolbar>:is(.replicatedCompass) { margin-block: calc(-1 * (var(--replicatedLantern) + var(--constantAtlas,0rem))) }
header.macroToolbar+.macroToolbar:not(.zonedoffset) { --clipboard: .55; padding-top: calc((var(--replicatedLantern) + var(--constantAtlas,0rem)) * var(--clipboard)) }
header.macroToolbar+.macroToolbar:not(.zonedoffset)>:is(.typedhost,.replicatedCompass) { margin-top: calc(-1 * (var(--replicatedLantern) + var(--constantAtlas,0rem)) * var(--clipboard)) }
header.macroToolbar+.macroToolbar:not(.zonedoffset)>:is(.typedhost) { padding-top: calc((var(--replicatedLantern) + var(--archive,0rem)) * var(--clipboard)) }
.sanded-radar { font-family: var(--compiledCornice,inherit); letter-spacing: var(--slanted,-0.02em); font-size: 1.25rem; font-weight: var(--constant-crest,600); text-decoration: none }
.hangar { font-size: .875rem; font-weight: 700; margin-bottom: 1rem; text-transform: var(--patternedCaddy); letter-spacing: .12em; color: var(--tonedenclosure); box-shadow: inset 0 -0.125rem 0 var(--relayedRibbon) }
.collated { font-size: 1.25rem; opacity: .8; margin-bottom: 2rem; max-width: var(--enclosed-series); line-height: var(--nav) }
.quantum-insert { letter-spacing: var(--extendedEnclosure); font-weight: var(--seasoned-particle) }
.node { max-width: var(--enclosed-series) }
address { font-style: normal }
i,b,em { font-style: inherit; font-weight: inherit }
.tetheredHinge { display: inline-flex; align-items: center; justify-content: center; min-height: var(--slimcombo); padding-block: .5rem; padding-inline: var(--squared); border: var(--isolated-cursor) var(--vettedswatch) var(--functionalcoil); border-radius: var(--rear); background: var(--floatingportal); color: var(--scribedRadar); text-decoration: none; font-weight: var(--lettered); cursor: pointer; text-transform: var(--measuredScrim); letter-spacing: var(--lucidenvelope); box-shadow: var(--framed); backdrop-filter: var(--extruded-binder); -webkit-backdrop-filter: var(--extruded-binder); transition: background var(--certifiedhelm) var(--fetchedBlade),color var(--certifiedhelm) var(--fetchedBlade),border-color var(--certifiedhelm) var(--fetchedBlade),box-shadow var(--certifiedhelm) var(--fetchedBlade),opacity var(--certifiedhelm) var(--fetchedBlade),transform var(--certifiedhelm) var(--fetchedBlade) }
.tetheredHinge:hover { box-shadow: var(--joiner); transform: var(--semanticcabinet); opacity: var(--grate); color: var(--seamless-caddy); background: var(--dimmedstamp) }
.tetheredHinge:active { box-shadow: var(--decoded); transform: var(--barrel) }
.slimportal { border-color: var(--formal-caddy); box-shadow: none; background: var(--offset); color: var(--zoomedhangar) }
.slimportal:hover { color: var(--zoomedhangar); box-shadow: none; background: color-mix(in srgb,var(--trace) 10%,var(--offset)) }
textarea,input { width: 100%; backdrop-filter: var(--extruded-binder); -webkit-backdrop-filter: var(--extruded-binder); min-height: var(--slimcombo); padding: .75rem var(--squared); border: var(--fetchedService) var(--vettedswatch) var(--visualDeck); border-radius: var(--sanded-flap); background: var(--vetteddial); color: var(--gradedHelm); font: inherit; transition: border-color var(--certifiedhelm) var(--fetchedBlade),box-shadow var(--certifiedhelm) var(--fetchedBlade),opacity var(--certifiedhelm) var(--fetchedBlade) }
textarea { line-height: var(--nav); resize: vertical; min-height: 9rem }
textarea:hover,input:hover { border-color: var(--compositechord) }
input:not([type="checkbox"]):not([type="radio"]):focus,textarea:focus { box-shadow: var(--graded-dial); border-color: var(--trace) }
textarea:user-invalid,input:user-invalid { border-color: var(--uniformsnippet) }
input[type="checkbox"],input[type="radio"] { appearance: none; -webkit-appearance: none; display: inline-grid; place-content: center; width: auto; min-height: 0; inline-size: 1.125rem; block-size: 1.125rem; padding: 0; border: var(--fetchedService) var(--vettedswatch) var(--compositechord); background: var(--vetteddial); cursor: pointer; transition: background var(--certifiedhelm) var(--fetchedBlade),border-color var(--certifiedhelm) var(--fetchedBlade) }
input[type="checkbox"] { border-radius: .25rem }
input[type="radio"] { border-radius: 50% }
input[type="radio"]::before,input[type="checkbox"]::before { content: ""; transition: transform var(--certifiedhelm) var(--fetchedBlade); block-size: .625rem; transform: scale(0); inline-size: .625rem; background: var(--justified-caddy) }
input[type="checkbox"]::before { clip-path: polygon(14% 44%,0 60%,40% 100%,100% 18%,84% 0,38% 68%) }
input[type="radio"]::before { border-radius: 50%; block-size: .5rem; inline-size: .5rem }
input[type="radio"]:hover,input[type="checkbox"]:hover { border-color: var(--trace) }
input[type="radio"]:checked,input[type="checkbox"]:checked { background: var(--trace); border-color: var(--trace) }
input[type="radio"]:checked::before,input[type="checkbox"]:checked::before { transform: scale(1) }
input[type="radio"]:focus-visible,input[type="checkbox"]:focus-visible { outline-offset: 2px; outline: 2px solid var(--trace); box-shadow: none }
input[type="datetime-local"],input[type="month"],input[type="date"],input[type="time"],input[type="week"] { block-size: calc(var(--nav,1.6) * 1em + 1.5rem + 2 * var(--fetchedService)); padding-block: 0 }
::placeholder { opacity: 1; color: var(--vettedGantry) }
details,.formalAxis { padding: var(--top-axis); background: var(--vettedParcel); border: var(--logicalthread) var(--vettedswatch) var(--formal-caddy); border-radius: var(--tooled-bracket); box-shadow: var(--justifiedflute); backdrop-filter: var(--extruded-binder); -webkit-backdrop-filter: var(--extruded-binder) }
.subtle-gantry { grid-template-columns: repeat(2,minmax(0,1fr)) }
details:hover,.formalAxis:not(.subtleRepeater,.replicatedStack,.minted-stack):hover { box-shadow: var(--turbo) }
summary { cursor: pointer; list-style-position: inside }
summary::marker { color: var(--trace) }
.formalinsert .placedcoil { width: min(calc(var(--rotatedHousing) * 1.2),calc(100% - var(--minted-parcel))) }
.formalinsert { position: fixed; top: 0; left: 0; right: 0; z-index: 30; background: var(--express); border-color: var(--placed-cornice); border-bottom-color: var(--sizedCurb); color: var(--grainedhangar); backdrop-filter: var(--extruded-binder); -webkit-backdrop-filter: var(--extruded-binder) }
.resolvedCornice { color: var(--grainedhangar); border-color: var(--placed-cornice) }
.designedflap a { position: relative; font-weight: 500; border-radius: var(--sanded-flap); padding: .25rem; transition: background var(--certifiedhelm) var(--fetchedBlade),box-shadow var(--certifiedhelm) var(--fetchedBlade),color var(--certifiedhelm) var(--fetchedBlade); text-decoration: none }
.formalinsert .designedflap a[aria-current="page"] { font-weight: 700; color: var(--extrudedSilo) }
.compiled-stub { border-radius: var(--sanded-flap); border: var(--fetchedService) var(--vettedswatch) var(--placed-cornice); transition: background var(--certifiedhelm) var(--fetchedBlade); color: inherit; background: transparent }
figure>img { filter: var(--flatscrim); border-radius: var(--surveyedseries); border: var(--fetchedService) var(--vettedswatch) var(--lazy) }
button:focus,a:focus,textarea:focus,.tetheredHinge:focus,select:focus,summary:focus,input:not([type="checkbox"]):not([type="radio"]):focus { outline-offset: 2px; outline: 2px solid transparent }
.tetheredHinge:focus-visible,textarea:focus-visible,button:focus-visible,summary:focus-visible,input:not([type="checkbox"]):not([type="radio"]):focus-visible,a:focus-visible { outline: 2px solid transparent; box-shadow: var(--concurrentcursor); outline-offset: 2px }
.designedflap a:hover:focus-visible,.compiled-stub:focus-visible,.compiled-stub:hover:focus-visible,.designedflap a:focus-visible { outline-offset: 2px; box-shadow: var(--concurrentcursor); outline: 2px solid transparent }
input:disabled,textarea:disabled,[aria-disabled="true"],button:disabled,.tetheredHinge:disabled { opacity: var(--pointed); cursor: not-allowed }
.jointfulcrum { width: 1.25rem; flex-shrink: 0; height: 1.25rem }
.plain { justify-content: center; width: 3rem; display: inline-flex; border-radius: var(--chartedMount); border: var(--fetchedService) var(--vettedswatch) var(--formal-caddy); flex: 0 0 auto; align-items: center; height: 3rem; color: var(--relayedRibbon) }
.plain .jointfulcrum { height: 1.5rem; width: 1.5rem }
.plain { background: color-mix(in srgb,var(--dimmed-workbench) 12%,var(--ordered)) }
.extrudedchrome { background: var(--ordered) }
.extrudedchrome,.plain { box-shadow: inset 0 0 0 var(--fetchedService) var(--tooled-cipher) }
.handheldchord { color: var(--relayedRibbon) }
.resolvedpointer { align-items: start; display: grid; grid-template-columns: 1fr 1fr; gap: 4rem }
.parsed-knob { top: calc(var(--placed-lantern) + clamp(1.5rem,4vw,2.5rem)); position: sticky }
.parsed-knob h2 { line-height: 1.1; margin: 0; font-size: calc((1rem + (clamp(2.5rem,6vw,4rem) - 1rem) * var(--rotatedchrome)) * var(--adaptive)) }
.secondaryScrim { flex-direction: column; display: flex }
.labeled .collated { opacity: .8 }
.toned-sequence { flex-direction: column; gap: .75rem; display: flex; margin: 0 0 clamp(2rem,4vw,3.5rem); max-width: 44rem }
.privatesnippet { margin-inline: auto; align-items: center; text-align: center }
.pressedModal { gap: .75rem; justify-content: center; box-shadow: none; width: 100%; display: flex; align-items: center }
.pressedModal::after,.pressedModal::before { content: ""; display: none; background: var(--relayedRibbon); flex: 0 0 auto }
.quantum-insert { margin: 0; line-height: 1.1; font-size: calc((1rem + (clamp(1.875rem,4vw,3rem) - 1rem) * var(--rotatedchrome)) * var(--adaptive)) }
.hangar { margin: 0; font-size: .8125rem }
.collated { line-height: var(--nav); opacity: .75; margin: 0; font-size: 1.125rem }
.handhelddeck { align-items: center; flex-wrap: wrap; gap: .75rem; display: flex }
.autoapron { border-block: var(--fetchedService) var(--vettedswatch) var(--formal-caddy) }
.topcoil { --archive: 0rem; --constantAtlas: 0rem }
.designedswatch { --archive: -1.5rem; --constantAtlas: -1rem }
.cornice { --constantAtlas: .5rem; --archive: .625rem }
.semanticChrome { --constantAtlas: 1rem; --archive: .5rem }
@media(max-width:1024px) {.resolvedpointer { gap: 2.5rem }}
@media(max-width:768px) {.subtle-gantry { grid-template-columns: 1fr }
.resolvedpointer { gap: 3rem; grid-template-columns: 1fr }
.parsed-knob { position: static; margin-bottom: 2rem }}
@media(max-width:640px) {.cornice,.semanticChrome,.topcoil,.designedswatch { --constantAtlas: 0rem; --archive: 0rem }
.quantum-insert { font-size: calc((1rem + (clamp(1.75rem,7vw,2.25rem) - 1rem) * var(--rotatedchrome)) * var(--adaptive)) }
.collated { font-size: 1.0625rem }
.toned-sequence { margin-bottom: clamp(1.5rem,6vw,2rem); gap: .5rem }
.parsed-knob h2 { font-size: calc((1rem + (clamp(2rem,8vw,2.5rem) - 1rem) * var(--rotatedchrome)) * var(--adaptive)) }
.resolvedpointer { gap: 2rem }
.parsed-knob { margin-bottom: 0 }
.handhelddeck { gap: .625rem; flex-direction: column; width: 100%; align-items: stretch }
.handhelddeck .tetheredHinge { width: 100% }
.plain { width: 2.75rem; height: 2.75rem }}
.zoned-flyout { gap: .875rem; display: flex; line-height: var(--nav); font-size: 1.0625rem; align-items: flex-start }
.rigidPointer { opacity: .85 }
.extrudedchrome { border: var(--fetchedService) var(--vettedswatch) currentColor; justify-content: center; color: var(--relayedRibbon); width: 1.75rem; align-items: center; display: inline-flex; height: 1.75rem; flex-shrink: 0; border-radius: 50% }
.extrudedchrome .jointfulcrum { width: 1rem; height: 1rem }
.autobinder { background: var(--relayedRibbon); margin-top: calc((1.0625rem * var(--nav) - .625rem) / 2); width: .625rem; height: .625rem; border-radius: 50%; flex-shrink: 0 }
.bounded { gap: 1rem; list-style: none; flex-direction: column; padding: 0; display: flex; margin: 0 }
.fetched-blade .bounded { margin-inline: auto; max-width: 44rem }
.canonicalChrome .parsedhinge { display: grid; gap: var(--visualoffset); padding: 0; list-style: none; margin: 0; grid-template-columns: repeat(2,minmax(0,1fr)) }
.parsedhinge .zoned-flyout { padding-top: 1.25rem; border-top: var(--fetchedService) var(--vettedswatch) color-mix(in srgb,var(--ordered) 24%,transparent) }
@media(max-width:768px) {.canonicalChrome .parsedhinge { grid-template-columns: 1fr }}
.snapped-flute { align-items: center; box-sizing: border-box; width: 2.25rem; display: inline-flex; flex-shrink: 0; height: 2.25rem; justify-content: center }
.beacon { font-weight: var(--constant-crest,600); font-size: .8125rem; line-height: 1; letter-spacing: .02em; font-family: var(--compiledCornice,inherit) }
.quantum-stamp { color: var(--relayedRibbon); border: var(--fetchedService) var(--vettedswatch) var(--relayedRibbon) }
.sanded-radar { display: inline-flex; align-items: center; gap: .625rem }
.extruded-caddy { display: inline-block }
.tallThumbnail { position: relative }
.tallThumbnail [hidden] { display: none }
.tieredPointer { min-width: 0 }
.tallmarquee { scrollbar-width: none; -webkit-overflow-scrolling: touch; display: flex; scroll-snap-type: x mandatory; overflow-x: auto }
.tallmarquee::-webkit-scrollbar { display: none }
.well { min-width: 0; scroll-snap-align: start; flex: 0 0 100% }
.tallThumbnail[data-mitredregion] .tieredPointer { overflow: hidden }
.tallThumbnail[data-mitredregion] .tallmarquee { cursor: grab }
.tallThumbnail[data-tiered-stack] .tallmarquee { cursor: grabbing }
.tallmarquee summary,.tallmarquee button,.tallmarquee a { cursor: pointer }
.tallThumbnail[data-mitredregion] .tallmarquee { scroll-snap-type: none; overflow: visible }
.tallThumbnail[data-mitredregion]:not([data-gradedshell]) .tallmarquee { transition: transform calc(var(--certifiedhelm) * 3) var(--fetchedBlade); transform: translateX(calc(var(--silo) * -100%)) }
.tallThumbnail[data-mitredregion][data-gradedshell] .tallmarquee { display: grid }
.tallThumbnail[data-mitredregion][data-gradedshell] .well { transition: opacity calc(var(--certifiedhelm) * 3) var(--fetchedBlade),transform calc(var(--certifiedhelm) * 3) var(--fetchedBlade); opacity: 0; grid-area: 1/1; pointer-events: none }
.tallThumbnail[data-mitredregion][data-gradedshell] .well[data-cover] { pointer-events: auto; opacity: 1 }
.tallThumbnail[data-mitredregion][data-tiered-stack] .tallmarquee { transition: none }
.primeRadar { display: flex; gap: calc(var(--visualoffset) * .5) }
.seamlessPointer,.quick-target,.visualhousing { align-items: center; border: var(--fetchedService) var(--vettedswatch) var(--compositechord); display: inline-flex; height: 2.75rem; width: 2.75rem; border-radius: var(--chartedMount); transition: transform var(--certifiedhelm) var(--fetchedBlade),border-color var(--certifiedhelm) var(--fetchedBlade),opacity var(--certifiedhelm) var(--fetchedBlade); color: inherit; justify-content: center; background: var(--vettedParcel); padding: 0; box-shadow: var(--justifiedflute); cursor: pointer }
.seamlessPointer:hover { transform: var(--semanticcabinet); border-color: var(--trace) }
.seamlessPointer:active { transform: var(--barrel) }
.seamlessPointer[aria-disabled="true"] { pointer-events: none; cursor: default; opacity: var(--pointed) }
.replicatedDeck { height: 1.25rem; width: 1.25rem }
.typedcompass { transform: scaleX(-1) }
.clustered-fulcrum { justify-content: center; flex-wrap: wrap; gap: calc(var(--visualoffset) * .5); display: flex }
.lockedKnob { padding: 0; cursor: pointer; background: none; color: inherit; font: inherit; border: 0 }
.rootAccordion { font-family: var(--compiledCornice,inherit); letter-spacing: var(--slanted,normal); font-size: 1.0625rem; font-weight: var(--constant-crest,700); display: flex; gap: .75rem; align-items: center; margin: 0 0 1rem }
.topDial { margin: 0; flex-direction: column; display: flex }
.bench { border-top: var(--fetchedService) var(--vettedswatch) var(--formal-caddy); padding: .875rem 0; grid-template-columns: minmax(9rem,.5fr) 1.5fr; gap: .5rem clamp(1rem,3vw,2rem); align-items: start; display: grid }
.bench:last-child { border-bottom: var(--fetchedService) var(--vettedswatch) var(--formal-caddy) }
.bench dt { opacity: .55; font-weight: 700; font-size: .8125rem; text-transform: uppercase; letter-spacing: .06em }
.bench dd { line-height: var(--nav); opacity: .9; margin: 0 }
.bench dd a { text-underline-offset: .2em; text-decoration: underline }
.clustered-board { display: flex; padding: 0; list-style: none; gap: .75rem; flex-direction: column; margin: 1.25rem 0 0 }
.clustered-board li { display: flex; line-height: var(--nav); align-items: flex-start; gap: .625rem }
.jointCombo { opacity: .85 }
.clustered-board .jointfulcrum { margin-top: .2rem; width: 1.05rem; height: 1.05rem; flex-shrink: 0; color: var(--relayedRibbon) }
.midApron { align-items: center; font-size: .9375rem; display: flex; margin: 1.5rem 0 0; gap: .5rem }
.surveyed { opacity: .75 }
.midApron .jointfulcrum { width: 1.05rem; flex-shrink: 0; color: var(--relayedRibbon); height: 1.05rem }
.jointknob .secondaryScrim h3 { font-size: 1.125rem; margin: 0 }
.jointknob .secondaryScrim h3 { margin-top: clamp(1.75rem,3vw,2.25rem) }
@media(max-width:768px) {.bench { gap: .25rem; grid-template-columns: 1fr }}
.mintedStub { position: relative }
.mintedStub::before { background-image: linear-gradient(100deg,color-mix(in srgb,var(--ordered) 12%,transparent) 0%,transparent 52%); inset: 0; content: ""; position: absolute; pointer-events: none }
.mintedStub>.placedcoil { position: relative }
.canonical { background-image: linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--tonedenclosure) 5%,transparent) 100%) }
.labeled .channeled-bus { box-shadow: var(--library); position: relative; border-radius: var(--semanticstamp); padding: calc(var(--top-axis) * 1.75); overflow: hidden }
.multi { background: var(--vettedParcel); border: var(--logicalthread) var(--vettedswatch) var(--formal-caddy) }
.labeled .multi { box-shadow: var(--justifiedflute) }
.arrayed-loader { inset: 0; position: absolute; pointer-events: none }
.channeled-bus>.relayed-repeater { z-index: 1; position: relative }
.channeled-bus .clusteredgauge { aspect-ratio: 1; position: absolute }
.zoned-coaster { inset-inline-start: -10%; top: -18% }
.semanticCursor { width: min(38%,17rem) }
.clusteredgauge { pointer-events: none; overflow: hidden; place-items: center; border-radius: 50%; display: grid }
.multi .clusteredgauge { background-image: repeating-linear-gradient(0deg,color-mix(in srgb,var(--tonedenclosure) 7%,transparent) 0 1px,transparent 1px 2.25rem),repeating-linear-gradient(90deg,color-mix(in srgb,var(--tonedenclosure) 7%,transparent) 0 1px,transparent 1px 2.25rem),repeating-radial-gradient(circle at 50% 50%,transparent 0 1.6rem,color-mix(in srgb,var(--tonedenclosure) 15%,transparent) 1.6rem calc(1.6rem + 1px)) }
.book { width: 2.25rem; height: 2.25rem }
.relayed-repeater h2,.relayed-repeater h1 { line-height: 1.1; margin: 0 0 1rem; font-size: calc((1rem + (clamp(1.75rem,4vw,2.75rem) - 1rem) * var(--rotatedchrome)) * var(--adaptive)) }
.relayed-repeater .functionalblade { margin: 1rem 0 1.5rem }
.relayed-repeater .hangar,.filteredSwatch .hangar { margin: 0 0 .75rem }
.mintedStub .boostedFulcrum { border-bottom: var(--fetchedService) var(--vettedswatch) var(--compositechord); display: flex; padding: clamp(1.5rem,3vw,2rem) 0; align-items: center; border-top: var(--fetchedService) var(--vettedswatch) var(--compositechord); gap: clamp(1.5rem,3vw,2rem); flex-wrap: wrap; justify-content: space-between }
.ticketed h1,.ticketed h2 { line-height: 1.1; font-size: calc((1rem + (clamp(1.5rem,3.5vw,2.25rem) - 1rem) * var(--rotatedchrome)) * var(--adaptive)); margin: 0 0 .75rem }
.ticketed .functionalblade { margin: 0 }
.functionalblade { font-style: normal; gap: .5rem; flex-direction: column; display: flex }
.planar-binder { min-width: 0; line-height: var(--nav); align-items: flex-start; gap: .5rem; display: inline-flex }
.planar-binder .handheldchord { margin-top: .125rem }
.functionalblade a { text-decoration: underline; text-underline-offset: .2em }
.tallthread { flex-direction: row; flex-wrap: wrap; align-items: center; gap: .5rem 1.25rem }
.tallthread .planar-binder+.planar-binder { border-inline-start: var(--fetchedService) var(--vettedswatch) var(--compositechord); padding-inline-start: 1.25rem }
.canonical .filteredSwatch { text-align: center }
.filteredSwatch h2,.filteredSwatch h1 { font-size: calc((1rem + (clamp(1.75rem,4vw,2.75rem) - 1rem) * var(--rotatedchrome)) * var(--adaptive)); margin: 0 0 .5rem }
.filteredSwatch .collated { margin-inline: auto }
.charted-glyph { gap: var(--visualoffset); display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin: 2rem 0 2.5rem; text-align: left }
.floating { overflow: hidden; align-items: flex-start; flex-direction: column; position: relative; display: flex; word-break: break-word; gap: .75rem }
.graded-swatch { font-size: .8125rem; width: 100%; opacity: .6; letter-spacing: .06em; font-weight: 700; padding-bottom: .5rem; border-bottom: var(--fetchedService) var(--vettedswatch) var(--formal-caddy); text-transform: uppercase }
.compositeModal { line-height: var(--nav); font-size: 1.0625rem }
.composite-gauge { position: absolute; inset-inline-end: -1.25rem; z-index: 0; bottom: -6.5rem; color: color-mix(in srgb,var(--trace) 10%,transparent); height: 18rem; pointer-events: none; width: 19rem }
.floating .plain,.compositeModal,.graded-swatch { position: relative; z-index: 1 }
.floating a { text-decoration: underline; text-underline-offset: .2em }
@media(max-width:900px) {.charted-glyph { grid-template-columns: repeat(2,minmax(0,1fr)) }}
@media(max-width:768px) {.channeled-bus .clusteredgauge { display: none }
.labeled .channeled-bus,.channeled-bus { padding: var(--top-axis) }
.mintedStub .boostedFulcrum,.boostedFulcrum { flex-direction: column; align-items: flex-start }
.charted-glyph { grid-template-columns: 1fr }}
@media(max-width:900px) {.tallthread { align-items: flex-start; flex-direction: column; gap: .5rem }
.tallthread .planar-binder+.planar-binder { border-inline-start: 0; padding-inline-start: 0 }}
.node h1 { font-size: calc((1rem + (clamp(2.25rem,5vw,3.5rem) - 1rem) * var(--rotatedchrome)) * var(--adaptive)); margin: 0 0 1.5rem; line-height: 1.1 }
.node h2 { font-size: 1.5rem; margin: 2.5rem 0 1rem; line-height: 1.3 }
.node h3 { line-height: 1.4; font-size: 1.125rem; margin: 2rem 0 .75rem }
.node p { line-height: var(--nav); font-size: 1.0625rem; margin: 0 0 1.25rem; color: color-mix(in srgb,var(--tonedenclosure) 85%,transparent) }
.node p:last-child { margin-bottom: 0 }
.node p.hangar { color: var(--tonedenclosure); margin: 0; font-size: .8125rem }
.node ul { flex-direction: column; padding-left: 1.25rem; display: flex; gap: .5rem; margin: 0 0 1.25rem }
.node li { color: color-mix(in srgb,var(--tonedenclosure) 85%,transparent); font-size: 1.0625rem; line-height: var(--nav) }
.node a { color: var(--trace); text-underline-offset: .2em; text-decoration: underline }
.node strong { font-weight: 700 }
@media(max-width:640px) {.node h1 { font-size: calc((1rem + (clamp(1.875rem,7vw,2.5rem) - 1rem) * var(--rotatedchrome)) * var(--adaptive)) }}
.mobile { background: var(--vettedParcel); padding: 0; cursor: pointer; border-radius: var(--tooled-bracket); border: var(--fetchedService) var(--vettedswatch) var(--formal-caddy) }
.mobile summary { display: flex; font-weight: 700; font-size: 1.0625rem; justify-content: space-between; line-height: var(--nav); cursor: pointer; align-items: flex-start; padding: clamp(1.25rem,2.5vw,1.5rem); list-style: none; gap: 1rem }
.mobile summary::-webkit-details-marker { display: none }
.mobile summary::after { content: "+"; font-weight: 400; line-height: 1.1; transition: transform var(--certifiedhelm) var(--fetchedBlade),background-color var(--certifiedhelm) var(--fetchedBlade),border-color var(--certifiedhelm) var(--fetchedBlade),color var(--certifiedhelm) var(--fetchedBlade); margin-block-start: calc((1.0625rem * var(--nav) - 1.65rem) / 2); color: var(--trace); flex-shrink: 0; font-size: 1.5rem }
.mobile[open]:not([data-primeshell]) summary::after { transform: rotate(45deg) }
.mobile p { padding: 0 clamp(1.25rem,2.5vw,1.5rem) clamp(1.25rem,2.5vw,1.5rem); max-width: 70ch; line-height: var(--nav); margin: 0; opacity: .75 }
.justified .mobile summary::after { aspect-ratio: 1; font-size: 1.625rem; line-height: 1; height: auto; border: var(--fetchedService) var(--vettedswatch) var(--compositechord); border-radius: 50%; display: flex; align-items: center; flex: 0 0 2.25rem; margin-block-start: calc((1.0625rem * var(--nav) - 2.25rem) / 2); width: 2.25rem; min-width: 0; padding-bottom: .08em; font-weight: 300; justify-content: center }
.justified .mobile[open]:not([data-primeshell]) summary::after { border-color: var(--trace); transform: rotate(45deg) }
.tonalLantern .mobile summary::after { border-top: .45rem solid var(--trace); margin-block-start: calc((1.0625rem * var(--nav) - .45rem) / 2); border-left: .4rem solid transparent; content: ""; width: 0; height: 0; border-right: .4rem solid transparent }
.tonalLantern .mobile[open]:not([data-primeshell]) summary::after { transform: rotate(180deg) }
.midwire .mobile summary::after { background-color: var(--trace); margin-block-start: calc((1.0625rem * var(--nav) - 2.25rem) / 2); justify-content: center; align-items: center; display: flex; min-width: 0; color: var(--justified-caddy); width: 2.25rem; padding-bottom: .08em; font-size: 1.25rem; height: 2.25rem; line-height: 1; border-radius: var(--auxiliary) }
.midwire .mobile[open]:not([data-primeshell]) summary::after { transform: rotate(45deg) }
.relayed-stub { flex-direction: column; gap: 1rem; display: flex }
.tonalLantern .relayed-stub { gap: 0 }
.robust-swatch { gap: var(--visualoffset); align-items: start; display: grid }
.justified .robust-swatch { gap: var(--visualoffset); align-items: stretch }
.justified .mobile[data-utility],.justified .mobile:not([open]),.justified .mobile[data-primeshell] { align-self: start }
@media(min-width:769px) {.justified .mobile summary { min-height: calc(2 * 1.0625rem * var(--nav) + 2 * clamp(1.25rem,2.5vw,1.5rem)) }}
.codedFixture { margin-inline: auto; max-width: 44rem }
.tonalLantern .mobile { background: transparent; border: none; border-radius: 0; border-top: var(--fetchedService) var(--vettedswatch) var(--formal-caddy) }
.tonalLantern .mobile:last-child { border-bottom: var(--fetchedService) var(--vettedswatch) var(--formal-caddy) }
.tonalLantern .mobile summary { padding: 1.5rem clamp(.5rem,1.2vw,.875rem) }
.tonalLantern .mobile p { padding: 0 clamp(.5rem,1.2vw,.875rem) 1.5rem }
.midwire .mobile { border-color: var(--compositechord); background: transparent }
@media(max-width:768px) {.robust-swatch { grid-template-columns: 1fr }}
@media(max-width:640px) {.mobile summary { padding: 1rem 1.125rem; font-size: 1rem }
.tonalLantern .mobile summary { font-size: 1.0625rem; padding: 1.125rem clamp(.5rem,1.2vw,.875rem) }}
.replicatedtarget .zonedposter { max-width: 56rem }
.semanticRepeater { display: flex; flex-direction: column }
.root-dial { gap: 1.5rem; display: flex; align-items: flex-start; padding: 2rem 0 }
.root-dial + .root-dial { border-top: var(--fetchedService) var(--vettedswatch) var(--formal-caddy) }
.enclosedSeries { min-width: 2.25rem; line-height: 1.35; font-size: 1.5rem; font-variant-numeric: tabular-nums; font-weight: 800; flex-shrink: 0 }
.zonedposter h3 { margin: 0 0 .5rem; font-size: 1.25rem }
.zonedposter p { line-height: var(--nav); opacity: .75; max-width: 60ch; margin: 0 }
@media(max-width:768px) {.root-dial { flex-direction: column; gap: 1rem }}
.codedFlute { border-top: var(--fetchedService) var(--vettedswatch) var(--formal-caddy); padding: calc(var(--replicatedLantern) * .7) 0 calc(var(--replicatedLantern) * .5) }
.laminated { border-top: var(--fetchedService) var(--vettedswatch) var(--formal-caddy); font-size: .875rem; justify-content: space-between; flex-wrap: wrap; margin-top: clamp(2rem,4vw,3rem); gap: 1rem; padding-top: clamp(1.5rem,3vw,2rem); display: flex; align-items: center }
.laminated p { margin: 0; opacity: .65 }
.laminated a { text-decoration: none }
.laminated a:hover { text-decoration: underline }
.macro-wire { align-items: center; margin-left: auto; justify-content: flex-end; gap: .75rem 1.5rem; display: flex; flex-wrap: wrap }
.space { display: flex; gap: 1.25rem; flex-wrap: wrap }
.space a { opacity: .65; transition: opacity var(--certifiedhelm) var(--fetchedBlade),color var(--certifiedhelm) var(--fetchedBlade) }
.space a:hover { opacity: 1; color: var(--trace) }
.floatingknob { font-size: .75rem; margin: 0; opacity: .55 }
.floatingknob a { text-decoration: none }
.described { gap: clamp(2rem,4vw,3rem); grid-template-columns: 2fr 1fr 1.4fr; display: grid }
.fresh { flex-direction: column; gap: 1rem; display: flex }
.interim { display: flex; flex-direction: column; gap: .75rem }
.interim a { text-decoration: none; opacity: .85 }
.interim a { transition: opacity var(--certifiedhelm) var(--fetchedBlade),color var(--certifiedhelm) var(--fetchedBlade) }
.interim a:hover { color: var(--trace); opacity: 1 }
.pressedAxis { letter-spacing: .06em; font-weight: 700; opacity: .55; margin: 0; font-size: .8125rem; text-transform: uppercase }
.extendedBus { max-width: 32ch; opacity: .75; margin: 0; line-height: var(--nav) }
.bubble { align-items: flex-start }
.bubble .snapped-flute { margin-block-start: calc((1em * var(--nav) - 2.25rem) / 2) }
.lockedhost { font-style: normal; gap: .65rem; display: flex; flex-direction: column }
.corridor { min-width: 0; line-height: var(--nav); gap: .5rem; text-decoration: none; display: inline-flex; align-items: flex-start }
.macro-swatch { opacity: .85 }
.corridor .jointfulcrum { margin-block-start: calc((1rem * var(--nav) - 1.05rem) / 2) }
.corridor .jointfulcrum { width: 1.05rem; height: 1.05rem }
a.corridor:hover .macro-swatch { opacity: 1 }
a.patterned-mount { opacity: 1; text-decoration: underline; text-decoration-color: var(--relayedRibbon); text-decoration-thickness: .08em; text-underline-offset: .28em }
a.patterned-mount:hover { color: var(--trace); text-decoration-color: var(--relayedRibbon) }
@media(max-width:1024px) {.described { grid-template-columns: repeat(auto-fit,minmax(12rem,1fr)) }}
@media(max-width:768px) {.described { grid-template-columns: 1fr; gap: 2rem }
.laminated { flex-direction: column; align-items: flex-start }
.macro-wire { justify-content: flex-start; margin-left: 0 }}
@media(max-width:640px) {.described { gap: 1.5rem }
.laminated { margin-top: 1.5rem; padding-top: 1.25rem }}
.inert-lantern { gap: 1.25rem; display: grid }
.top-bus { gap: .5rem; min-width: 0; flex-direction: column; display: flex }
.brim { font-weight: 600; font-size: .875rem; letter-spacing: .01em }
.extrudedKnob { flex-wrap: wrap; gap: 1rem; display: flex; align-items: center }
.tetheredHinge[data-extruded-apron] { opacity: 1; position: relative; pointer-events: none; color: transparent }
.tetheredHinge[aria-disabled="true"] { cursor: default }
.tetheredHinge[data-extruded-apron] .jointfulcrum { visibility: hidden }
.tetheredHinge[data-extruded-apron]::after { content: ""; position: absolute; top: 50%; left: 50%; width: 1.15em; height: 1.15em; margin: -0.575em 0 0 -0.575em; border: 2px solid var(--scribedRadar); border-top-color: transparent; border-radius: 50%; animation: arrayeddock .7s linear infinite }
@media (prefers-reduced-motion: reduce) {.tetheredHinge[data-extruded-apron]::after { animation: none }}
@keyframes arrayeddock {to { transform: rotate(360deg) }}
.patterned-chrome { gap: .75rem; margin: 0 0 clamp(1.75rem,3vw,2.5rem); max-width: 44rem; display: flex; flex-direction: column }
.numericinsert { text-align: center; margin-inline: auto; align-items: center }
.privateStack { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.25rem 1.5rem }
.privateStack .macroKnob,.privateStack .extrudedKnob { grid-column: 1/-1 }
.measuredInsert .panel { margin-inline: auto; max-width: 44rem }
.zoomedjournal { font-size: .8125rem; margin: 1rem 0 0; opacity: .65 }
.bundled { font-weight: 400; opacity: .72; text-transform: none }
@media(max-width:768px) {.privateStack { grid-template-columns: 1fr }
.extrudedKnob .tetheredHinge { width: 100% }}
.visualRepeater { grid-template-columns: minmax(0,max-content); min-width: 0; display: grid; line-height: 1.15 }
.visualRepeater .extruded-caddy { display: block; white-space: nowrap }
.incremental-bracket { max-width: 16rem; text-overflow: ellipsis; font-family: var(--targeted-binder,inherit); text-transform: uppercase; white-space: nowrap; font-weight: 500; overflow: hidden; opacity: .65; font-size: .6875rem; letter-spacing: .14em }
.formalinsert { height: var(--bridge); --bridge: 5rem; display: flex; transition: height var(--certifiedhelm) var(--fetchedBlade); flex-direction: column }
@keyframes measuredBundle {from { transform: translateX(0) }
to { transform: translateX(-100%) }}
.macrocrate { gap: clamp(1rem,2vw,1.5rem); justify-content: space-between; flex: 1 1 auto; align-items: center; padding-block: 0; display: flex; min-height: 0 }
.resolvedCornice { align-items: center; gap: clamp(1rem,2vw,1.5rem); display: flex }
.designedflap { gap: clamp(1rem,2vw,1.5rem); display: flex; flex-wrap: wrap }
.compiled-stub { align-items: center; height: 2.75rem; justify-content: center; width: 2.75rem; display: none; cursor: pointer }
.compiled-stub .locked-envelope { display: none }
.compiled-stub[aria-expanded="true"] .isolated-fixture { display: none }
.compiled-stub[aria-expanded="true"] .locked-envelope { display: inline-flex }
:root { --placed-lantern: 5rem }
.designed-swatch { height: var(--placed-lantern) }
.formalinsert .extruded-caddy,.formalinsert .designedflap a,.formalinsert .tetheredHinge { white-space: nowrap }
.patterned-coil { border-bottom: 1px var(--vettedswatch) var(--sizedCurb) }
.recorded { display: inline-flex; gap: .75rem; min-width: 0; align-items: center }
.scrollcurb { display: inline-flex; align-items: center; letter-spacing: .02em; width: 2.5rem; color: var(--placed-flute); justify-content: center; flex-shrink: 0; font-weight: 700; background: var(--seasoned); font-size: .875rem; height: 2.5rem }
.targetedbus { overflow: hidden; font-size: 1rem; white-space: nowrap; text-transform: uppercase; text-overflow: ellipsis; letter-spacing: .02em }
.patterned-coil .designedflap { flex-wrap: nowrap; border: var(--fetchedService) var(--vettedswatch) var(--placed-cornice); gap: 0; flex-shrink: 0 }
.patterned-coil .designedflap a { font-weight: 700; border-inline-start: var(--fetchedService) var(--vettedswatch) var(--placed-cornice); transition: background var(--certifiedhelm) var(--fetchedBlade),color var(--certifiedhelm) var(--fetchedBlade); align-items: center; white-space: nowrap; display: inline-flex; border-radius: 0; font-size: .7rem; letter-spacing: .16em; padding: .8rem clamp(.9rem,1.6vw,1.4rem); text-transform: uppercase }
.patterned-coil .designedflap a:first-child { border-inline-start: 0 }
.patterned-coil .designedflap a:hover { background: color-mix(in srgb,var(--grainedhangar) 12%,transparent) }
.patterned-coil .designedflap a[aria-current="page"] { color: var(--express); background: var(--grainedhangar) }
.designedflap,.macrocrate>*,.resolvedCornice { min-width: 0 }
.formalinsert .extruded-caddy { text-overflow: ellipsis; overflow: hidden }
@media(min-width:1101px) and (max-width:1400px) {.resolvedCornice,.designedflap,.macrocrate { gap: 1rem }
.patterned-coil .designedflap a { padding: .8rem .75rem }}
@media(max-width:1100px) {.macrocrate { flex-direction: row; align-items: center; justify-content: space-between }
.compiled-stub { display: inline-flex }
.resolvedCornice { border-bottom: var(--fetchedService) var(--vettedswatch) var(--placed-cornice); z-index: 20; display: none; gap: .5rem; position: absolute; top: 100%; left: 0; flex-direction: column; border-top: var(--fetchedService) var(--vettedswatch) var(--placed-cornice); right: 0; padding: 1rem; background: var(--express); align-items: stretch }
.resolvedCornice[data-floating-cornice] { display: flex }
.designedflap { gap: .25rem; flex-direction: column }
.designedflap a { padding: .65rem .25rem }
.designedflap a::after { display: none }
:root { --placed-lantern: 4rem }
.formalinsert { --bridge: 4.5rem }
.resolvedCornice .tetheredHinge { width: 100% }
.patterned-coil .designedflap { border: 0; flex-wrap: wrap }
.patterned-coil .designedflap a,.patterned-coil .designedflap a:first-child { border: 0; padding: .65rem .25rem }}
@keyframes arrayedPlugin {from { transform: translate3d(-14%,-9%,0) scale(.91) }
to { transform: translate3d(15%,7%,0) scale(1.17) }}
@keyframes cellularChapter {from { transform: translate3d(14%,6%,0) scale(1.19) }
to { transform: translate3d(-10%,-7%,0) scale(.9) }}
.tetheredInstance { padding: min(calc(var(--replicatedLantern) * 1.15),calc(var(--patched,100vh) * .125)) 0 }
.compiledcabinet { align-items: stretch; display: grid; gap: clamp(2.5rem,5vw,4rem); grid-template-columns: .95fr 1.05fr }
.measuredBolt { align-items: center; gap: .75rem; display: flex }
.measuredBolt::before { content: ""; flex: 0 0 auto; height: 2px; background: var(--relayedRibbon); width: 2rem }
.concurrent-insignia { display: flex; gap: clamp(1.75rem,2.8vw,2.5rem); flex-direction: column; align-items: flex-start; justify-content: center }
.concurrent-insignia .collated,.concurrent-insignia .hangar { margin-bottom: 0 }
.concurrent-insignia .handhelddeck { margin-top: clamp(1rem,2vw,1.75rem) }
.concurrent-insignia h1,.concurrent-insignia h2 { font-size: calc((1rem + (clamp(2rem,4.5vw,3rem) - 1rem) * var(--rotatedchrome)) * var(--adaptive)); margin: 0; line-height: 1.1 }
.seasonedcurb { display: flex; margin: 0 }
.seasonedcurb img { display: block; height: 100%; width: 100%; border-radius: var(--surveyedseries); box-shadow: var(--justifiedflute); object-fit: cover; aspect-ratio: 4/3 }
@media(max-width:768px) {.compiledcabinet { grid-template-columns: 1fr }
.compiledcabinet { align-items: center }
.concurrent-insignia h1,.concurrent-insignia h2 { font-size: calc((1rem + (clamp(2.25rem,7vw,3rem) - 1rem) * var(--rotatedchrome)) * var(--adaptive)) }}
@media(max-width:640px) {.concurrent-insignia h2,.concurrent-insignia h1 { font-size: calc((1rem + (clamp(2rem,9vw,2.5rem) - 1rem) * var(--rotatedchrome)) * var(--adaptive)) }
.tetheredInstance { padding: calc(var(--replicatedLantern) * .85) 0 }}
.roothost .hangar:not(.pressedModal):not(.measuredBolt) { display: flex; gap: .5rem; box-shadow: none; align-items: center }
.roothost .hangar:not(.pressedModal):not(.measuredBolt)::before,.roothost .pressedModal::after,.roothost .pressedModal::before { border-radius: 50%; flex: 0 0 auto; content: ""; width: .375rem; height: .375rem; background: var(--relayedRibbon) }
.replicatedCompass { padding: clamp(3.5rem,7vw,6rem) 0 }
.replicatedCompass .node { margin-inline: auto; max-width: max(var(--enclosed-series),68ch) }
.placedcoil.node { margin-inline: auto; max-width: max(var(--enclosed-series),68ch) }
.catalog { text-transform: uppercase; font-weight: 700; margin: 0 0 .75rem; font-size: .8125rem; color: var(--trace); letter-spacing: .14em }
.extendedStack { line-height: 1.08; margin: 0 0 1rem; font-size: calc((1rem + (clamp(2.25rem,5vw,3.5rem) - 1rem) * var(--rotatedchrome)) * var(--adaptive)) }
.handheldDial { margin: 0 0 .5rem; font-size: .9375rem; opacity: .7 }
.handheldDial code { font-size: .875em; border-radius: var(--tooled-bracket); white-space: nowrap; background: var(--vettedParcel); padding: .1em .4em }
.graded-scrim { margin: 0 0 1.25rem }
.graded-scrim .mitred-row { margin: 0 0 .6rem; line-height: 1.45 }
.graded-scrim .logicalpointer { font-weight: 700 }
.graded-scrim .mitred-row:last-child { margin-bottom: 0 }
.immutable { margin: 0 0 1.25rem; list-style: disc; padding-left: 1.25rem }
.immutable li { margin: 0 0 .4rem; line-height: var(--nav) }
.immutable li::marker { color: var(--relayedRibbon) }
.replicatedCompass h2 { scroll-margin-top: calc(var(--placed-lantern) + 1rem) }
.replicatedCompass p.handheldDial { margin-bottom: .5rem }
.replicatedCompass .node .handheldDial+p { margin-top: 1.75rem }
.incremental-facet { padding: calc(var(--top-axis) * 1.25); border: var(--logicalthread) var(--vettedswatch) var(--formal-caddy); border-radius: var(--semanticstamp); background: color-mix(in srgb,var(--relayedRibbon) 6%,var(--vettedParcel)) }
.manifoldEnvelope .incremental-facet { background-image: linear-gradient(135deg,color-mix(in srgb,var(--relayedRibbon) 10%,transparent) 0%,transparent 60%); max-width: max(var(--enclosed-series),68ch); border-inline-start: .1875rem var(--vettedswatch) var(--relayedRibbon); margin: 0 auto 2.75rem }
.manifoldEnvelope .incremental-facet .handheldDial { margin: 0 0 .375rem }
.manifoldEnvelope .incremental-facet p { margin-bottom: .75rem }
.floatingSeries { counter-reset: canted-strip }
.floatingSeries h2:not(.extendedStack)::before { margin-inline-end: .625rem; content: "§ " counter(canted-strip); color: var(--relayedRibbon); font-variant-numeric: tabular-nums; counter-increment: canted-strip }
@media(max-width:768px) {.handheldDial code { white-space: normal }}
@media(max-width:640px) {.replicatedCompass { padding: 2.5rem 0 }
.extendedStack { font-size: calc((1rem + (clamp(1.875rem,7vw,2.5rem) - 1rem) * var(--rotatedchrome)) * var(--adaptive)) }}
.incrementalinsert .constant-marquee { gap: var(--visualoffset); display: grid }
.jointdeck { text-align: left }
.incrementalinsert .macroApron { display: inline-block; background: var(--dimmed-workbench); letter-spacing: var(--lucidenvelope); font-size: .8125rem; color: var(--constantCircuit); padding: .3rem .85rem; font-weight: var(--lettered); border: var(--fetchedService) var(--vettedswatch) var(--formal-caddy); margin-bottom: 1.25rem; text-transform: var(--patternedCaddy); border-radius: var(--chartedMount) }
.incrementalinsert .jointdeck h3 { margin: 0 0 .75rem; font-size: 1.375rem }
.incrementalinsert .jointdeck p { opacity: .75; line-height: var(--nav); margin: 0 }
.sizedFacet .autocircuit { flex-direction: column; max-width: 48rem; display: flex; gap: calc(var(--visualoffset) * 1.25); margin-inline: auto }
.fixture { gap: calc(var(--visualoffset) * .5); justify-content: center }
.fixture .lockedKnob { font-weight: var(--seasoned-particle); align-items: center; color: var(--constantCircuit); border-radius: var(--chartedMount); display: inline-flex; font-family: var(--endorsed,inherit); width: 2.5rem; height: 2.5rem; letter-spacing: var(--extendedEnclosure); transition: background-color var(--certifiedhelm) var(--fetchedBlade),color var(--certifiedhelm) var(--fetchedBlade),transform var(--certifiedhelm) var(--fetchedBlade); border: var(--fetchedService) var(--vettedswatch) var(--formal-caddy); justify-content: center; background: var(--dimmed-workbench) }
.fixture .lockedKnob:hover { transform: var(--semanticcabinet) }
.fixture .lockedKnob[data-cover] { border-color: var(--trace); background: var(--trace); color: var(--justified-caddy) }
.dimmedbelt { font-variant-numeric: tabular-nums }
.robust-draft { text-align: center; padding: var(--top-axis); align-items: center; display: flex; gap: var(--visualoffset); flex-direction: column }
.compositeHangar { letter-spacing: var(--extendedEnclosure); font-family: var(--endorsed,inherit); font-weight: var(--seasoned-particle); color: var(--trace); font-size: calc((1rem + (clamp(3rem,8vw,5rem) - 1rem) * var(--rotatedchrome)) * var(--adaptive)); line-height: 1 }
.robust-draft h3 { margin: 0; font-size: calc((1rem + (clamp(1.5rem,3vw,2rem) - 1rem) * var(--rotatedchrome)) * var(--adaptive)) }
.robust-draft p { margin: 0; line-height: var(--nav); font-size: 1.0625rem; max-width: 56ch; opacity: .8 }
.sizedFacet .tallThumbnail[data-mitredregion] .robust-draft { transform: scale(.96) }
.sizedFacet .tallThumbnail[data-mitredregion] .robust-draft[data-cover] { transform: scale(1) }
.served { justify-content: center }
.thumbed { --batchedcaddy: color-mix(in srgb,var(--tonedenclosure) 9%,transparent); --surveyed-flute: 24px; background-repeat: repeat }
.thumbed { background-image: radial-gradient(circle at 1px 1px,var(--batchedcaddy) 1px,transparent 0); background-size: var(--surveyed-flute) var(--surveyed-flute) }
.composed .furnished:not(.incremental-stub) { text-transform: capitalize }
.radial { display: flex; text-align: center; flex-direction: column; align-items: center; gap: 1rem }
.uniformloader { margin: 0; gap: .75rem; font-size: calc((1rem + (clamp(2rem,5vw,3.25rem) - 1rem) * var(--rotatedchrome)) * var(--adaptive)); display: flex; align-items: center; letter-spacing: -0.01em; font-family: var(--compiledCornice,inherit); line-height: 1.05 }
.primethread { opacity: .7; text-transform: uppercase; margin: 0; font-size: .9375rem; letter-spacing: .08em }
.compound-marquee { color: var(--ordered); border-color: var(--compositechord); background: var(--inspector) }
.compound-marquee .collated { color: var(--ordered) }
.compound-marquee p { color: var(--ordered) }
.compound-marquee .hangar { color: color-mix(in srgb,var(--ordered) 70%,transparent) }
.compound-marquee .tetheredHinge { color: var(--tonedenclosure); background: var(--ordered) }
.compound-marquee .slimportal { color: var(--ordered); border-color: var(--ordered); background: transparent }
.compound-marquee .tetheredHinge:hover { color: var(--tonedenclosure); background: color-mix(in srgb,var(--ordered) 86%,var(--tonedenclosure)) }
.compound-marquee .slimportal:hover { background: color-mix(in srgb,var(--ordered) 14%,transparent); color: var(--ordered) }
.compound-marquee .plain { background: var(--ordered) }
.compound-marquee .plain { border-color: transparent }
.compound-marquee .plain { box-shadow: 0 0 0 .1875rem var(--relayedRibbon) }
.compound-marquee summary::after,.compound-marquee summary::marker { color: var(--ordered) }
.compound-marquee .mobile { border-color: color-mix(in srgb,var(--ordered) 24%,transparent) }
.compound-marquee .mobile:hover { background-color: color-mix(in srgb,var(--ordered) 8%,transparent); border-color: var(--trace) }
.compound-marquee .resolvedCornice { color: var(--ordered) }
.compound-marquee .designedflap a[aria-current="page"],.compound-marquee .designedflap a:hover { color: var(--ordered) }
.compound-marquee .compiled-stub { border-color: var(--ordered) }
.compound-marquee .laminated { border-color: color-mix(in srgb,var(--ordered) 34%,transparent) }
.compound-marquee .interim a:hover,.compound-marquee .space a:hover { color: var(--ordered) }
.compound-marquee .pressedAxis,.compound-marquee .floatingknob { opacity: .65 }
.compound-marquee input,.compound-marquee textarea { background: color-mix(in srgb,var(--ordered) 8%,var(--inspector)); border-color: color-mix(in srgb,var(--ordered) 56%,transparent); color: var(--ordered) }
.compound-marquee ::placeholder { color: color-mix(in srgb,var(--ordered) 55%,var(--inspector)) }
.formalinsert { background-image: linear-gradient(180deg,color-mix(in srgb,var(--relayedRibbon) 5%,transparent),transparent 70%) }
.compiled-stub { border-width: 0; width: 3rem; height: 3rem }
.compiled-stub .jointfulcrum { width: 1.375rem; height: 1.375rem }
.formalAxis,details { transition: all var(--certifiedhelm) var(--fetchedBlade) }
input,textarea { transition: all var(--certifiedhelm) var(--fetchedBlade) }
.tetheredHinge:not(.slimportal,.glyph) { isolation: isolate; position: relative }
.tetheredHinge:not(.slimportal,.glyph)::after { content: ""; transition: all var(--certifiedhelm) var(--fetchedBlade); position: absolute; border-radius: inherit; inset: 100% 0 0 0; background: var(--dimmedstamp); z-index: -1 }
.tetheredHinge:not(.slimportal,.glyph):hover::after { inset: calc(-1 * var(--isolated-cursor)) }
.compound-marquee .tetheredHinge:not(.slimportal,.glyph)::after,.labeled .tetheredHinge:not(.slimportal,.glyph)::after { display: none }
.tetheredHinge:where(:not(.slimportal,.glyph)):hover { background-color: var(--floatingportal) }
details:hover,.formalAxis:not(.subtleRepeater,.replicatedStack,.minted-stack):hover { box-shadow: inset 0 -0.5rem 0 var(--trace) }
select:focus,input:not([type="checkbox"]):not([type="radio"]):focus,textarea:focus { box-shadow: var(--graded-dial),0 0 0 2px var(--trace) }
.tetheredHinge:focus-visible,.tetheredHinge:not(.slimportal,.glyph):hover:focus-visible { box-shadow: var(--concurrentcursor)!important }
[data-elevated-crate] [data-dome] .placedcoil:not(:has(:is(.uniformParticle,.tallRepeater,.semanticRepeater,.micro,.robust-swatch,.emitter,.relayed-stub,.mintedKnob,.secondaryinsignia,.shingled,.enclosedPortal,.keyed,.replicatedaccordion,.stack,.isolatedribbon,.vetted-chord,.quickDial,.snapped,.touredBulletin,.constant-marquee,.pairedcoil,.isolated-coil,.rigidCombo,.concurrentflap,.enclosedEnvelope,.external,.channeled,.charted-glyph,.incrementalcrest))) { transition: opacity var(--elevatedChord) var(--cone),clip-path var(--elevatedChord) var(--cone); opacity: 0; clip-path: inset(100% -100% -100% -100%) }
[data-elevated-crate] [data-dome][data-touredknob] .placedcoil:not(:has(:is(.uniformParticle,.tallRepeater,.semanticRepeater,.micro,.robust-swatch,.emitter,.relayed-stub,.mintedKnob,.secondaryinsignia,.shingled,.enclosedPortal,.keyed,.replicatedaccordion,.stack,.isolatedribbon,.vetted-chord,.quickDial,.snapped,.touredBulletin,.constant-marquee,.pairedcoil,.isolated-coil,.rigidCombo,.concurrentflap,.enclosedEnvelope,.external,.channeled,.charted-glyph,.incrementalcrest))) { opacity: 1; clip-path: inset(0 -100% -100% -100%) }
[data-elevated-crate] [data-dome] .placedcoil:has(:is(.semanticRepeater,.robust-swatch,.relayed-stub,.constant-marquee,.charted-glyph)) { transition: opacity var(--elevatedChord) var(--cone); opacity: 0 }
[data-elevated-crate] [data-dome][data-touredknob] .placedcoil:has(:is(.semanticRepeater,.robust-swatch,.relayed-stub,.constant-marquee,.charted-glyph)) { opacity: 1 }
[data-elevated-crate] [data-dome] :is(.semanticRepeater,.robust-swatch,.relayed-stub,.constant-marquee,.charted-glyph)>* { clip-path: inset(100% -100% -100% -100%); opacity: 0; transition: opacity var(--elevatedChord) var(--cone),clip-path var(--elevatedChord) var(--cone) }
[data-elevated-crate] [data-dome][data-touredknob] :is(.semanticRepeater,.robust-swatch,.relayed-stub,.constant-marquee,.charted-glyph)>* { opacity: 1; clip-path: inset(0 -100% -100% -100%) }
[data-elevated-crate] [data-dome][data-touredknob] :is(.semanticRepeater,.robust-swatch,.relayed-stub,.constant-marquee,.charted-glyph)>*:nth-child(2) { transition-delay: calc(1 * var(--designedbolt)) }
[data-elevated-crate] [data-dome][data-touredknob] :is(.semanticRepeater,.robust-swatch,.relayed-stub,.constant-marquee,.charted-glyph)>*:nth-child(3) { transition-delay: calc(2 * var(--designedbolt)) }
[data-elevated-crate] [data-dome][data-touredknob] :is(.semanticRepeater,.robust-swatch,.relayed-stub,.constant-marquee,.charted-glyph)>*:nth-child(4) { transition-delay: calc(3 * var(--designedbolt)) }
[data-elevated-crate] [data-dome][data-touredknob] :is(.semanticRepeater,.robust-swatch,.relayed-stub,.constant-marquee,.charted-glyph)>*:nth-child(5) { transition-delay: calc(4 * var(--designedbolt)) }
[data-elevated-crate] [data-dome][data-touredknob] :is(.semanticRepeater,.robust-swatch,.relayed-stub,.constant-marquee,.charted-glyph)>*:nth-child(6) { transition-delay: calc(5 * var(--designedbolt)) }
[data-elevated-crate] [data-dome][data-touredknob] :is(.semanticRepeater,.robust-swatch,.relayed-stub,.constant-marquee,.charted-glyph)>*:nth-child(n+7) { transition-delay: calc(5 * var(--designedbolt)) }
