.technical-article,.blog-index{max-width:1200px;margin:auto;padding:55px 32px 80px}.article-header{max-width:850px;margin:0 0 48px}.article-header h1{font-size:48px;line-height:1.12;overflow-wrap:break-word}.article-header .section-tag{margin-top:24px}.article-intro{font-size:19px;color:var(--muted);margin-top:24px;max-width:750px}.article-meta{color:var(--muted);font-size:12px;margin:20px 0}.article-header .btn-primary{margin-top:20px}.back-link{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:13px}.article-content>h2,.article-content>h3,.article-content>p,.article-content>ul{max-width:800px;margin-left:auto;margin-right:auto}.article-content h2{font-size:30px;margin-top:55px;margin-bottom:22px}.article-content h3{font-size:23px;margin-top:32px;margin-bottom:18px}.article-content p,.article-content li{font-size:16px;line-height:1.85}.article-content p{margin-bottom:18px}.article-content li{margin-bottom:12px}.technical-note{font-size:12px!important;color:var(--muted);border-left:2px solid var(--cyan);padding-left:16px}.article-content a:not(.btn-primary){color:var(--orange-txt)}.spda-explorer{margin:35px 0 25px}.spda-stage{height:520px;position:relative;background:#eaf0f5;overflow:hidden}.spda-stage canvas{width:100%;height:100%;display:block;touch-action:pan-y}.spda-stage canvas.touch-enabled{touch-action:none}#spda-fallback{height:100%;width:100%;object-fit:contain}.spda-tools{position:absolute;bottom:16px;right:20px;display:flex;gap:6px;background:rgba(244,247,250,.95);border-top:1px solid var(--line)}.spda-pin{position:absolute;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:#fff;color:var(--orange-txt);border:2px solid var(--orange);font-weight:600}.spda-pin[aria-pressed=true]{background:var(--orange);color:var(--text)}.spda-parts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line)}.spda-parts button{min-height:64px;padding:14px 12px;background:transparent;text-align:left;border-bottom:3px solid transparent;line-height:1.4;font-size:14px}.spda-parts span{display:block;color:var(--orange-txt);font-size:11px;margin-bottom:4px}.spda-parts button[aria-pressed=true]{border-color:var(--orange);background:#fff}.spda-detail{min-height:145px;max-width:800px;margin:auto;padding:22px 0}.spda-detail h3{margin:0 0 12px}.spda-detail p{margin:0;color:var(--muted)}.table-scroll{overflow-x:auto;max-width:900px;margin:24px auto}.coverage-table{border-collapse:collapse;width:100%;font-size:14px}.coverage-table caption{text-align:left;font-weight:600;margin-bottom:16px}.coverage-table th,.coverage-table td{border-bottom:1px solid var(--line);padding:16px;text-align:left;vertical-align:top}.coverage-table thead{background:#fff}.article-cta{border-top:2px solid var(--orange);padding:32px 0;margin:45px auto;max-width:800px}.article-cta h2{margin-top:0}.article-cta .btn-primary{margin-top:15px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.blog-entry{min-width:0;border-top:1px solid var(--line);padding-top:24px}.blog-entry>a{text-decoration:none;display:block}.blog-entry img{width:100%;aspect-ratio:1.6;object-fit:cover;height:auto;margin-bottom:22px;background:#eaf0f5}.blog-entry h2{font-size:25px;margin:16px 0}.blog-entry p:not(.section-tag){font-size:14px;color:var(--muted)}.blog-pagination{display:flex;gap:14px;margin-top:40px}.blog-pagination a,.blog-pagination span{min-width:44px;min-height:44px;display:grid;place-items:center}.lcs-reading #portfolio{border:0}.contact-map{grid-column:1/-1;border-top:1px solid var(--line);padding-top:30px}.contact-map h3{margin-bottom:12px}.contact-map p{color:var(--muted);font-size:14px;margin-bottom:18px}.contact-map iframe{width:100%;height:390px;border:0;display:block;background:#eaf0f5}.contact-map .text-link{margin-top:12px}.home-blog-link{max-width:800px;margin:0 auto}.home-blog-link h2{margin:16px 0}.home-blog-link p{color:var(--muted);margin-bottom:20px}
@media(max-width:760px){.technical-article,.blog-index{padding:30px 6% 50px}.article-header h1{font-size:33px}.article-intro{font-size:16px}.article-content h2{font-size:27px}.article-content p,.article-content li{font-size:15px}.spda-stage{height:360px;margin-inline:-6.82%}.spda-parts{grid-template-columns:repeat(2,minmax(0,1fr))}.spda-detail{min-height:175px}.spda-tools{bottom:10px;right:12px}.coverage-table th,.coverage-table td{padding:12px 8px;font-size:12px;overflow-wrap:break-word}.blog-grid{grid-template-columns:1fr}.contact-map iframe{height:320px}.lcs-reading .header-actions .btn-primary{min-height:44px;padding:10px;font-size:12px;gap:5px}.lcs-reading .brand img{width:155px}.lcs-reading .site-header{gap:8px}.lcs-reading .header-actions{gap:4px}.lcs-reading .header-actions .btn-primary svg{width:15px}.lcs-reading .technical-article{scroll-margin-top:0}}
.home-blog-band{padding:70px 6%;background:var(--paper);border-top:1px solid var(--line)}
.blog-heading{max-width:850px;margin-bottom:30px}.blog-heading h1{font-size:42px}.blog-controls{display:flex;align-items:end;justify-content:space-between;gap:24px;border-block:1px solid var(--line);padding:18px 0;margin-bottom:32px}.blog-filter{display:grid;grid-template-columns:minmax(180px,320px) 44px;gap:6px 8px;max-width:100%}.blog-filter label{grid-column:1/-1;font-size:12px}.blog-filter select{width:100%;min-width:0;height:44px;border:1px solid var(--line);background:#fff;padding:0 12px;font-size:14px;border-radius:4px}.blog-filter button{border:1px solid var(--line);background:#fff}.blog-result-count{color:var(--muted);font-size:13px;margin:0 0 10px;white-space:nowrap}.blog-featured{grid-column:span 2}.blog-entry img{object-fit:contain}.blog-featured img{aspect-ratio:2.5}.blog-featured h2{font-size:30px;max-width:700px}.blog-entry-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin:18px 0;font-size:12px;color:var(--muted)}.blog-author{display:grid;grid-template-columns:210px 1fr;gap:36px;border-top:1px solid var(--line);padding-top:36px;margin-top:55px}.blog-author img{width:210px;height:auto}.blog-author h2{font-size:22px;margin-bottom:12px}.blog-author p{font-size:14px;color:var(--muted);max-width:650px}.blog-author a{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-size:14px}.blog-empty{padding:40px 0}.blog-empty h2{font-size:24px;margin-bottom:20px}.home-article-links{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){.blog-heading h1{font-size:33px}.blog-controls{align-items:start;gap:16px;flex-direction:column}.blog-filter{width:100%;grid-template-columns:minmax(0,1fr) 44px}.blog-result-count{margin:0}.blog-featured{grid-column:auto}.blog-featured img{aspect-ratio:1.6}.blog-featured h2{font-size:25px}.blog-author{grid-template-columns:1fr;gap:24px}.blog-heading .article-intro{margin-top:18px}.home-article-links{grid-template-columns:1fr}}
.lcs-reading :focus-visible{outline:3px solid var(--text);outline-offset:3px}
.technical-stage canvas[hidden],.technical-stage img[hidden]{display:none}.technical-fallback{width:100%;height:100%;object-fit:contain}.technical-view{position:absolute;top:14px;right:18px;background:rgba(244,247,250,.95)}.technical-view button[aria-pressed=true],.spda-tools button[aria-pressed=true]{background:var(--orange);color:var(--text)}.article-directory{display:flex;flex-wrap:wrap;gap:12px 22px;border-block:1px solid var(--line);padding:20px 0;margin-bottom:40px}.article-directory a{font-size:13px;min-height:30px;display:inline-flex;align-items:center;text-underline-offset:5px}.article-content .article-coverage{max-width:900px;margin:45px auto;border-top:1px solid var(--line)}.article-coverage p,.article-coverage h2{max-width:800px;margin-inline:auto}.article-content table{overflow-wrap:anywhere}.article-content .article-cta .btn-primary{max-width:100%;white-space:normal}.article-content .technical-note{max-width:800px;margin:25px auto}.home-article-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0 32px}.home-article-links a{border-top:1px solid var(--line);padding-top:16px;text-decoration:none;display:flex;align-items:center;justify-content:space-between;gap:12px;line-height:1.5;font-size:14px}.home-article-links svg{width:18px;flex-shrink:0}.technical-explorer .spda-detail{min-height:155px}
@media(max-width:760px){.technical-view{right:12px;top:10px}.technical-stage{height:380px}.technical-explorer .spda-detail{min-height:190px}.home-article-links{grid-template-columns:1fr;gap:15px}.article-content .article-cta .btn-primary{font-size:14px;line-height:1.5}.article-directory{gap:8px 18px}.article-content table th,.article-content table td{max-width:210px}.article-header .btn-primary{max-width:100%;line-height:1.5;white-space:normal}}
.lcs-reading .section-heading h1{font-size:44px}html:has(body.lcs-reading){scroll-padding-top:80px}
@media(max-width:760px){.lcs-reading .section-heading h1{font-size:34px}}
@media(max-width:760px){.lcs-story .header-cta{display:inline-flex;font-size:12px!important;padding:8px 10px!important}.lcs-story .site-header .brand img{width:156px}.lcs-story .header-actions{gap:5px}.lcs-story .site-header .login-link{display:none}}
.home-article-links{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){.home-article-links{grid-template-columns:1fr}}
.blog-index{padding-top:30px}.blog-heading{margin-bottom:24px}.blog-heading .section-tag{margin-top:0}.blog-index .blog-heading h1{font-size:36px;line-height:1.15;margin:12px 0}.blog-index .blog-heading .article-intro{font-size:16px;line-height:1.65;margin-top:12px}.blog-controls{margin-bottom:20px;padding:12px 0}
.spda-stage:fullscreen{width:100%;height:100vh;height:100dvh;margin:0;max-width:none;background:#eaf0f5}.spda-stage:fullscreen .spda-tools{bottom:max(16px,env(safe-area-inset-bottom));right:max(16px,env(safe-area-inset-right))}.spda-tools [hidden]{display:none!important}
@media(min-width:761px) and (max-height:650px){.spda-stage:not(:fullscreen){height:max(300px,calc(100svh - 140px))}}
@media(max-width:760px){.blog-index{padding-top:24px}.blog-index .blog-heading h1{font-size:30px}.blog-controls{gap:10px}}
