:root{--bg: #f5f2eb;--card-bg: #fffdfa;--border: #d5cec1;--ink: #17201c;--muted: #5b625f;--accent: #7a2f24;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;overflow-x:hidden;-webkit-tap-highlight-color:transparent}.app{margin:0 auto;max-width:1180px;padding:14px 14px 24px;width:100%}.app-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.app-header h1{font-size:22px;margin:0}.subtitle{color:var(--muted);font-size:13px;margin:2px 0 0}.platform-nav{background:#fffdfac7;border:1px solid var(--border);border-radius:10px;box-shadow:0 6px 18px #241e140d;display:grid;gap:9px;margin-bottom:12px;padding:10px 12px}.material-selector{align-items:center;display:flex;gap:9px;min-width:0}.platform-label{color:var(--muted);flex:0 0 auto;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.material-options,.roadmap-items{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.material-option,.roadmap-item{align-items:center;background:#f8f4ed;border:1px solid #ded7cb;border-radius:7px;color:var(--ink);cursor:pointer;display:inline-flex;font:inherit;font-size:12px;font-weight:750;gap:6px;min-height:30px;padding:4px 9px}.material-option.active{background:var(--ink);border-color:var(--ink);color:#fff}.roadmap-item.active.selected{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--ink)}.material-option.planned,.roadmap-item.planned{color:#5f625d}.material-option small{background:#7a2f2417;border:1px solid rgba(122,47,36,.18);border-radius:999px;color:#7a2f24;font-size:10px;font-weight:750;line-height:1;padding:3px 6px}.module-roadmap{align-items:flex-start;border-top:1px solid rgba(213,206,193,.78);display:flex;gap:9px;min-width:0;padding-top:8px}.roadmap-title{color:var(--ink);flex:0 0 auto;font-size:13px;font-weight:850;line-height:30px}.roadmap-item{background:transparent;min-height:28px}.roadmap-item span:last-child{min-width:0;overflow-wrap:anywhere}.roadmap-item.active{background:#edf2e8;border-color:#b9c7ad;color:#253420}.platform-modal-layer{align-items:center;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:18px;position:fixed;z-index:60}.platform-modal-backdrop{background:#16120e4d;border:0;cursor:default;top:0;right:0;bottom:0;left:0;padding:0;position:absolute}.platform-modal{background:var(--card-bg);border:1px solid rgba(115,96,70,.32);border-radius:10px;box-shadow:0 18px 46px #14100c3d;max-width:min(460px,calc(100vw - 36px));padding:16px 18px 17px;position:relative}.platform-modal h3{font-size:18px;line-height:1.2;margin:0 38px 8px 0}.platform-modal p{color:var(--muted);font-size:14px;line-height:1.5;margin:0}.platform-modal-close{align-items:center;background:#fffdfa;border:1px solid var(--border);border-radius:999px;color:var(--ink);cursor:pointer;display:inline-flex;font-size:21px;height:32px;justify-content:center;line-height:1;position:absolute;right:10px;top:10px;width:32px}.lang-switch{display:inline-flex;gap:4px}.lang-btn,.level-btn,.learnmore-toggle{background:var(--card-bg);border:1px solid var(--border);border-radius:7px;color:var(--ink);cursor:pointer;font-size:13px;min-height:38px;padding:6px 12px}.lang-btn.active,.level-btn.active{background:var(--ink);border-color:var(--ink);color:#fff}.layout{display:grid;gap:14px;grid-template-columns:1fr}@media(min-width:920px){.layout{grid-template-columns:minmax(480px,1.2fr) minmax(340px,1fr)}}.column{display:flex;flex-direction:column;gap:14px;min-width:0}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 22px #241e1412;min-width:0;padding:14px}.card h2{font-size:15px;margin:0 0 10px}.diagram-card{position:relative}.phase-diagram{aspect-ratio:20 / 21;border:1px solid var(--border);border-radius:6px;cursor:crosshair;display:block;touch-action:none;width:100%}.diagram-stage{position:relative}.diagram-help-layer{top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:5}.diagram-help-card{background:#fffdfae8;border:1px solid rgba(115,96,70,.28);border-radius:7px;box-shadow:0 8px 18px #241e1424;max-width:min(230px,calc(100% - 24px));padding:8px;pointer-events:auto;position:absolute;right:14px;top:10px}.diagram-help-title{font-size:12px;font-weight:800;line-height:1.2;margin-bottom:6px}.diagram-help-actions{display:flex;gap:5px}.diagram-help-btn{background:#fffdfa;border:1px solid var(--border);border-radius:6px;color:var(--ink);cursor:pointer;font-size:12px;font-weight:700;min-height:30px;padding:4px 8px}.diagram-help-btn:hover,.diagram-help-close:hover{border-color:var(--accent)}.diagram-help-modal-layer{align-items:center;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:18px;pointer-events:auto;position:absolute}.diagram-help-backdrop{background:#16120e47;border:0;cursor:default;top:0;right:0;bottom:0;left:0;padding:0;position:absolute}.diagram-help-modal{background:#fffdfaf7;border:1px solid rgba(115,96,70,.3);border-radius:8px;box-shadow:0 18px 42px #14100c40;max-height:calc(100% - 24px);max-width:min(520px,100%);overflow:auto;padding:16px 18px 17px;position:relative;width:72%}.diagram-help-modal h3{font-size:17px;line-height:1.2;margin:0 32px 8px 0}.diagram-help-modal p{color:#2f3632;font-size:14px;line-height:1.55;margin:0}.diagram-help-close{align-items:center;background:#fffdfa;border:1px solid var(--border);border-radius:999px;color:var(--ink);cursor:pointer;display:inline-flex;font-size:21px;font-weight:600;height:32px;justify-content:center;line-height:1;position:absolute;right:10px;top:10px;width:32px}.diagram-hint{color:var(--muted);font-size:12px;margin:8px 0 0}.preview-duo{display:grid;gap:8px;grid-template-columns:1fr 1fr}.preview-half{margin:0;min-width:0}.product-icon{display:block;height:42px;width:58px}.product-image{border-radius:4px;object-fit:contain}.microstructure-canvas{background:#ddd;border:3px solid #222;border-radius:6px;display:block;image-rendering:auto;width:100%}.al-si-fractions{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.al-si-fraction-row{align-items:center;display:grid;font-size:12px;gap:8px;grid-template-columns:minmax(82px,1fr) minmax(60px,1.6fr) 38px;margin-top:6px}.al-si-fraction-track{background:#d9d5cb;border-radius:999px;display:block;height:7px;overflow:hidden}.al-si-fraction-track i{background:var(--accent);display:block;height:100%}.al-si-fraction-row strong{font-size:11px;text-align:right}.learnmore-details{border-top:1px solid var(--border);color:var(--muted);font-size:12px;line-height:1.4;margin-top:10px;padding-top:9px}.learnmore-details summary{color:var(--ink);cursor:pointer;font-weight:800}.learnmore-details p{margin:7px 0 0}.preview-caption{color:var(--ink);display:flex;flex-direction:column;font-size:12px;font-weight:600;margin:6px 0 0}.preview-sub{color:var(--muted);font-size:11px;font-weight:400}.texture-legend{align-items:center;display:flex;flex-wrap:wrap;gap:5px 8px;margin-top:7px}.texture-legend-item{align-items:center;color:var(--muted);display:inline-flex;font-size:11px;gap:4px;line-height:1.15}.texture-swatch{border:1px solid #2a2a27;border-radius:3px;display:inline-block;flex:0 0 auto;height:18px;width:18px}.texture-swatch-liquid{background:radial-gradient(circle at 35% 35%,rgba(255,218,118,.85),transparent 44%),linear-gradient(135deg,#d9782f,#f0b45e 55%,#b95b2f)}.texture-swatch-alsi-liquid{background:#e2a154}.texture-swatch-alsi-alpha{background:linear-gradient(90deg,transparent 44%,rgba(112,124,115,.85) 45% 55%,transparent 56%),linear-gradient(0deg,transparent 44%,rgba(112,124,115,.85) 45% 55%,transparent 56%),#ebede8}.texture-swatch-alsi-eutectic{background:repeating-linear-gradient(55deg,transparent 0 5px,rgba(76,87,80,.85) 5px 6.5px),#d2d7cf}.texture-swatch-alsi-primarySilicon{background:#434a45}.texture-swatch-alcu-liquid{background:#c06836}.texture-swatch-alcu-alpha{background:linear-gradient(90deg,transparent 44%,rgba(102,112,105,.85) 45% 55%,transparent 56%),linear-gradient(0deg,transparent 44%,rgba(102,112,105,.85) 45% 55%,transparent 56%),#ebede8}.texture-swatch-alcu-eutectic{background:repeating-linear-gradient(55deg,#d4d7cf 0,#d4d7cf 4px,#605b55 4px,#605b55 6px)}.texture-swatch-alcu-primaryTheta{background:#61483f}.texture-swatch-austenite,.texture-swatch-untransformed_austenite{background:#bcbcbc}.texture-swatch-retained_austenite{background:#d0d0d0}.texture-swatch-ferrite{background:#eee}.texture-swatch-pearlite,.texture-swatch-coarse_pearlite{background:repeating-linear-gradient(45deg,#eee 0,#eee 3px,#565656 3px,#565656 6px)}.texture-swatch-fine_pearlite{background:repeating-linear-gradient(45deg,#eee 0,#eee 2px,#565656 2px,#565656 4px)}.texture-swatch-cementite{background:linear-gradient(90deg,transparent 44%,#242424 45% 55%,transparent 56%),linear-gradient(0deg,transparent 44%,#242424 45% 55%,transparent 56%),#dedede}.texture-swatch-upper_bainite{background:repeating-linear-gradient(130deg,transparent 0 4px,rgba(34,34,34,.62) 4px 6px,transparent 6px 11px),repeating-linear-gradient(35deg,#b8b8b8 0,#b8b8b8 8px,#9a9a9a 8px,#9a9a9a 13px)}.texture-swatch-lower_bainite{background:repeating-linear-gradient(125deg,transparent 0 2px,rgba(28,28,28,.78) 2px 4px,transparent 4px 7px),#858585}.texture-swatch-martensite{background:repeating-linear-gradient(35deg,transparent 0 3px,rgba(12,12,12,.86) 3px 5px,transparent 5px 9px),repeating-linear-gradient(145deg,#aaa 0,#aaa 4px,#333 4px,#333 6px,#aaa 6px,#aaa 10px)}.micrograph-wrap{position:relative}.micrograph-img{object-fit:cover}.micrograph-technique{background:#10100fa8;border-radius:4px;bottom:5px;color:#f3efe7;font-size:9.5px;letter-spacing:.02em;padding:1px 5px;position:absolute;right:5px}.micrograph-credit{color:var(--muted);font-size:10px;font-weight:400;margin-top:1px;text-decoration:none}.micrograph-credit:hover{text-decoration:underline}.preview-disclaimer{color:var(--muted);font-size:11px;font-style:italic;margin:4px 0 0}.state-hero{border-left:5px solid var(--accent);margin-bottom:12px;padding-left:10px}.state-label{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.state-value{font-size:21px;font-weight:700}.state-row{margin-bottom:12px}.state-label-row{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:4px}.level-toggle{display:inline-flex;gap:4px}.chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}.chip{border:1px solid var(--border);border-radius:999px;font-size:13px;font-weight:600;padding:4px 11px}.chip-ferrite{background:#eef3e6}.chip-austenite{background:#f3e2c4}.chip-cementite{background:#e3dced}.chip-constituent{background:#17201c;border-color:#17201c;color:#fff}.state-confidence{color:var(--muted);font-size:12px;margin-top:6px}.state-muted{color:var(--muted);font-size:13px;margin-top:4px}.education-notes,.proximity-notes,.assumptions{color:var(--muted);font-size:13px;line-height:1.45;margin:6px 0 0;padding-left:18px}.explanation{font-size:14px;line-height:1.5;margin:4px 0 0}.learnmore-toggle{margin-top:4px;width:100%;text-align:left}.material-panel{display:flex;flex-direction:column;gap:12px}.material-panel h2{margin-bottom:0}.status-control{display:block}.status-header{align-items:baseline;display:flex;font-size:13px;gap:8px;justify-content:space-between;margin-bottom:5px}.status-header strong{color:var(--ink);font-size:15px}.status-range{--fill: 0%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,var(--accent) 0 var(--fill),#d8d1c5 var(--fill) 100%);border-radius:999px;display:block;height:8px;margin:10px 0 4px;outline:none;width:100%}.status-range-temp{background:linear-gradient(90deg,#c4553f 0 var(--fill),#d8d1c5 var(--fill) 100%)}.status-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--card-bg);border:3px solid var(--accent);border-radius:999px;box-shadow:0 1px 4px #17201c3d;cursor:pointer;height:20px;width:20px}.status-range::-moz-range-thumb{background:var(--card-bg);border:3px solid var(--accent);border-radius:999px;box-shadow:0 1px 4px #17201c3d;cursor:pointer;height:16px;width:16px}.product-strip{border-bottom:1px solid var(--border);border-top:1px solid var(--border);padding:10px 0 11px}.property-panel{background:#f8f4ed;border:1px solid #ded7cb;border-radius:7px;padding:9px 10px}.property-bars{display:grid;gap:7px;margin-top:8px}.property-row{display:grid;gap:4px}.property-label-row{align-items:baseline;display:flex;gap:8px;justify-content:space-between}.property-label-row span{font-size:12px;font-weight:750}.property-label-row strong{color:var(--muted);font-size:11.5px;font-weight:750;text-align:right}.property-scale{display:grid;gap:2px;grid-template-columns:repeat(10,minmax(0,1fr));height:7px}.property-segment{background:#d8d1c5;border-radius:999px}.property-segment.active{background:#8b3529}.property-note{color:var(--muted);font-size:11.5px;line-height:1.35;margin:8px 0 0}.term-link{align-items:center;background:none;border:0;border-bottom:1px dotted currentColor;color:inherit;cursor:pointer;display:inline-flex;font:inherit;line-height:inherit;min-height:24px;padding:0 1px;text-align:inherit}.term-link:hover,.term-link:focus-visible{border-bottom-style:solid;outline:2px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:2px}.chip .term-link{min-height:24px}.property-trio-note{border-top:1px solid var(--border);padding-top:7px}.stiffness-note{border-top:1px solid #ded7cb;padding-top:7px}.property-glossary-link{display:flex;justify-content:flex-start;margin-top:7px}.property-glossary-link .glossary-open-btn{font-size:12px;min-height:30px;padding:4px 9px}.panel-kicker{color:var(--muted);font-size:11px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.product-band-label{font-size:14px;font-weight:750;margin-top:2px}.product-grid{display:grid;gap:6px;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:8px}.product-tile{align-items:center;background:#f6f0e6;border:1px solid #ded3c1;border-radius:7px;color:var(--ink);display:flex;flex-direction:column;gap:5px;margin:0;min-height:82px;padding:7px 4px 6px;text-align:center}.product-tile figcaption{font-size:11px;font-weight:650;line-height:1.15}.steel-grades{margin-top:12px}.steel-grade-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.steel-grade-chip{background:#eef2ea;border:1px solid #cfd8c8;border-radius:999px;font-size:11px;font-weight:700;padding:4px 10px}.steel-grades-note{color:var(--muted);font-size:10.5px;margin:6px 0 0}.panel-region{border-left:5px solid var(--accent);padding-left:10px}.panel-region-name{font-size:22px;font-weight:800;line-height:1.15;margin:2px 0 5px}.panel-region p{color:var(--muted);font-size:13px;line-height:1.42;margin:0}.phase-summary{display:grid;gap:14px;grid-template-columns:minmax(120px,min(50%,280px)) minmax(0,1fr);align-items:start}.microstructure-summary{color:var(--muted);font-size:13px;line-height:1.38;margin:5px 0 0}.explanation-block{border-top:1px solid var(--border);padding-top:10px}.explanation.scientific{font-size:13.5px}.glossary-inline{display:flex;justify-content:flex-end;margin-top:9px}.panel-glossary-end{border-top:1px solid var(--border);justify-content:flex-start;margin-top:0;padding-top:10px}.glossary-open-btn{background:#fffdfa;border:1px solid var(--border);border-radius:7px;color:var(--ink);cursor:pointer;font-size:13px;font-weight:750;min-height:34px;padding:5px 10px}.glossary-open-btn:hover,.glossary-close:hover,.glossary-level-btn:hover,.glossary-term-btn:hover{border-color:var(--accent)}.glossary-modal-layer{align-items:center;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:22px;position:fixed;z-index:50}.glossary-backdrop{background:#16120e57;border:0;cursor:default;top:0;right:0;bottom:0;left:0;padding:0;position:absolute}.glossary-modal{background:var(--card-bg);border:1px solid rgba(115,96,70,.32);border-radius:10px;box-shadow:0 24px 70px #14100c47;max-height:min(760px,calc(100vh - 44px));max-width:920px;overflow:hidden;padding:16px;position:relative;width:min(920px,calc(100vw - 44px))}.glossary-close{align-items:center;background:#fffdfa;border:1px solid var(--border);border-radius:999px;color:var(--ink);cursor:pointer;display:inline-flex;font-size:22px;font-weight:600;height:34px;justify-content:center;line-height:1;position:absolute;right:13px;top:13px;width:34px}.glossary-header{margin:0 42px 13px 0}.glossary-header h3{font-size:20px;line-height:1.2;margin:0 0 5px}.glossary-header p{color:var(--muted);font-size:13px;line-height:1.42;margin:0}.glossary-body{display:grid;gap:14px;grid-template-columns:minmax(220px,.9fr) minmax(300px,1.4fr);min-height:390px}.glossary-list{border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;gap:4px;max-height:520px;overflow:auto;padding:7px}.glossary-term-btn{background:#f8f4ed;border:1px solid transparent;border-radius:7px;color:var(--ink);cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:8px 9px;text-align:left}.glossary-term-btn.active{background:var(--ink);border-color:var(--ink);color:#fff}.glossary-term-btn span{font-size:13px;font-weight:750;line-height:1.2}.glossary-term-btn small{color:inherit;font-size:10.5px;line-height:1.2;opacity:.74}.glossary-entry{background:#f8f4ed;border:1px solid var(--border);border-radius:8px;min-height:220px;padding:15px}.glossary-entry-highlight{animation:glossary-entry-highlight 1.35s ease-out}@keyframes glossary-entry-highlight{0%{box-shadow:0 0 #8b35296b}45%{box-shadow:0 0 0 7px #8b352924}to{box-shadow:0 0 #8b352900}}.tie-line-caption{align-items:center;color:var(--muted);display:flex;font-size:11px;gap:6px;line-height:1.3;margin:5px 0 0}.diagram-unit-note{color:var(--muted);font-size:10.5px;line-height:1.3;margin:4px 0 0}.tie-line-glyph{border-top:1px dashed #777;flex:0 0 20px}.glossary-entry h4{font-size:24px;line-height:1.15;margin:3px 0 8px}.glossary-mini-preview{background:#ddd;border:2px solid #272727;border-radius:7px;display:block;height:auto;margin:8px 0 11px;max-width:260px;width:min(100%,260px)}.glossary-level-toggle{display:grid;gap:5px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:11px;max-width:420px}.glossary-level-btn{background:#fffdfa;border:1px solid var(--border);border-radius:7px;color:var(--ink);cursor:pointer;font-size:12px;font-weight:750;min-height:34px;padding:5px 7px}.glossary-level-btn.active{background:var(--ink);border-color:var(--ink);color:#fff}.glossary-entry p{font-size:15px;line-height:1.58;margin:0;min-height:118px}.applications-block{background:#f7f4ed;border:1px solid #ded7cb;border-radius:7px;padding:9px 10px}.application-list{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:7px 0 0;padding:0}.application-list li{background:#fffdfa;border:1px solid var(--border);border-radius:999px;font-size:12px;font-weight:600;line-height:1.2;padding:5px 9px}@media(max-width:600px){.diagram-card h2{margin-bottom:8px;min-height:56px;padding-right:50%}.diagram-help-card{max-width:48%;padding:6px;width:min(178px,48%)}.diagram-help-title{font-size:10.5px;line-height:1.14;margin-bottom:5px}.diagram-help-actions{gap:4px}.diagram-help-btn{flex:1 1 0;font-size:10.5px;min-height:32px;min-width:0;padding:2px 5px}}@media(max-width:520px){.app{padding-inline:8px}.app-header{flex-direction:column;gap:8px}.lang-switch{flex-wrap:wrap}.platform-nav{gap:8px;padding:9px}.material-selector,.module-roadmap{align-items:stretch;flex-direction:column;gap:6px}.material-options,.roadmap-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.roadmap-items{grid-template-columns:1fr}.platform-label,.roadmap-title{line-height:1.2}.material-option,.roadmap-item{justify-content:center;min-height:28px;min-width:0;padding:4px 8px;text-align:center;white-space:normal}.platform-modal-layer{align-items:flex-start;padding:48px 10px 10px}.platform-modal{width:100%}.about-modal-layer{align-items:flex-start;padding:38px 10px 10px}.about-modal{max-height:calc(100vh - 48px);padding:16px 16px 17px;width:100%}.diagram-card h2{min-height:0;padding-right:0}.diagram-help-layer{display:block;margin-bottom:8px;pointer-events:auto;position:static}.diagram-help-card{box-shadow:0 5px 12px #241e141f;max-width:none;padding:7px;position:static;width:100%}.diagram-help-title{font-size:11px;line-height:1.15;margin-bottom:4px}.diagram-help-actions{gap:4px}.diagram-help-btn{flex:1 1 0;font-size:10.5px;min-height:32px;min-width:0;padding:2px 5px}.diagram-help-modal-layer{align-items:flex-start;padding:44px 10px 10px}.diagram-help-modal{max-height:calc(100% - 12px);padding:14px 14px 15px;width:100%}.glossary-modal-layer{align-items:stretch;padding:10px}.glossary-modal{max-height:calc(100vh - 20px);overflow:auto;padding:13px;width:calc(100vw - 20px)}.glossary-inline{justify-content:stretch}.glossary-open-btn{width:100%}.property-glossary-link .glossary-open-btn{width:auto}.glossary-header{margin-right:40px}.glossary-header h3{font-size:18px}.glossary-body{display:flex;flex-direction:column;min-height:0}.glossary-list{flex-direction:row;max-height:none;overflow-x:auto;padding:6px}.glossary-term-btn{flex:0 0 160px}.glossary-entry{padding:13px}.glossary-entry h4{font-size:21px}.glossary-mini-preview{max-width:220px}.glossary-level-toggle{max-width:none}.glossary-entry p{font-size:14px;min-height:130px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.phase-summary{gap:10px;grid-template-columns:minmax(112px,46%) minmax(0,1fr)}.state-label-row{align-items:stretch;flex-direction:column}.level-toggle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.level-btn{padding-left:6px;padding-right:6px}}@media(max-width:390px){.roadmap-items{grid-template-columns:1fr}}.app-footer{color:var(--muted);font-size:12px;margin-top:16px;text-align:center}.app-footer p{margin:3px 0}.footer-disclaimer,.footer-positioning{font-size:11.5px;line-height:1.35;margin-left:auto!important;margin-right:auto!important;max-width:860px}.app-footer a{align-items:center;color:var(--ink);display:inline-flex;font-weight:700;gap:12px;text-decoration:none}.app-footer a:hover,.app-footer a:focus-visible{text-decoration:underline}.linkedin-mark{color:#0a66c2;height:16px;width:16px}.footer-about{margin-top:7px}.about-open-btn{background:transparent;border:0;color:var(--muted);cursor:pointer;font:inherit;font-size:12px;font-weight:750;padding:2px 5px;text-decoration:underline;text-underline-offset:3px}.about-open-btn:hover,.about-open-btn:focus-visible{color:var(--ink)}.about-modal-layer{align-items:center;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:22px;position:fixed;z-index:70}.about-backdrop{background:#16120e57;border:0;cursor:default;top:0;right:0;bottom:0;left:0;padding:0;position:absolute}.about-modal{background:var(--card-bg);border:1px solid rgba(115,96,70,.32);border-radius:10px;box-shadow:0 24px 70px #14100c47;max-height:calc(100vh - 44px);max-width:640px;overflow:auto;padding:18px 20px 19px;position:relative;text-align:left;width:min(640px,calc(100vw - 44px))}.about-modal h3{font-size:20px;line-height:1.2;margin:0 42px 12px 0}.about-modal p{color:var(--muted);font-size:14px;line-height:1.55;margin:0 0 10px}.about-modal p:last-child{margin-bottom:0}.about-disclaimer{background:#f8f4ed;border:1px solid var(--border);border-radius:7px;color:var(--ink)!important;font-size:13px!important;margin:12px 0 0!important;padding:9px 10px}.about-modal a{color:var(--ink);font-weight:750;text-decoration:underline;text-underline-offset:3px}.about-feedback{border-top:1px solid var(--border);margin-top:14px;padding-top:12px}.about-feedback strong{color:var(--ink)}.about-contact-label{color:var(--ink)!important;font-weight:750;margin-bottom:4px!important}.about-close{align-items:center;background:#fffdfa;border:1px solid var(--border);border-radius:999px;color:var(--ink);cursor:pointer;display:inline-flex;font-size:22px;font-weight:600;height:34px;justify-content:center;line-height:1;position:absolute;right:13px;top:13px;width:34px}.ara-module{display:grid;gap:16px;grid-template-columns:1fr}@media(min-width:920px){.ara-module{align-items:start;grid-template-columns:minmax(460px,1.18fr) minmax(340px,.92fr)}}.ara-content-column,.ara-diagram-column{display:flex;flex-direction:column;gap:12px;min-width:0}.ara-content-column.is-dragging{opacity:.92}.ara-card h2{font-size:15px;margin:0 0 10px}.ara-card-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:0 0 10px}.ara-card-header h2{margin:0}.ara-diagram-stage{min-width:0}.cct-diagram{aspect-ratio:16 / 10;border:1px solid var(--border);border-radius:6px;cursor:crosshair;display:block;touch-action:none;width:100%}.preset-buttons{display:flex;flex-wrap:wrap;gap:6px}.ara-diagram-presets{justify-content:flex-end}.preset-btn,.speed-btn{align-items:center;background:#f8f4ed;border:1px solid var(--border);border-radius:7px;color:var(--ink);cursor:pointer;display:inline-flex;font:inherit;font-size:12px;justify-content:center;min-height:28px;padding:5px 11px}.preset-btn:hover,.speed-btn:hover{border-color:#c8bbaa}.playback-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.playback-btn{background:#10100f;border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:13px;min-height:30px;padding:6px 16px}.playback-controls input[type=range]{flex:1;min-width:120px}.speed-buttons{display:flex;gap:4px}.speed-btn.active{background:#10100f;border-color:#10100f;color:#fff}.ara-microstructure-duo{gap:10px}.ara-about-card .level-toggle{margin-bottom:10px}.ara-about-text{color:#2f3632;font-size:13px;line-height:1.55;margin:0 0 12px}.ara-legend{border-top:1px solid var(--border);padding-top:10px}.ara-legend ul{display:grid;gap:6px;list-style:none;margin:7px 0 0;padding:0}.ara-legend li{color:var(--muted);font-size:12px;line-height:1.45}.cutting-module{display:grid;gap:18px;grid-template-columns:1fr}.cutting-workbench{min-width:0}@media(min-width:920px){.cutting-module{align-items:start;grid-template-columns:minmax(520px,1.2fr) minmax(330px,.8fr)}.cutting-workbench{grid-row:span 3}}.cutting-card h2,.cutting-stage-header h2{font-size:15px;margin:0 0 10px}.cutting-card-header,.cutting-stage-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.tool-selector,.field-mode-toggle{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}.cutting-layer-controls{align-items:center;display:flex;flex-wrap:wrap;gap:7px 10px;margin:0 0 10px}.cutting-layer-controls-label{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.field-mode-toggle{justify-content:flex-start;margin:0}.cutting-layer-btn{gap:6px}.cutting-layer-swatch{border:1px solid rgba(35,42,39,.58);border-radius:2px;display:inline-block;height:11px;width:11px}.cutting-layer-swatch--temperature,.cutting-layer-swatch--stress{background:linear-gradient(135deg,#1a46bf 0,#1a46bf 19%,#0dc6df 33%,#20c95d 48%,#f3e92d 67%,#e2291d)}.cutting-layer-swatch--stress{background:linear-gradient(135deg,#2043bc 0,#2043bc 21%,#19aeea,#8fd53d,#f0d62d 72%,#cf2222)}.cutting-layer-swatch--annotations{background:linear-gradient(135deg,transparent 42%,#233733 43% 56%,transparent 57%),#f7f3eb}.tool-material-select{align-items:flex-start;color:var(--muted);display:flex;flex-direction:column;font-size:11px;font-weight:750;gap:3px;letter-spacing:.03em;text-transform:uppercase}.tool-material-select select{background:#fffdfa;border:1px solid var(--border);border-radius:6px;color:var(--ink);font:inherit;letter-spacing:0;min-width:112px;padding:5px 8px;text-transform:none}.cutting-diagram{aspect-ratio:16 / 9;border:1px solid var(--border);border-radius:6px;cursor:crosshair;display:block;touch-action:none;width:100%}.cutting-scene{aspect-ratio:16 / 9;background:#f4f1ea;border:1px solid #c9c5b9;border-radius:8px;cursor:crosshair;isolation:isolate;overflow:hidden;position:relative;touch-action:none;width:100%}.cutting-scene:after{background:linear-gradient(115deg,rgba(255,255,255,.16),transparent 43%,rgba(54,68,76,.04));content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:2}.cutting-scene-canvas{height:100%;top:0;right:0;bottom:0;left:0;position:absolute;width:100%}.cutting-scene-canvas{display:block}.cutting-scene-caption{background:#fffdf8c7;border:1px solid rgba(82,87,79,.3);border-radius:999px;color:#4d554e;font-size:11px;font-weight:700;left:15px;letter-spacing:.02em;padding:5px 9px;position:absolute;top:14px;z-index:3}.cutting-scene-overlay{color:#1c1f1dd1;font-family:Georgia,Times New Roman,serif;font-size:15px;font-weight:700;top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:3}.cutting-scene-symbol,.cutting-scene-zone{position:absolute;text-shadow:0 1px 0 rgba(255,255,255,.7)}.cutting-scene-field-scales{align-items:flex-end;bottom:12px;display:flex;gap:8px;position:absolute;right:12px;z-index:3}.cutting-scene-field-scale{align-items:center;color:#263231;display:flex;flex-direction:column;font-size:9px;font-weight:700;gap:4px;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,.9)}.cutting-scene-field-scale b{max-width:56px;overflow-wrap:anywhere}.cutting-scene-field-scale i{background:linear-gradient(to top,#123ec7,#00c8e5 20%,#19d65c 46%,#ffe900 70%,#f22917);border:1px solid rgba(20,33,30,.58);display:block;height:70px;width:9px}.cutting-scene-field-scale--stress i{background:linear-gradient(to top,#1538c7,#14aaed 20%,#22c768 44%,#f1e924 70%,#e0281e)}.cutting-controls-grid{border-top:1px solid var(--border);display:grid;gap:10px 14px;grid-template-columns:1fr;margin-top:14px;padding:13px 2px 0}@media(min-width:640px){.cutting-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.cutting-control .status-header strong{font-size:13px;white-space:nowrap}.cutting-readout-card{display:flex;flex-direction:column;gap:12px}.tool-life-callout{background:#f6e5d8;border:1px solid #dfc3ad;border-left:5px solid #8b3529;border-radius:7px;padding:10px 11px}.tool-life-callout strong{color:var(--ink);display:block;font-size:28px;line-height:1.05;margin-top:3px}.tool-life-callout p{color:#4f3329;font-size:13px;font-weight:700;line-height:1.35;margin:6px 0 0}.cutting-metric-grid{display:grid;gap:7px;grid-template-columns:repeat(2,minmax(0,1fr))}.cutting-metric{background:#f8f4ed;border:1px solid #ded7cb;border-radius:7px;min-width:0;padding:8px 9px}.cutting-metric span{color:var(--muted);display:block;font-size:11px;font-weight:750;letter-spacing:.03em;text-transform:uppercase}.cutting-metric strong{color:var(--ink);display:block;font-size:15px;line-height:1.2;margin-top:2px;overflow-wrap:anywhere}.cutting-heat-panel{margin-top:0}.cutting-status-row,.cutting-partition{background:#f8f4ed;border:1px solid #ded7cb;border-radius:7px;color:var(--muted);display:grid;gap:7px;padding:9px 10px}.cutting-status-row{grid-template-columns:repeat(2,minmax(0,1fr))}.cutting-status-row strong,.cutting-partition strong{color:var(--ink)}.cutting-partition{grid-template-columns:1fr}.cutting-partition span{font-size:12px;font-weight:750;letter-spacing:.03em;text-transform:uppercase}@media(max-width:520px){.cutting-card-header,.cutting-stage-header{align-items:flex-start;flex-direction:column}.tool-selector,.field-mode-toggle{justify-content:flex-start}.cutting-layer-controls{align-items:flex-start;flex-direction:column;gap:5px}.cutting-metric-grid,.cutting-status-row{grid-template-columns:1fr}.cutting-control .status-header{align-items:flex-start;flex-direction:column;gap:2px}.cutting-control .status-header strong{white-space:normal}.tool-life-callout strong{font-size:24px}.cutting-scene-zone--two{display:none}.cutting-scene-caption{font-size:10px;left:10px;padding:4px 7px;top:10px}.cutting-scene-field-scales{bottom:9px;right:9px}.cutting-scene-field-scale{font-size:8px}.cutting-scene-field-scale i{height:52px;width:7px}}@media(max-width:520px){.ara-card-header{align-items:flex-start;flex-direction:column}.ara-diagram-presets{justify-content:flex-start}.ara-microstructure-duo{grid-template-columns:1fr}}.fraction-readout{display:flex;flex-direction:column;gap:6px}.fraction-row{align-items:center;display:grid;gap:8px;grid-template-columns:110px 1fr 40px;font-size:12px}.fraction-bar-track{background:var(--border);border-radius:999px;height:8px;overflow:hidden}.fraction-bar-fill{height:100%;transition:width .15s linear}.fraction-value{text-align:right}.story-panel{font-size:13px;margin:0}.lattice-panel{display:flex;flex-direction:column;gap:10px}.lattice-heading,.lattice-controls,.lattice-site-legend,.lattice-comparison-cells{align-items:center;display:flex;gap:8px;justify-content:space-between}.lattice-heading h2{font-size:16px;margin:1px 0 0}.lattice-structure-tabs,.lattice-site-legend{display:flex;flex-wrap:wrap;gap:5px}.lattice-tab{background:#fbf7ef;border:1px solid var(--border);border-radius:5px;color:var(--ink);font:inherit;font-size:11px;font-weight:800;min-height:30px;padding:4px 8px}.lattice-tab.active{background:#1d2420;border-color:#1d2420;color:#fffdf8}.lattice-canvas{aspect-ratio:4 / 3;background:#fdfcf9;border:1px solid #cfc9bc;border-radius:6px;cursor:grab;display:block;margin-inline:auto;max-width:420px;touch-action:none;width:100%}.lattice-canvas:active{cursor:grabbing}.lattice-canvas-compact{aspect-ratio:1 / 1;cursor:default;max-width:168px}.lattice-drag-hint,.lattice-explanation p,.lattice-comparison-body>p{color:var(--muted);font-size:12px;line-height:1.42;margin:0}.lattice-drag-hint{margin-top:-4px;text-align:center}.lattice-controls{align-items:flex-start}.lattice-check{align-items:center;display:flex;font-size:12px;gap:7px;line-height:1.25;min-height:28px}.lattice-check input{block-size:17px;inline-size:17px;margin:0}.lattice-carbon-control{color:var(--muted);display:grid;font-size:11px;font-weight:750;gap:3px;letter-spacing:.02em;max-width:245px;text-transform:uppercase;width:100%}.lattice-carbon-control strong{color:var(--ink);font-size:12px;letter-spacing:0;text-transform:none}.lattice-carbon-control input{accent-color:#8c372d;inline-size:100%;margin:1px 0 0}.lattice-site-detail{display:grid;gap:8px}.lattice-solute-radius{margin-left:auto}.lattice-site-legend{align-items:center;color:var(--muted);font-size:11px;justify-content:flex-start}.lattice-site-legend>span{align-items:center;display:inline-flex;gap:5px}.lattice-site-mark{display:inline-block;height:10px;width:10px}.lattice-site-mark.octahedral{background:#a8493a;border:1px solid #6e2f25}.lattice-site-mark.tetrahedral{background:#52778b;clip-path:polygon(50% 0,100% 100%,0 100%)}.lattice-fit-grid{display:grid;gap:7px;grid-template-columns:repeat(2,minmax(0,1fr))}.lattice-metrics{display:grid;gap:7px;grid-template-columns:repeat(3,minmax(0,1fr))}.lattice-fit-row{border-left:2px solid #c8c1b4;display:grid;gap:2px;min-width:0;padding-left:8px}.lattice-fit-row strong,.lattice-fit-row span,.lattice-fit-row em{font-size:11px;line-height:1.3;overflow-wrap:anywhere}.lattice-fit-row span{color:var(--muted)}.lattice-fit-row em{color:#82352a;font-style:normal;font-weight:750}.lattice-metrics{border-top:1px solid var(--border);margin:0;padding-top:9px}.lattice-metrics>div{border-left:2px solid #c8c1b4;min-width:0;padding-left:8px}.lattice-metrics dt{color:var(--muted);font-size:10px;font-weight:750;line-height:1.25;text-transform:uppercase}.lattice-metrics dt .term-link{display:inline;min-height:0}.lattice-metrics dd{color:var(--ink);font-size:13px;font-weight:800;line-height:1.25;margin:3px 0 0;overflow-wrap:anywhere}.lattice-metric-wide{grid-column:1 / -1}.lattice-explanation{display:grid;gap:6px}.lattice-comparison{border-top:1px solid var(--border);padding-top:9px}.lattice-comparison>summary{color:var(--muted);cursor:pointer;font-size:10px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.lattice-comparison-body{display:grid;gap:6px;margin-top:9px}.lattice-explanation>.term-link{font-size:13px;font-weight:800}.lattice-comparison-cells{align-items:flex-start;gap:14px;justify-content:center}.lattice-comparison-cells figure{flex:0 1 168px;margin:0;min-width:0}.lattice-comparison-cells figcaption{color:var(--muted);font-size:10px;line-height:1.35;margin-top:4px;text-align:center}@media(max-width:520px){.lattice-heading,.lattice-controls{align-items:flex-start;flex-direction:column}.lattice-carbon-control{max-width:none}.lattice-fit-grid{grid-template-columns:1fr}}.market-alloys-layout{align-items:start;display:grid;gap:12px;grid-template-columns:minmax(250px,.42fr) minmax(0,1fr);margin:10px auto 0;max-width:1120px;padding:0 14px}.market-filter-card{grid-column:1}.market-results{display:grid;gap:10px;grid-column:2}.market-results>h2{font-size:15px;margin:1px 0 0}.market-count{color:var(--muted);font-weight:600}.market-reference-card{grid-column:1}.market-filter-grid{display:grid;gap:9px}.market-filter{color:var(--muted);display:grid;font-size:11px;font-weight:750;gap:4px;letter-spacing:.03em;text-transform:uppercase}.market-filter select,.market-filter input{background:#fffdfa;border:1px solid var(--border);border-radius:6px;color:var(--ink);font:inherit;letter-spacing:0;min-height:32px;padding:5px 7px;text-transform:none;width:100%}.market-checkbox{align-items:center;color:var(--ink);display:flex;font-size:12px;gap:7px;line-height:1.35;margin-top:3px}.market-checkbox input{block-size:17px;inline-size:17px;margin:0}.market-alloy-card{display:grid;gap:11px}.market-alloy-heading{align-items:start;border-bottom:1px solid var(--border);display:flex;gap:10px;justify-content:space-between;padding-bottom:8px}.market-alloy-heading h3{font-size:17px;margin:0}.market-alloy-heading p{color:var(--muted);font-size:12px;margin:3px 0 0}.market-alloy-heading .steel-grade-chip{max-width:48%;text-align:center}.market-section{border-bottom:1px solid var(--border);padding-bottom:10px}.market-section:last-child{border:0;padding-bottom:0}.market-section h4{color:var(--muted);font-size:10px;letter-spacing:.04em;margin:0 0 6px;text-transform:uppercase}.market-section h4 small{font-size:10px;font-weight:500;text-transform:none}.market-forms{display:grid;gap:4px}.market-forms p{display:flex;font-size:12px;gap:8px;justify-content:space-between;margin:0}.market-forms span{color:var(--muted);text-align:right}.market-standard,.market-note,.market-rating-note,.market-use{color:var(--muted);font-size:11px;line-height:1.4;margin:5px 0 0}.market-mechanical{display:grid;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}.market-mechanical div{background:#f8f4ed;border:1px solid #ded7cb;border-radius:5px;min-width:0;padding:6px}.market-mechanical span,.market-mechanical strong{display:block}.market-mechanical span{color:var(--muted);font-size:10px}.market-mechanical strong{font-size:12px;margin-top:2px;overflow-wrap:anywhere}.market-rating-note{margin-top:3px}.market-filler{background:#f8f4ed;border:1px solid #ded7cb;border-radius:5px;margin-top:9px;padding:7px}.market-filler>strong{display:block;font-size:11px}.market-filler-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.market-filler-warning{border-color:#ad5a44;color:#762d20}.market-use{color:var(--ink);font-size:12px}.market-module-link{color:var(--ink);font-size:12px;font-weight:750}.market-reference-card summary{cursor:pointer;font-size:13px;font-weight:750}.market-temper-list{display:grid;gap:8px;margin:11px 0}.market-temper-list div{display:grid;gap:3px}.market-temper-list dt{font-size:12px;font-weight:800}.market-temper-list dd{color:var(--muted);font-size:12px;line-height:1.4;margin:0}.market-scope{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.market-scope h3{font-size:13px;margin:0 0 5px}.market-scope p{color:var(--muted);font-size:12px;line-height:1.45;margin:0}@media(max-width:760px){.market-alloys-layout{display:flex;flex-direction:column}.market-filter-card,.market-results,.market-reference-card{inline-size:100%}.market-reference-card{order:3}}