.thread-anatomy{display:grid;grid-template-columns:.75fr 1.25fr;gap:18px;margin-top:24px}.process-shell{padding:23px;border:2px solid #184f83;border-radius:18px;background:#eaf3ff}.process-shell>span{color:#0e5bb5;font-size:.75rem;font-weight:950;letter-spacing:.08em}.shared-zone{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:15px 0}.shared-zone div{padding:12px 6px;border-radius:9px;background:#fff;color:#244b72;font-size:.79rem;font-weight:850;text-align:center}.thread-zone{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.thread-card{padding:14px;border-radius:11px;background:#071b32;color:white}.thread-card strong{display:block;color:#64d9ec}.thread-card span{display:block;margin-top:5px;color:#bdd2e5;font-size:.78rem;line-height:1.5}.anatomy-detail{display:grid;align-content:center;padding:25px;border:1px solid var(--os-line);border-radius:18px;background:#fff}.anatomy-detail h3{margin:7px 0}.anatomy-detail p{color:#49647e;line-height:1.65}.share-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.share-list div{padding:12px;border-radius:10px;background:#f0f6fd}.share-list b{display:block;color:#0d5cb9}.share-list span{font-size:.82rem;color:#536d86}
.thread-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:22px}.thread-benefits article{padding:19px;border-top:4px solid var(--os-cyan);border-radius:14px;background:#f2f7fd}.thread-benefits h3{margin:0 0 7px;font-size:1rem}.thread-benefits p{margin:0;color:#4e6780;line-height:1.55}
.model-lab{display:grid;grid-template-columns:minmax(210px,.42fr) minmax(0,1.58fr);gap:18px;margin-top:24px}.model-tabs{display:grid;gap:8px;align-content:start}.model-tabs button{padding:13px 15px;border:1px solid #b4c8df;border-radius:10px;background:white;color:#183753;font-weight:850;text-align:left;cursor:pointer}.model-tabs button:hover,.model-tabs button.is-active{border-color:var(--os-blue);background:#e8f1ff;color:#0a58bd}.model-view{padding:24px;border-radius:18px;background:#071b32;color:white}.model-view>span{color:#5bd8ed;font-size:.74rem;font-weight:950;letter-spacing:.09em}.model-view h3{margin:8px 0}.model-view>p{color:#c8daea;line-height:1.65}.mapping-diagram{display:grid;grid-template-columns:1fr 68px 1fr;gap:9px;align-items:center;margin:20px 0}.thread-column{display:grid;gap:8px}.thread-column div{padding:11px;border:1px solid #376080;border-radius:9px;background:#0e304e;text-align:center}.thread-column strong{color:#70deef}.map-lines{display:grid;place-items:center;color:#f0c33c;font-size:1.6rem;font-weight:950}.model-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.model-metrics div{padding:11px;border-radius:9px;background:#102f4d}.model-metrics span{display:block;color:#86a2bb;font-size:.7rem}.model-metrics b{font-size:.84rem}
.timeline-lab{margin-top:24px;padding:22px;border-radius:18px;background:#071b32;color:white}.timeline-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:end}.timeline-controls label{display:block;color:#63d9eb;font-size:.72rem;font-weight:950}.timeline-controls select{min-width:260px;margin-top:6px;padding:11px;border:1px solid #416587;border-radius:9px;background:#102f4d;color:white}.timeline-controls button{padding:11px 15px;border:1px solid #f0c33c;border-radius:9px;background:#f0c33c;color:#071b32;font-weight:900;cursor:pointer}.cpu-timeline{display:grid;gap:12px;margin-top:21px}.cpu-row{display:grid;grid-template-columns:86px repeat(8,1fr);gap:5px}.cpu-row>strong{align-self:center;color:#8aa6bf;font-size:.78rem}.cpu-slot{display:grid;min-height:53px;place-items:center;border:1px solid #315575;border-radius:8px;background:#0b2945;color:#7894ad;font-size:.75rem;font-weight:900}.cpu-slot.thread-a{border-color:#1b88a0;background:#0e4458;color:#8eeafa}.cpu-slot.thread-b{border-color:#aa8420;background:#463b13;color:#ffe690}.cpu-slot.active{box-shadow:0 0 0 3px rgba(255,255,255,.14)}.timeline-result{margin-top:17px;padding:15px;border-left:4px solid #5bd8ed;background:#0d2b48}.timeline-result h3{margin:0 0 5px}.timeline-result p{margin:0;color:#bfd3e5;line-height:1.55}
.race-lab{display:grid;grid-template-columns:.7fr 1.3fr;gap:18px;margin-top:24px}.race-controls{padding:22px;border-radius:17px;background:#edf4fd}.race-controls label{display:block;color:#4c647e;font-size:.74rem;font-weight:950}.race-controls select{width:100%;margin:7px 0 13px;padding:11px;border:1px solid #adc3dd;border-radius:9px;background:white}.race-controls button{width:100%;margin-top:8px;padding:11px;border:1px solid var(--os-blue);border-radius:9px;background:var(--os-blue);color:white;font-weight:900;cursor:pointer}.race-controls button.secondary{background:white;color:#0a58bd}.race-stage{padding:23px;border-radius:17px;background:#071b32;color:white}.counter-display{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:15px;border:1px solid #315675;border-radius:11px;background:#0d2d4a}.counter-display span{color:#87a3bc;font-size:.75rem;font-weight:900}.counter-display strong{color:#ffe274;font:950 1.55rem/1 var(--font-code)}.race-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.race-thread{padding:14px;border:1px solid #315676;border-radius:10px;background:#0b2945}.race-thread h3{margin:0 0 8px;color:#65dced;font-size:.9rem}.race-thread div{padding:7px;border-radius:6px;color:#829db6;font:700 .79rem/1.4 var(--font-code)}.race-thread div.current{background:#44390e;color:#ffe68d}.race-thread div.done{color:#72dcb8}.race-explanation{padding:14px;border-left:4px solid #f0c33d;background:#102f4d}.race-explanation strong{display:block}.race-explanation p{margin:5px 0 0;color:#c4d7e7;line-height:1.55}.race-explanation.safe{border-left-color:#4fd0a1}
.concurrency-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.concurrency-grid article{padding:22px;border:1px solid var(--os-line);border-radius:15px;background:#f8fbff}.concurrency-grid h3{margin:0 0 8px}.concurrency-grid p{color:#4b6680;line-height:1.6}.concurrency-grid code{color:#0a5cbb}.hazard-table{width:100%;border-collapse:collapse;margin-top:22px}.hazard-table th,.hazard-table td{padding:14px;border:1px solid var(--os-line);text-align:left}.hazard-table th{background:#eaf2fc}.hazard-table td{color:#49637e;line-height:1.5}
@media(max-width:1080px){.thread-benefits{grid-template-columns:1fr 1fr}.timeline-controls{align-items:stretch;flex-direction:column}.timeline-controls select{width:100%;min-width:0}}
@media(max-width:820px){.thread-anatomy,.model-lab,.race-lab,.concurrency-grid{grid-template-columns:1fr}.thread-zone{grid-template-columns:1fr}.shared-zone{grid-template-columns:1fr 1fr}.model-tabs{grid-template-columns:1fr 1fr}.model-metrics{grid-template-columns:1fr}.cpu-row{grid-template-columns:65px repeat(8,58px);min-width:560px}.cpu-timeline{overflow-x:auto}.race-columns{grid-template-columns:1fr}.thread-benefits{grid-template-columns:1fr}}
@media(max-width:520px){.model-tabs,.share-list{grid-template-columns:1fr}.mapping-diagram{grid-template-columns:1fr}.map-lines{transform:rotate(90deg)}}