.semantic-hero{margin:0 4%;display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,72px);align-items:center;padding:48px 0}.semantic-hero h1{font-size:clamp(30px,3.2vw,58px);line-height:1.09;margin:14px 0 24px}.semantic-hero p{max-width:65ch}.semantic-hero figure{margin:0}.semantic-hero img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block}.semantic-caption{font-size:13px;color:#607184;margin-top:10px}.semantic-content{max-width:1000px}.semantic-content p{max-width:82ch;line-height:1.7}.semantic-content h2{max-width:38ch}.semantic-resources{display:grid;grid-template-columns:1.25fr 1fr;gap:32px;align-items:start}.semantic-resources img{display:block;width:100%;height:auto;background:#f3f7fa}.semantic-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.semantic-links a{padding:12px 18px;background:#edf4fb;border:1px solid #c8d9e9;color:#0b3d70;text-decoration:none}.semantic-view{background:#e6edf1;border:1px solid #ced9e2;position:relative}.semantic-view canvas{display:block;width:100%;height:440px;touch-action:pan-y}.semantic-view canvas[hidden]{display:none}.semantic-view .semantic-poster{display:block;width:100%;max-height:440px;object-fit:contain}.semantic-controls{display:flex;gap:10px;flex-wrap:wrap;padding:16px}.semantic-controls button{cursor:pointer}.semantic-status{padding:0 16px 16px;margin:0;color:#536477}.semantic-checks li{margin:12px 0}.semantic-dimensions{display:flex;gap:16px;flex-wrap:wrap;align-items:end;margin:24px 0}.semantic-dimensions label{display:grid;gap:8px}.semantic-dimensions input{width:180px;padding:12px;border:1px solid #b5c7d6}.semantic-size-table{overflow:auto}.semantic-size-table table{width:100%;border-collapse:collapse}.semantic-size-table td,.semantic-size-table th{padding:12px;text-align:left;border-bottom:1px solid #d8e1e8}.semantic-article .semantic-hero{grid-template-columns:1.2fr .8fr}.semantic-source{font-size:14px;line-height:1.6}@media(max-width:800px){.semantic-hero,.semantic-article .semantic-hero,.semantic-resources{grid-template-columns:1fr}.semantic-hero{padding:28px 0;margin:0 5%}.semantic-hero figure{max-width:680px}.semantic-view canvas{height:300px}.semantic-view .semantic-poster{max-height:300px}}