body:has(#app > .skywalk-quick){--surround-image:url("assets/case-skywalk-background.webp");--surround-tint:#141c23;--surround-mobile-position:20% top;--surround-mask:linear-gradient(180deg,#121b2245,#121b22c2 480px,#121b22ed 1000px)}
.skywalk-quick{max-width:1100px;margin:auto;--gold:#c6ad84;--sky-ink:#dfd7c7;--sky-muted:#b9c0bd;--sky-line:#b5a78942;--sky-serif:"Songti SC","STSong","Noto Serif CJK SC","SimSun",Georgia,serif;color:var(--sky-ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.85;padding-bottom:calc(36px + env(safe-area-inset-bottom,0px))}
.skywalk-top{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.skywalk-top a{color:#c4b89e}.skywalk-progress{margin-bottom:28px}.skywalk-progress button{font-size:.9375rem;color:#c0c8c5}.skywalk-progress button[aria-current]{color:#dcc394;border-color:#c6ad84}
.skywalk-quick .eyebrow{font-size:.8125rem;letter-spacing:.1em;color:#c6ad84;margin-bottom:12px}.skywalk-quick h1{font:600 clamp(2rem,4vw,3rem)/1.5 var(--sky-serif);color:#e0d7c5}.skywalk-quick h1 em{font-style:normal;color:#d2b47d}.skywalk-quick h2{font-size:1.2rem;line-height:1.6;color:#dbd1bc}.skywalk-quick p{font-size:1.0625rem;line-height:1.9;color:#c7ccc5}.skywalk-quick button,.skywalk-quick a,.sky-pin{touch-action:manipulation}.skywalk-quick button,.skywalk-quick a{font-family:inherit}.skywalk-quick :is(button,a,summary):focus-visible{outline:2px solid #d7bc85;outline-offset:4px}
.skywalk-quick .primary,.skywalk-quick .quiet{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 21px;border:1px solid #b9a179;border-radius:2px;font-size:1rem;line-height:1.7;text-decoration:none}.skywalk-quick .primary{background:#bca783;color:#202b31}.skywalk-quick .primary:hover{background:#cab793}.skywalk-quick .quiet{background:#28333a66;color:#d5c7ad;border-color:#b9a17970}.skywalk-quick .quiet:hover{background:#a8977119}
.skywalk-opening{border:1px solid var(--sky-line);background:#2b353ad9;overflow:hidden}.skywalk-opening-art{position:relative;height:clamp(240px,35vw,360px);overflow:hidden}.skywalk-opening-art img{width:100%;height:100%;object-fit:cover;object-position:center 43%}.skywalk-opening-art::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#26303685,transparent 48%)}.skywalk-opening-art>span{position:absolute;z-index:1;bottom:20px;left:32px;color:#d8c8a8;font-size:.875rem;letter-spacing:.1em;text-shadow:0 1px 6px #111}
.skywalk-opening-copy{padding:32px 38px 36px;display:grid;grid-template-columns:1fr 1fr;column-gap:48px;align-items:start}.skywalk-opening-copy>.eyebrow{grid-column:1/-1}.skywalk-opening-copy h1{grid-row:2/5;line-height:1.6;font-size:clamp(1.85rem,3.4vw,2.7rem)}.skywalk-opening-copy p{margin:0 0 16px;grid-column:2}.skywalk-opening-copy .primary{justify-self:start;grid-column:2;margin-top:7px}
.skywalk-heading{margin:0 0 28px}.skywalk-heading h1{font-size:clamp(1.9rem,3.7vw,2.8rem)}.skywalk-heading p{max-width:850px;margin-top:16px}
.sky-board{border:1px solid #a799794f;background:#28343adf;box-shadow:0 14px 35px #080e1629;overflow:hidden}.sky-board-head{display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid #a799794f;padding:16px 22px;background:#303a3eda}.sky-board-head>span{font:500 1.1rem var(--sky-serif);letter-spacing:.12em;color:#c5b99d}.sky-drawing-switch{display:flex;gap:5px;padding:4px;background:#17262b70;border:1px solid #97a89f26}.sky-drawing-switch button{min-height:44px;padding:7px 19px;font-size:1rem;color:#c5c9bd;background:transparent;border:1px solid transparent;border-radius:1px}.sky-drawing-switch button[aria-pressed=true]{background:#6c6655;color:#e1d4b9;border-color:#b9a47785}
.sky-board-body{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}.sky-blueprint{position:relative;min-width:0;padding:14px 12px 18px;background-color:#23333e;background-image:linear-gradient(#9dbab508 1px,transparent 1px),linear-gradient(90deg,#9dbab508 1px,transparent 1px),radial-gradient(ellipse at 40% 30%,#65818a20,transparent 80%);background-size:22px 22px,22px 22px,auto;border-right:1px solid #a7997938}.sky-blueprint::before,.sky-blueprint::after{content:"";position:absolute;top:0;width:42px;height:6px;background:#97876b80;pointer-events:none}.sky-blueprint::before{left:25px}.sky-blueprint::after{right:25px}
.sky-drawing{display:block;width:100%;height:auto;max-height:480px;overflow:visible;font-family:inherit}.sky-drawing text{fill:#c8d0c8;font-size:20px}.sky-drawing .sky-floor{fill:#bec7be;font-size:24px}.sky-guide{stroke:#b8c7c026;stroke-dasharray:4 6;fill:none}.sky-roof{fill:#4a5c64;stroke:#b0bdb3;stroke-width:1.5}.sky-beams path{fill:#415762;stroke:#b1c1b9;stroke-width:2}.sky-rods path{stroke:#b8c8c6;stroke-width:7;fill:none}.sky-nut{fill:#b4a381;stroke:#d0c09d;stroke-width:2}.sky-connection.is-focused .sky-nut{fill:#e0bc77;stroke:#e3cc9e}.sky-rods.is-focused path{stroke:#d6bd8e;stroke-width:8}
.sky-pin{cursor:pointer;outline:none}.sky-pin-target{fill:transparent;stroke:none}.sky-pin-disc{fill:#33424a;stroke:#a69b80;stroke-width:1.5}.sky-pin text{font:500 18px Georgia,serif;fill:#d8c49c;pointer-events:none}.sky-pin.is-active .sky-pin-disc,.sky-pin:hover .sky-pin-disc{fill:#756c55;stroke:#d6bd8e}.sky-pin:focus-visible .sky-pin-disc{stroke:#e8cd8c;stroke-width:3}.sky-pin:focus-visible .sky-pin-target{stroke:#d6bd8e;stroke-width:1}
.sky-part-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:480px;margin:4px auto 0;padding:0 8px}.sky-part-buttons button{min-height:44px;border:1px solid #a69b804f;border-radius:2px;background:#253640;color:#c9c8b7;font-size:.9rem;padding:7px 4px}.sky-part-buttons button[aria-pressed=true]{background:#5c6057;color:#e2d4b6;border-color:#bba77c}
.sky-note{min-width:0;padding:32px 26px;background:linear-gradient(145deg,#333c3dda,#2b353bd9);display:flex;flex-direction:column}.sky-note h2{font:500 1.45rem/1.6 var(--sky-serif);margin:5px 0 14px}.sky-note p{font-size:1.0625rem;margin:0}.sky-drawing-key{display:flex;gap:16px;flex-wrap:wrap;border-top:1px solid var(--sky-line);padding-top:20px;margin-top:auto;font-size:.8125rem;color:#b8c3bc}.sky-drawing-key span{display:flex;align-items:center;gap:8px}.sky-drawing-key i{display:inline-block;width:15px;height:10px;background:#607581;border:1px solid #b1c1b9}.sky-drawing-key .key-line{width:4px;height:16px;background:#b8c8c6;border:0}.sky-drawing-key .key-nut{width:14px;height:7px;background:#b4a381;border-color:#d0c09d}
.sky-evidence{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:22px 0 6px}.sky-evidence article{border-left:2px solid #aa977466;padding:2px 0 2px 17px}.sky-evidence span{font-size:.875rem;color:#c7b796}.sky-evidence p{font-size:.9375rem;margin:7px 0 0;color:#bac2bd}
.sky-load-path{stroke:#c6ab72;stroke-width:4;stroke-linejoin:round;fill:none;opacity:.7}.sky-load-trace{stroke:#eed5a2;stroke-width:5;fill:none;stroke-dasharray:5 95;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0}.sky-drawing .sky-load-label{font-size:22px;fill:#d8bd86}.sky-bearing-ring{stroke:#d2b987;fill:none;stroke-width:2;stroke-dasharray:5 4}.sky-load-reading{border-top:1px solid #ae9b713f;padding-top:18px;margin-top:24px}.sky-load-reading>span{font-size:.875rem;color:#c6b692}.sky-load-reading>strong{font:500 2.6rem/1.5 var(--sky-serif);color:#d6b980;display:block;margin:4px 0 12px}.sky-load-reading small{font:400 .9375rem/1.5 sans-serif;color:#c5bfac;margin-left:8px}.sky-load-reading p{font-size:.9375rem}
.sky-resolution{display:grid;grid-template-columns:.85fr 1.5fr;gap:35px;padding:30px 0;border-bottom:1px solid var(--sky-line)}.sky-equation{align-self:start;padding:22px;background:#363e3ec9;border:1px solid #a392723a}.sky-equation>span{font-size:.875rem;color:#c6b590}.sky-equation>div{display:flex;align-items:center;gap:15px;margin:12px 0}.sky-equation strong{font:500 clamp(1.4rem,2.9vw,2.2rem)/1.4 var(--sky-serif);color:#d9c59b}.sky-equation b{font-size:1.5rem;color:#a7b3ad;font-weight:400}.sky-equation p{font-size:.875rem;margin:0}.sky-resolution h2{margin:0 0 12px}.sky-resolution>div>p{margin-top:12px}.sky-resolution>div:not(.sky-equation)>p{font-size:1rem}.skywalk-quick .sky-boundary{font-size:.9375rem;color:#b8c1bd;margin:20px 0 10px;max-width:860px}.sky-method summary{min-height:44px;padding:10px 0;cursor:pointer;color:#cfbd99}.sky-method p{font-size:1rem;max-width:800px;margin:8px 0 15px}.skywalk-ending-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.skywalk-ending-actions .primary{margin-left:auto}
.sky-sources{margin-top:25px;padding-top:12px;border-top:1px solid var(--sky-line);font-size:.875rem;color:#b6c1bd}.sky-sources summary{min-height:44px;padding:8px 0;cursor:pointer}.sky-sources p{font-size:.875rem;margin:12px 0}.sky-sources a{display:block;min-height:40px;padding:7px 0;color:#c5b48f}
.selection-skywalk .selection-shade{background:linear-gradient(180deg,#242c3233,#242c3208 20%,#283137ed 73%,#283137)}.selection-skywalk>.scene-art{object-position:48% center}#skywalk-content:focus{outline:0}
@media(max-width:760px){.skywalk-opening-art{height:240px}.skywalk-opening-art>span{left:22px;bottom:16px;font-size:.8125rem;letter-spacing:.04em}.skywalk-opening-copy{display:block;padding:24px}.skywalk-opening-copy h1{font-size:1.9rem;margin-bottom:18px}.skywalk-opening-copy p{font-size:1rem;margin-bottom:15px}.skywalk-opening-copy .primary{width:100%;margin-top:8px}.skywalk-heading h1{font-size:1.9rem}.skywalk-heading p{font-size:1rem}.sky-board-head{padding:12px;gap:8px}.sky-board-head>span{font-size:1rem;letter-spacing:0}.sky-drawing-switch button{font-size:.9375rem;padding:6px 12px}.sky-board-body{grid-template-columns:1fr}.sky-blueprint{border-right:0;border-bottom:1px solid #a7997938;padding:10px 7px 18px}.sky-drawing{max-height:400px}.sky-part-buttons{padding:0 9px}.sky-note{padding:22px;min-height:220px}.sky-note h2{font-size:1.3rem;margin:2px 0 10px}.sky-note p{font-size:1rem}.sky-drawing-key{margin-top:24px;padding-top:16px}.sky-evidence{grid-template-columns:1fr;gap:18px;margin-top:22px}.sky-resolution{grid-template-columns:1fr;gap:22px;padding-top:23px}.sky-equation{padding:18px 22px}.sky-equation>div{margin:9px 0}.sky-equation strong{font-size:1.9rem}.sky-load-reading{margin-top:18px}.sky-load-reading>strong{font-size:2.2rem}.skywalk-ending-actions .quiet{flex:1;padding:10px}.skywalk-ending-actions .primary{flex-basis:100%;margin:0}.skywalk-quick .case-lab-bridge h2{font-size:1.25rem}}
@media(prefers-reduced-motion:no-preference){.sky-load-trace{animation:sky-weight-route 1.8s ease-in-out 2 forwards}.sky-drawing{animation:sky-paper-replace .18s ease-out}.sky-load-reading{animation:sky-paper-replace .25s ease-out}}
@keyframes sky-weight-route{from{stroke-dashoffset:0}to{stroke-dashoffset:-100}}@keyframes sky-paper-replace{from{opacity:.5}to{opacity:1}}
body[data-motion=reduce] :is(.sky-drawing,.sky-load-trace,.sky-load-reading){animation:none}.skywalk-quick .sky-load-trace{pointer-events:none}

/* Prediction stays separate from inspecting a part; weights update both designs together. */
.skywalk-quick .sky-model-closed{display:block}.sky-prediction-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0}.sky-prediction-choices button{min-height:58px;min-width:0;padding:12px;background:#24333c;border:1px solid #8e9c8f66;color:#c8cbb9;border-radius:2px;font:inherit;font-size:.9375rem;line-height:1.7}.sky-prediction-choices button[aria-pressed=true]{border-color:#c5ac7d;background:#555a4e;color:#dfcea6;box-shadow:inset 0 3px #c5ac7d}.sky-weight-controls{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:20px 0}.sky-weight-floor{padding:17px;background:#23323a;border:1px solid #9d9f8052}.sky-weight-label{display:flex;align-items:center;justify-content:space-between;gap:15px}.sky-weight-label>strong{font:500 1.15rem/1.6 var(--sky-serif);color:#d3bb91}.sky-weight-blocks{display:flex;gap:5px;padding-bottom:5px;border-bottom:3px solid #748982}.sky-weight-blocks i{width:22px;height:22px;border:1px dashed #8995875c;background:transparent}.sky-weight-blocks i.is-loaded{border:1px solid #bca278;background:linear-gradient(135deg,#a18b62,#7b745d);box-shadow:inset -3px -3px #17222933}.sky-weight-floor:last-child .sky-weight-blocks i.is-loaded{background:linear-gradient(135deg,#a17b60,#806652);border-color:#ba997d}.sky-weight-stepper{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;margin-top:17px;gap:12px}.sky-weight-stepper button{width:48px;height:48px;min-height:48px;display:grid;place-items:center;padding:0;border:1px solid #a99e7773;background:#3c4949;color:#e0c995;border-radius:2px;font:400 1.7rem/1 sans-serif;touch-action:manipulation}.sky-weight-stepper button:disabled{opacity:.35;cursor:default}.sky-weight-stepper output{font:400 1.5rem/1.5 Georgia,serif;color:#d4c9b0;text-align:center}.sky-weight-stepper output small{font:400 .875rem/1.5 sans-serif;color:#b9c4b9}.sky-prediction-feedback{border-left:2px solid #bda575;padding:12px 15px;background:#96845913}.skywalk-quick .sky-prediction-feedback{font-size:.9375rem;line-height:1.8;margin:20px 0 0;color:#d0c2a3}.sky-prediction-feedback>span{display:block;font-size:.8125rem;color:#b8c1af;margin-bottom:6px}.sky-meter-row.was-predicted>strong small{display:block;width:fit-content;font-size:.6875rem;font-weight:400;color:#c5b182;border:1px solid #a592655c;padding:1px 6px;margin-top:5px}
@media(max-width:760px){.sky-prediction-choices{grid-template-columns:1fr;gap:8px}.sky-prediction-choices button{min-height:48px;padding:10px 14px;text-align:left}.sky-weight-controls{grid-template-columns:1fr;gap:10px}.sky-weight-floor{padding:14px 16px}.sky-weight-stepper{margin-top:13px}.skywalk-quick .sky-model-closed .quiet{margin-top:0}}

/* First establish the physical scene, then zoom into the load-bearing connection. */
.sky-hall-controls{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 0}.sky-hall-controls button,.sky-component-tabs button{min-height:44px;padding:10px 17px;line-height:1.6;font:inherit;font-size:.9375rem;border:1px solid #a7997957;background:#23323bdd;color:#c8cec3;border-radius:2px}.sky-hall-controls button[aria-pressed=true],.sky-component-tabs button[aria-pressed=true]{background:#645e4e;color:#ddcba6;border-color:#b7a480}.sky-hall-figure{margin:20px 0 0;background:#233139;border:1px solid #a7997933;padding:18px 16px 0}.sky-hall-graphic{width:100%;height:auto;max-height:610px;display:block;margin:auto;overflow:visible}.sky-hall-graphic text{font-family:inherit;font-size:36px;fill:#cbd1c5}.hall-ground{fill:#2e3a3d;stroke:#82918a;stroke-width:1.5}.hall-walls{fill:#34444c;stroke:#7f938f;stroke-width:1.7}.hall-roof{fill:#40505a;stroke:#97a8a0;stroke-width:2}.hall-floor-lines{fill:none;stroke:#84978a;stroke-width:1.5;opacity:.6}.hall-hangers{stroke:#aebbb7;stroke-width:4;fill:none}.sky-hall-deck .deck-top{fill:#a1885f;stroke:#c2ad88;stroke-width:1.8}.sky-hall-deck .deck-edge{fill:#77684c;stroke:#b4a27f;stroke-width:1.4}.sky-hall-deck .deck-rail{fill:none;stroke:#b7a686;stroke-width:2}.sky-hall-deck.is-second .deck-top{fill:#946e53;stroke:#ba9b81}.sky-hall-deck.is-second .deck-edge{fill:#735a46;stroke:#b08d6e}.sky-hall-deck.is-second .deck-rail{stroke:#b28f76}.sky-hall-third .deck-top{fill:#607e74;stroke:#a5beb0;stroke-width:1.8}.sky-hall-third .deck-edge{fill:#485f5a;stroke:#93aa9c;stroke-width:1.5}.sky-hall-third .deck-rail{stroke:#9cb5a8;stroke-width:2;fill:none}.sky-hall-graphic .hall-fourth-label{fill:#d2bb8f}.sky-hall-graphic .hall-second-label{fill:#cbae97}.sky-hall-graphic .hall-third-label{fill:#b0c6b6;font-size:34px}.sky-hall-deck.is-ghost{opacity:.3}.sky-hall-deck.is-ghost :is(.deck-top,.deck-edge){fill:transparent;stroke-dasharray:7 6}.sky-hall-deck.is-ghost .deck-rail{display:none}.hall-landed .second-landed{fill:#946e53;stroke:#b89980;stroke-width:2}.hall-landed .fourth-landed{fill:#a1885f;stroke:#c7b18b;stroke-width:2}.sky-hall-graphic .hall-landed-label{font-size:32px;fill:#d6b78d}.sky-hall-graphic .hall-ground-label{fill:#aebcb1;font-size:32px}.sky-hall-figure figcaption{font-size:.9375rem;line-height:1.9;color:#bdc5b9;border-top:1px solid #8a9a873f;padding:15px 4px 18px}.sky-hall-facts{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-top:22px}.sky-hall-facts p{font-size:.9375rem;margin:0}.sky-hall-facts b{display:block;color:#ccb48b;font-weight:500;font-size:1rem;margin-bottom:7px}.sky-scene-file header>p{margin-top:10px;font-size:1rem}
.sky-component-lesson header{padding-bottom:20px}.sky-component-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:0;border:1px solid #a7997940;background:#25353f;margin:22px 0 0}.sky-component-picture{min-width:0;padding:13px 12px 20px}.sky-connection-graphic{width:100%;height:auto;display:block}.connection-deck path{fill:#697775;stroke:#a3b0a2;stroke-width:2}.connection-deck path+path{fill:none;stroke:#9eada1}.connection-beam path{fill:#5b7885;stroke:#aabdbb;stroke-width:2.3}.connection-rod path{fill:#a0b3b8;stroke:#c8d3c8;stroke-width:1.5}.connection-rod .connection-threads{stroke:#718c96;fill:none}.connection-nut path{fill:#ac956d;stroke:#cab28b;stroke-width:2}.connection-nut path+path{fill:none;stroke:#675940}.sky-connection-graphic .is-selected>path:first-child{stroke:#e0c48f;stroke-width:4}.connection-callouts path{stroke:#aebbad;stroke-width:1.6;fill:none}.connection-callouts text{font-family:inherit;font-size:32px;fill:#d1cfbc}.sky-component-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 10px}.sky-component-tabs button{padding:8px 5px}.sky-component-layout aside{padding:28px 22px;background:#303c40;border-left:1px solid #a7997940}.sky-component-layout aside>span{font-size:.875rem;color:#b8ae95}.sky-component-layout h3{font:500 1.5rem/1.6 var(--sky-serif);color:#d4be95;margin:10px 0 15px}.sky-component-layout p{font-size:1rem;line-height:1.85;margin:0}.sky-component-layout .sky-support-caption{font-size:.9375rem;line-height:1.9;margin-top:24px;padding-top:17px;border-top:1px solid #a7997940;color:#b8c1b5}.sky-damage-photos{margin-top:30px}.sky-damage-photos header{padding-bottom:0;border-bottom:0}.sky-photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}.sky-photo-pair figure{margin:0;border:1px solid #a7997940;background:#243038;padding:12px}.sky-photo-pair img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#25323a;filter:brightness(.82) contrast(.92)}.sky-photo-pair figcaption{font-size:.9375rem;line-height:1.8;padding:16px 7px 5px;color:#c1c7ba}.sky-photo-pair figcaption strong{display:block;font-size:1rem;font-weight:500;color:#d0b995;margin-bottom:6px}.skywalk-quick .sky-photo-credit{font-size:.8125rem;color:#aab7ab;margin:10px 0 0}
@media(max-width:760px){.sky-hall-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.sky-hall-controls button{padding:9px 7px;font-size:.9375rem}.sky-hall-figure{margin-top:15px;padding:10px 2px 0}.sky-hall-figure figcaption{font-size:.9375rem;padding:13px 9px 15px}.sky-hall-facts{grid-template-columns:1fr;gap:15px;margin-top:18px}.sky-component-layout{grid-template-columns:1fr}.sky-component-picture{padding:7px 4px 17px}.sky-component-tabs{padding:0 12px}.sky-component-layout aside{border-left:0;border-top:1px solid #a7997940;padding:20px}.sky-component-layout h3{font-size:1.25rem;margin:6px 0 8px}.sky-component-layout .sky-support-caption{margin-top:17px;padding-top:14px}.sky-photo-pair{grid-template-columns:1fr;gap:18px}.sky-photo-pair figure{padding:10px}.sky-photo-pair img{max-height:390px}.sky-photo-pair figcaption{font-size:1rem}.sky-damage-photos header h2{font-size:1.3rem}}

/* The case keeps its three stages; these controls only switch investigation material. */
.sky-clue-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 20px}.sky-clue-tabs button,.sky-load-switch button{min-height:46px;padding:10px 20px;background:#29343bd9;border:1px solid #a7997957;border-radius:3px;color:#c8ccbf;font:inherit;line-height:1.5}.sky-clue-tabs button[aria-pressed=true]{background:#5c6157;border-color:#b7a480;color:#e1d4b8}.sky-clue-tabs button:hover,.sky-load-switch button:hover{border-color:#cab28a}.sky-clue-tabs{scroll-margin-top:90px}.sky-clue-next{display:flex;justify-content:flex-end;margin-top:20px}
.sky-scene-file,.sky-material-file{padding:30px 32px;border:1px solid var(--sky-line);background:linear-gradient(135deg,#303b40ed,#273238ed);box-shadow:0 14px 35px #080e1620}.sky-scene-file header,.sky-material-file header{padding-bottom:22px;border-bottom:1px solid var(--sky-line)}.sky-scene-file h2,.sky-material-file h2{font:500 clamp(1.4rem,2.5vw,1.8rem)/1.5 var(--sky-serif);margin:0}.sky-floor-records{margin:14px 0 0}.sky-floor-records article{display:grid;grid-template-columns:60px minmax(0,1fr) auto;align-items:center;gap:20px;padding:25px 0;border-bottom:1px solid #a799792e}.sky-floor-records article>strong{font:400 2rem/1.2 Georgia,serif;color:#bda47f;letter-spacing:.02em}.sky-floor-records h3{font-size:1.075rem;line-height:1.6;color:#d7d0bf;margin:0}.sky-floor-records p{font-size:1rem;line-height:1.8;margin:4px 0 0}.sky-floor-records article>span{font-size:.875rem;border:1px solid #85998c6e;border-radius:2px;padding:6px 12px;color:#b7c3b8;background:#4b605123}.sky-floor-records article>.sky-fell{color:#d0b6a0;border-color:#bb876b63;background:#94695424}.sky-floor-records .sky-offset-floor{padding-left:40px;background:linear-gradient(90deg,#62746716,transparent)}.skywalk-quick .sky-offset-floor h3{color:#c0cbbd}.skywalk-quick .sky-file-question{font-size:1rem;color:#c6b798;margin:24px 0 0;max-width:760px}
.sky-material-pair{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;margin-top:26px}.sky-material-pair article+article{border-left:1px solid var(--sky-line);padding-left:30px}.sky-report-label{display:block;font-size:.875rem;letter-spacing:.06em;color:#aebfb9;margin-bottom:14px}.sky-material-pair h3{font:500 1.3rem/1.7 var(--sky-serif);color:#d5c3a0;margin:0 0 12px}.sky-material-pair p{font-size:1rem;line-height:1.9;margin:0 0 12px}.skywalk-quick .sky-drawing-intro{font-size:1rem;margin:0 0 20px}.sky-third-support{display:flex;align-items:baseline;gap:20px;border-left:2px solid #929d874f;padding:4px 0 4px 20px;margin:23px 0}.sky-third-support>span{flex-shrink:0;font-size:.875rem;color:#b8b79d}.sky-third-support p{font-size:.9375rem;margin:0;line-height:1.8}
.sky-model-closed,.sky-model{border:1px solid #ab98704f;background:#2d373ae8;margin-top:26px;padding:27px 30px}.sky-model-closed{display:flex;justify-content:space-between;gap:25px;align-items:center}.sky-model-closed h2,.sky-model h2{font:500 1.35rem/1.6 var(--sky-serif);margin:0 0 7px}.sky-model-closed p{font-size:.9375rem;margin:0}.sky-model-closed .quiet{flex-shrink:0}.sky-model{scroll-margin-top:90px}.sky-model>header{display:flex;justify-content:space-between;gap:18px;align-items:start}.sky-model>header button{min-width:44px;min-height:44px;padding:6px 0;color:#c6b590;background:none;border:0;font-size:.9375rem}.skywalk-quick .sky-model-scope{font-size:.875rem;line-height:1.85;color:#b6c0b9;max-width:790px;margin:9px 0 20px}.sky-load-switch{display:flex;gap:8px;flex-wrap:wrap}.sky-load-switch button{font-size:.9375rem;padding:10px 16px;background:#233039}.sky-load-switch button[aria-pressed=true]{color:#dbcca9;background:#655f4b;border-color:#b19b76}.sky-load-results{margin-top:25px}.sky-meter-heading,.sky-meter-row{display:grid;grid-template-columns:minmax(150px,1.1fr) repeat(2,minmax(0,1fr));gap:24px;align-items:center}.sky-meter-heading{padding:0 14px 12px;color:#bcbca7;font-size:.875rem;border-bottom:1px solid var(--sky-line)}.sky-meter-row{padding:20px 14px;border-bottom:1px solid #a7997933}.sky-meter-row>strong{font-size:.9375rem;font-weight:500;line-height:1.7;color:#c4c9bc}.sky-meter{display:flex;align-items:center;gap:13px;min-width:0}.sky-meter-track{flex:1;height:9px;background:#151f279c;position:relative;border-radius:1px;min-width:20px}.sky-meter-track i{display:block;height:100%;background:#829591;border-radius:1px}.sky-meter b{color:#c0c7ba;min-width:36px;font:400 1.2rem Georgia,serif;white-space:nowrap}.sky-meter small{font:400 .8125rem sans-serif}.sky-meter-row.has-difference{background:#a18b5e13}.sky-meter-row.has-difference>strong{color:#d3bf96}.sky-meter-row.has-difference .sky-meter:last-child .sky-meter-track i{background:#baa16d}.sky-meter-row.has-difference .sky-meter:last-child b{color:#d4b983}.skywalk-quick .sky-model-observation{font-size:.9375rem;line-height:1.85;margin:19px 14px 0;color:#ccb994}
.sky-case-resolution{margin-top:28px;padding:27px 30px;background:#303a3cbd;border:1px solid var(--sky-line)}.sky-case-resolution h2{font:500 1.4rem/1.7 var(--sky-serif);margin:0 0 10px}.sky-case-resolution dl{margin:0}.sky-case-resolution dl>div{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,1.6fr);gap:25px;padding:20px 0;border-bottom:1px solid #a7997933}.sky-case-resolution dt{color:#d4c09b;font-size:1rem;line-height:1.8}.sky-case-resolution dd{margin:0;color:#c2c9be;font-size:1rem;line-height:1.9}.sky-case-resolution>p{font-size:.9375rem;margin:18px 0 0;color:#b9c1b7}
@media(max-width:760px){.sky-clue-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:17px}.sky-clue-tabs button{font-size:.9rem;padding:10px 4px;line-height:1.7;min-width:0}.sky-scene-file,.sky-material-file{padding:22px 20px}.sky-scene-file header,.sky-material-file header{padding-bottom:18px}.sky-floor-records article{grid-template-columns:38px minmax(0,1fr);column-gap:13px;row-gap:9px;padding:20px 0}.sky-floor-records article>strong{font-size:1.7rem;align-self:start;margin-top:5px}.sky-floor-records article>span{grid-column:2;justify-self:start;padding:3px 10px;font-size:.8125rem}.sky-floor-records h3{font-size:1rem}.sky-floor-records .sky-offset-floor{padding-left:14px}.sky-floor-records p{font-size:.9375rem}.sky-material-pair{grid-template-columns:1fr;gap:20px;margin-top:21px}.sky-material-pair article+article{border-left:0;border-top:1px solid var(--sky-line);padding:21px 0 0}.sky-material-pair h3{font-size:1.25rem}.sky-material-pair p{font-size:1rem}.sky-third-support{display:block;padding-left:15px}.sky-third-support>span{display:block;margin-bottom:7px}.sky-model-closed,.sky-model{padding:22px 18px}.sky-model-closed{display:block}.sky-model-closed .quiet{width:100%;margin-top:20px}.sky-model h2{font-size:1.2rem}.sky-load-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.sky-load-switch button{font-size:.8125rem;padding:10px 5px;line-height:1.6;min-width:0}.sky-meter-heading,.sky-meter-row{grid-template-columns:minmax(80px,1fr) repeat(2,minmax(0,1fr));gap:12px;padding-left:0;padding-right:0}.sky-meter-heading{font-size:.8125rem}.sky-meter-row{padding-top:17px;padding-bottom:17px}.sky-meter-row>strong{font-size:.875rem}.sky-meter{flex-wrap:wrap;gap:7px}.sky-meter-track{flex-basis:100%;height:7px}.sky-meter b{font-size:1.1rem}.skywalk-quick .sky-model-observation{margin:17px 0 0;font-size:.9375rem}.sky-case-resolution{padding:22px 20px}.sky-case-resolution h2{font-size:1.3rem}.sky-case-resolution dl>div{grid-template-columns:1fr;gap:8px;padding:18px 0}.sky-case-resolution dt{font-size:1.0625rem}.sky-case-resolution dd{font-size:1rem}.sky-clue-next .quiet{width:100%}}

/* Put load paths on the structures, and leave numerical settings as an optional second step. */
.sky-model-visual{margin-top:0;background:#26343beb}.sky-trace-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 16px}.sky-trace-tabs button{min-height:48px;padding:11px 19px;background:#20313a;border:1px solid #92a4995c;color:#c7cbbb;border-radius:2px;font:inherit;font-size:1rem;line-height:1.6}.sky-trace-tabs button[aria-pressed=true]{background:#5b5547;border-color:#bda477;color:#e0cda8}.sky-trace-tabs button[data-value=lower][aria-pressed=true]{background:#65503f;border-color:#b89173}.sky-follow-key{display:flex;gap:12px 22px;flex-wrap:wrap;margin-bottom:19px;font-size:.875rem;line-height:1.8;color:#b8c3b9}.sky-follow-key .from-lower{color:#d0a082}.sky-follow-key .from-upper{color:#d6be89}
.sky-follow-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.sky-follow-card{min-width:0;margin:0;background:#21333e;border:1px solid #8ba39760;box-shadow:0 8px 20px #07101922}.sky-follow-card.is-built{border-color:#b0956c8c}.sky-follow-card>header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 12px;padding:17px 19px;border-bottom:1px solid #8ba39742;background:#2c3d44}.sky-follow-card>header strong{font:500 1.25rem/1.6 var(--sky-serif);color:#d8c39b}.sky-follow-card>header span{font-size:.875rem;color:#bec9bf}
.sky-follow-diagram{display:block;width:100%;height:auto;max-height:405px;background-image:linear-gradient(#9dbab508 1px,transparent 1px),linear-gradient(90deg,#9dbab508 1px,transparent 1px);background-size:24px 24px}.sky-follow-roof{fill:#415963;stroke:#aebeb1;stroke-width:1.5}.sky-follow-beam{fill:#415d6b;stroke:#93acaa;stroke-width:2}.sky-follow-rod{fill:none;stroke:#a6b9bd;stroke-width:6}.sky-follow-nuts path{fill:#92816a;stroke:#b5a586;stroke-width:1.5}.sky-follow-bearing{fill:none;stroke:#b7ba9b;stroke-width:2;stroke-dasharray:4 3}.sky-follow-bearing.takes-lower{stroke:#d7a079;stroke-width:3;stroke-dasharray:none}.sky-follow-diagram .from-upper{--trace-color:#d8bd7e}.sky-follow-diagram .from-lower{--trace-color:#d0a081}.sky-follow-route,.sky-follow-motion{fill:none;stroke:var(--trace-color);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.sky-follow-route{opacity:.85}.sky-follow-route.from-lower{stroke-dasharray:9 4}.sky-follow-motion{stroke-width:8;stroke-dasharray:7 93;opacity:.9}.sky-follow-blocks rect{fill:var(--trace-color);stroke:#243039;stroke-width:1.5}.sky-follow-labels text{font-family:inherit;font-size:27px;fill:#b5c6be}.sky-follow-labels text.from-upper{fill:#d8bd7e}.sky-follow-labels text.from-lower{fill:#d0a081}.sky-follow-callout{fill:none;stroke:#b7ba9b;stroke-width:1.5}.sky-follow-callout-label{font-family:inherit;font-size:24px;fill:#d1c6a9}
.sky-follow-receives{margin:0 17px;padding:13px 15px;background:#314047;border-left:2px solid #b7a078}.sky-follow-receives>span{display:block;font-size:.875rem;color:#b8c8bc;line-height:1.7}.sky-follow-receives>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:7px;min-height:33px}.sky-follow-receives .from-upper,.sky-follow-receives .from-lower{padding:3px 7px;font-size:1rem;border:1px solid #b79d6960;color:#d8bd7e;background:#9b895219;line-height:1.7}.sky-follow-receives .from-lower{border-color:#bc906d66;color:#d0a081;background:#ad7b5617}.sky-follow-receives b{font-weight:400;color:#b7c6b8}.sky-follow-none{font-size:1rem;color:#b7c6ba;line-height:1.7}.sky-follow-card figcaption{padding:19px}.sky-follow-card figcaption>strong{display:block;font:500 1.125rem/1.7 var(--sky-serif);color:#d6c29d}.sky-follow-card figcaption p{font-size:1rem;line-height:1.85;margin:8px 0 0;color:#becabf}
.sky-more-weights{margin-top:22px;padding-top:19px;border-top:1px solid #839b8945}.sky-more-weights>button{font-size:.9375rem}.sky-weight-detail{margin-top:18px}.sky-weight-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.9375rem;line-height:1.8}.sky-weight-table caption{text-align:left;padding:22px 0 10px;font-size:.875rem;color:#bdc6b8}.sky-weight-table th,.sky-weight-table td{text-align:left;font-weight:400;padding:12px 10px;border-bottom:1px solid #8f9e813f;color:#c4c9b7}.sky-weight-table th:first-child{width:48%}.sky-weight-table thead th{font-size:.875rem;color:#b8c1aa}.sky-weight-table .has-difference{background:#a2916420}.sky-weight-table .has-difference td:last-child{color:#dbc58b}.sky-follow-status:empty{display:none}
@media(max-width:760px){.sky-model-visual{padding:21px 14px}.sky-trace-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sky-trace-tabs button{font-size:.9375rem;padding:10px 8px}.sky-trace-tabs button:last-child{grid-column:1/-1}.sky-follow-pair{grid-template-columns:1fr;gap:18px}.sky-follow-card>header{padding:14px 15px}.sky-follow-diagram{max-height:360px}.sky-follow-key{gap:7px 17px;font-size:.875rem}.sky-follow-card figcaption{padding:16px}.sky-follow-receives{margin:0 14px}.sky-more-weights>button{width:100%}.sky-weight-table th,.sky-weight-table td{padding:11px 5px;font-size:.875rem}.sky-follow-callout-label{font-size:26px}.sky-follow-labels text{font-size:29px}}
@media(prefers-reduced-motion:no-preference){.sky-follow-motion{animation:sky-follow-support 2s ease-in-out 2 forwards}}
@keyframes sky-follow-support{from{stroke-dashoffset:0}to{stroke-dashoffset:-100}}
@media(prefers-reduced-motion:reduce){.sky-follow-motion{display:none}}
body[data-motion=reduce] .sky-follow-motion{display:none;animation:none}

.skywalk-quick .sky-prediction-selection{min-height:1.8em;margin:0 0 16px;color:#dfcea6;font-size:1rem;line-height:1.8}