.blog-tabs{display:flex;gap:clamp(24px,5vw,65px);width:min(1500px,100%);margin:0 auto;border-bottom:1px solid var(--line-light)}
.blog-tabs button{position:relative;min-height:64px;padding:12px 0 19px;border:0;background:transparent;color:#76757e;font:600 clamp(19px,2.2vw,28px)/1.2 var(--display);letter-spacing:-.045em;text-align:left}
.blog-tabs button[aria-selected=true]{color:var(--ink)}
.blog-tabs button[aria-selected=true]::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#7261aa}
.blog-tabs button:focus-visible,.blog-back:focus-visible,.blog-post-row:focus-visible{outline:2px solid #7261aa;outline-offset:7px}
.blog-panel{width:min(1500px,100%);margin:0 auto}
.blog-category-intro{margin:27px 0 40px;color:#5c5e66;font:16px/1.65 var(--body)}
.blog-post-row{display:grid;grid-template-columns:160px minmax(0,1fr) 90px;gap:32px;align-items:start;padding:35px 0 42px;border-top:1px solid var(--line-light);border-bottom:1px solid var(--line-light);color:var(--ink)}
.blog-post-meta{display:flex;flex-wrap:wrap;gap:10px 20px;font:500 11px/1.6 var(--mono);color:#6c6877;letter-spacing:.025em}
.blog-post-row .blog-post-meta{flex-direction:column;gap:12px;padding-top:8px}
.blog-post-meta span{font-family:var(--body)}
.blog-post-copy h3{margin:0 0 18px;font:600 clamp(26px,3.1vw,43px)/1.3 var(--display);letter-spacing:-.055em;word-break:keep-all;overflow-wrap:anywhere}
.blog-post-copy p{margin:0;max-width:690px;font:16px/1.8 var(--body);color:#62606b;word-break:keep-all;overflow-wrap:anywhere}
.blog-post-read{padding-top:11px;font:500 12px/1.6 var(--body);white-space:nowrap;text-align:right;color:#66568d}
.blog-post-row:hover h3{color:#66568d}
.blog[data-reading=true] .blog-intro{display:none}
.blog[data-reading=true] .blog-tabs{margin-top:33px}
.blog-article{width:min(780px,100%);margin:38px auto 0}
.blog-back{display:inline-flex;align-items:center;min-height:44px;color:#66568d;font:500 13px/1.5 var(--body)}
.blog-article-header{margin:37px 0 44px;padding-bottom:36px;border-bottom:1px solid var(--line-light)}
.blog-article-header h1{margin:25px 0 20px;font:600 clamp(32px,4.1vw,55px)/1.3 var(--display);letter-spacing:-.065em;word-break:keep-all;overflow-wrap:anywhere}
.blog-article-subtitle{margin:0;color:#5a5862;font:18px/1.6 var(--body);word-break:keep-all}
.blog-article-byline{margin:26px 0 0;color:#75717c;font:12px/1.7 var(--body)}
.blog-article-body{font:18px/1.95 var(--body);color:#35333d;word-break:keep-all;overflow-wrap:anywhere}
.blog-article-body p{margin:0 0 28px}
.blog-article-body h2{margin:60px 0 25px;font:600 clamp(24px,3vw,32px)/1.4 var(--display);letter-spacing:-.055em}
.blog-article-body h3{margin:38px 0 20px;font:600 clamp(21px,2.4vw,26px)/1.45 var(--display);letter-spacing:-.04em}
.blog-article-body mark{background:#e1d5ee;color:#30233f;font-weight:600;padding:.035em .10em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.blog-article-body[lang=en]{word-break:normal;overflow-wrap:break-word}
.blog-article-figure{margin:40px 0}.blog-article-figure img{display:block;width:100%;height:auto}
.blog-article-figure figcaption{margin-top:12px;color:#6a6670;font:12px/1.7 var(--body)}
.blog-article-body .blog-notes-heading{margin-top:64px;padding-top:30px;border-top:1px solid var(--line-light);font-size:18px}
.blog-article-body .blog-article-note{color:#6a6670;font:14px/1.85 var(--body)}
.blog-source-link{color:#66568d;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.blog-source-link:focus-visible{outline:2px solid #7261aa;outline-offset:3px}
.blog-note-ref{font-size:.72em;line-height:0;vertical-align:super;scroll-margin-top:105px}
.blog-note-ref a{color:#66568d;font-weight:600;padding:0 .18em;text-decoration:underline;text-underline-offset:3px}
.blog-article-note{scroll-margin-top:105px}
.blog-note-number{font-weight:600;color:#4d405f}
.blog-note-back{display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:28px;color:#66568d;font:18px/1 var(--body)}
.blog-note-ref a:focus-visible,.blog-note-back:focus-visible{outline:2px solid #7261aa;outline-offset:3px}
.blog-article-note:target{background:rgba(225,213,238,.38)}
.blog-article>.blog-back:last-child{margin-top:30px;border-top:1px solid var(--line-light);width:100%;padding-top:25px}
@media(max-width:540px){
 .blog-tabs{gap:32px}.blog-tabs button{min-height:58px;font-size:21px}
 .blog-category-intro{margin:23px 0 29px;font-size:15px}
 .blog-post-row{grid-template-columns:minmax(0,1fr);gap:17px;padding:27px 0 30px}
 .blog-post-row .blog-post-meta{flex-direction:row;padding-top:0;gap:16px}
 .blog-post-copy h3{font-size:26px;margin-bottom:14px}.blog-post-copy p{font-size:15px}
 .blog-post-read{text-align:left;padding-top:0}
 .blog-article{margin-top:20px}.blog-article-header{margin-top:25px;padding-bottom:27px;margin-bottom:31px}
 .blog-article-header h1{font-size:32px}.blog-article-subtitle{font-size:16px}
 .blog-article-body{font-size:17px;line-height:1.9}.blog-article-body p{margin-bottom:25px}
 .blog-article-body h2{margin-top:45px;font-size:25px}
}