/* Scoped to the article reading page. Native details work without JavaScript. */
.blog-main{width:min(calc(100% - 40px),1000px);margin:0 auto;padding:48px 0 64px}.blog-intro{max-width:740px;margin-bottom:36px}.blog-intro h1{font-size:clamp(2rem,5vw,3rem);line-height:1.12;margin:12px 0 20px;letter-spacing:-.035em}.blog-intro p{line-height:1.7;color:#d8e0e8}.blog-intro .blog-hint{color:var(--muted);font-size:.95rem}.article-list{display:grid;gap:16px}.blog-article{border:1px solid #3c536c;border-radius:12px;background:#0c2541;overflow:hidden;scroll-margin-top:20px}.blog-article summary{display:flex;align-items:center;gap:20px;cursor:pointer;padding:24px;list-style:none;min-height:96px}.blog-article summary::-webkit-details-marker{display:none}.article-number{color:#ffad67;font-size:.8rem;font-weight:700;flex:0 0 24px}.article-title{font-size:clamp(1.08rem,2.3vw,1.35rem);line-height:1.45;font-weight:700;flex:1}.article-toggle{width:28px;height:28px;position:relative;flex:0 0 28px;border:1px solid #607489;border-radius:50%}.article-toggle::before,.article-toggle::after{content:"";position:absolute;background:#ffad67;left:7px;right:7px;top:12px;height:2px}.article-toggle::after{transform:rotate(90deg)}.blog-article[open] .article-toggle::after{display:none}.blog-article[open] summary{border-bottom:1px solid #3c536c;background:#102d4c}.blog-article summary:hover{background:#102d4c}.blog-article summary:focus-visible{outline:3px solid #ffad67;outline-offset:-5px}.article-body{max-width:760px;margin:auto;padding:8px 32px 32px;color:#e0e6ee;overflow-wrap:anywhere}.article-body p{font-size:1.05rem;line-height:1.85;margin:20px 0}.article-body h3{font-size:1.3rem;line-height:1.4;margin:32px 0 12px;color:#fff0d8}.article-body .article-context{font-size:.9rem;color:#bdcbd9;border-bottom:1px solid #3c536c;padding-bottom:20px}@media(max-width:600px){.blog-main{width:calc(100% - 28px);padding-top:32px}.blog-article summary{padding:20px 16px;gap:12px}.article-number{flex-basis:18px}.article-body{padding:4px 20px 24px}.article-body p{font-size:1rem}.article-toggle{width:26px;height:26px;flex-basis:26px}.article-toggle::before,.article-toggle::after{top:11px}}
/* Permanent article links and standalone reading layout. */
.blog-article .article-title{color:inherit;text-decoration:none;cursor:pointer}.blog-article .article-title:hover{text-decoration:underline;text-underline-offset:4px}.blog-article .article-title:focus-visible{outline:3px solid #ffad67;outline-offset:5px;border-radius:2px}.full-article-link a,.back-to-blog{color:#ffad67;text-underline-offset:4px}.standalone-main{width:min(calc(100% - 40px),820px);margin:0 auto;padding:40px 0 64px}.standalone-header{padding:0 32px}.standalone-header h1{font-size:clamp(1.9rem,4.5vw,2.8rem);line-height:1.25;color:#fff0d8;letter-spacing:-.025em;overflow-wrap:anywhere}.standalone-header .company-eyebrow{margin-top:36px}.article-byline{font-size:.9rem;line-height:1.8;color:#bdcbd9}.article-byline a{color:inherit;text-underline-offset:3px}.standalone-header .article-context{font-size:.9rem;line-height:1.7;color:#bdcbd9;border-bottom:1px solid #3c536c;padding-bottom:24px}.standalone-body{padding-top:0}.standalone-body h2{font-size:1.3rem;line-height:1.4;margin:32px 0 12px;color:#fff0d8}.back-to-blog{display:inline-block;padding:10px 0}.standalone-main>a.back-to-blog{margin:16px 32px 0}@media(max-width:600px){.standalone-main{width:calc(100% - 28px);padding-top:20px}.standalone-header{padding:0 20px}.standalone-main>a.back-to-blog{margin-left:20px}}
