/* PeekBlue navigation, article reading layout and public writer profiles. */
.nav-topics{position:relative;height:100%;display:flex;align-items:center}
.nav-topics summary{height:100%;display:flex;align-items:center;gap:6px;cursor:pointer;list-style:none;font-size:12px;font-weight:600;white-space:nowrap}
.nav-topics summary::-webkit-details-marker{display:none}
.nav-topics summary:after{content:'⌄';font-size:12px;color:#718697;transition:transform .2s ease}
.nav-topics[open] summary:after{transform:rotate(180deg)}
.nav-topics-menu{position:absolute;top:calc(100% - 10px);left:50%;z-index:30;display:grid;grid-template-columns:repeat(2,minmax(170px,1fr));min-width:410px;padding:12px;background:#fff;border:1px solid #d7e2ea;border-radius:7px;box-shadow:0 18px 42px rgba(21,58,91,.13)}
.nav-topics:not([open]) .nav-topics-menu{display:none}
.main-nav .nav-topics-menu a{height:auto;min-height:40px;padding:10px 12px;border-radius:4px;font-size:11px;font-weight:500;color:#29465d}
.main-nav .nav-topics-menu a:hover,.main-nav .nav-topics-menu a:focus-visible{background:#edf5fd;color:#1c70c7}
.main-nav .nav-topics-menu .nav-topics-all{grid-column:1/-1;border-bottom:1px solid #e0e8ee;border-radius:0;color:#1c70c7;font-weight:700}

.article-masthead{max-width:820px;margin:50px auto 26px;text-align:center}
.article-masthead h1{max-width:800px;margin:13px auto;font-family:Georgia,serif;font-size:clamp(2rem,3.25vw,3.5rem);line-height:1.08;letter-spacing:-.025em;color:#153a5b}
.article-masthead .article-meta{justify-content:center}
.article-masthead .peek-dek{max-width:680px;margin:16px auto 10px;font-size:1.08rem;line-height:1.62;color:#536b7d}
.article-date{margin-bottom:5px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#718697}
.article-byline{margin:6px 0 0;font-size:.82rem;color:#61788b}
.article-byline a{color:#1c70c7;font-weight:700;text-decoration:none}
.article-byline a:hover{text-decoration:underline}
.article-hero{max-width:1000px;margin:0 auto 46px}
.article-hero img{display:block;width:100%;max-height:520px;object-fit:cover;border-radius:4px}
.article-shell{display:grid;grid-template-columns:minmax(0,760px) minmax(260px,330px);justify-content:center;align-items:start;gap:72px;margin-bottom:76px}
.article-shell .peek-article{width:auto;max-width:none;margin:0;padding:0}
.article-shell .dialog-body{font-size:1.08rem;line-height:1.85;color:#243c4f}
.article-shell .dialog-body>p:first-child{font-size:1.18rem;color:#153a5b}
.article-shell .dialog-body h2,.article-shell .dialog-body h3{margin-top:1.8em;color:#153a5b}
.article-sidebar{position:sticky;top:26px;display:grid;gap:18px}
.article-sidebar>section{padding:25px;border:1px solid #d7e2ea;border-radius:4px;background:#f8fbfd}
.article-sidebar h2{margin:9px 0 10px;font-family:Georgia,serif;font-size:1.42rem;line-height:1.15;color:#153a5b}
.article-sidebar p{font-size:.91rem;line-height:1.6;color:#60778a}
.sidebar-topic{border-top:4px solid #ed6b35!important}
.sidebar-list article{display:grid;grid-template-columns:30px 1fr;gap:9px;padding:15px 0;border-top:1px solid #d7e2ea}
.sidebar-list article:first-of-type{margin-top:12px}
.sidebar-list article>span{font-size:.72rem;color:#ed6b35}
.sidebar-list h3{margin:0 0 4px;font-size:.93rem;line-height:1.35}
.sidebar-list h3 a{color:#153a5b;text-decoration:none}
.sidebar-list h3 a:hover{text-decoration:underline}
.sidebar-list small{color:#718697}
.sidebar-categories>div{display:grid;margin-top:13px}
.sidebar-categories a{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid #d7e2ea;color:#153a5b;text-decoration:none;font-size:.9rem}
.sidebar-categories a span{color:#ed6b35}
.article-related{margin:0 0 76px;padding-top:44px;border-top:1px solid #d7e2ea}
.article-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.article-related-grid .compact-card{min-width:0}
.article-related-grid .compact-card .image-link{display:block;width:100%;aspect-ratio:1.55;border-radius:6px;overflow:hidden;background:#edf1f3}
.article-related-grid .compact-card .article-meta{margin-top:11px;font-size:7px;gap:7px;flex-wrap:wrap}
.article-related-grid .compact-card h3{margin:7px 0 0;font:400 18px/1.28 Georgia,serif;letter-spacing:-.15px}
.article-related-grid .compact-card h3 a{color:#153a5b;text-decoration:none}
.article-related-grid .compact-card h3 a:hover{color:#1c70c7}

.author-profile{display:grid;grid-template-columns:auto minmax(0,720px);justify-content:center;align-items:center;gap:30px;max-width:940px;margin:58px auto 50px;padding:34px;border:1px solid #d7e2ea;border-radius:8px;background:#f8fbfd}
.author-profile img{width:144px;height:144px;border-radius:50%;object-fit:cover}
.author-profile h1{margin:9px 0 7px;font:400 clamp(2rem,4vw,3.3rem)/1.05 Georgia,serif;color:#153a5b}
.author-profile p{max-width:680px;line-height:1.7;color:#536b7d}
.author-profile .author-role{margin:0 0 8px;font-weight:700;color:#1c70c7}
.author-articles{border-top:1px solid #d7e2ea}

@media(max-width:1050px){.article-shell{grid-template-columns:minmax(0,680px) minmax(240px,290px);gap:38px}.article-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.nav-topics{height:auto;display:block}.nav-topics summary{height:auto;padding:13px 0}.nav-topics-menu{position:static;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;padding:6px 0 12px;border:0;border-top:1px solid #e0e8ee;border-radius:0;box-shadow:none}.main-nav .nav-topics-menu a{padding:9px 8px}.article-masthead{margin-top:38px}.article-shell{display:block}.article-sidebar{position:static;margin-top:48px;grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-categories{grid-column:1/-1}.article-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.author-profile{margin-top:38px}}
@media(max-width:540px){.nav-topics-menu{grid-template-columns:1fr}.article-masthead{text-align:left}.article-masthead .article-meta{justify-content:flex-start}.article-masthead h1{font-size:2.15rem}.article-masthead .peek-dek{font-size:1rem}.article-hero{margin-left:-20px;margin-right:-20px;margin-bottom:36px}.article-hero img{max-height:390px;border-radius:0}.article-sidebar{grid-template-columns:1fr}.sidebar-categories{grid-column:auto}.article-related{margin-bottom:58px}.article-related-grid{grid-template-columns:1fr}.article-related-grid .compact-card{display:grid;grid-template-columns:128px 1fr;column-gap:14px;align-items:start}.article-related-grid .compact-card .card-image-wrap{grid-row:1/3}.article-related-grid .compact-card .article-meta{margin-top:0}.article-related-grid .compact-card h3{font-size:17px}.author-profile{display:block;padding:26px}.author-profile img{width:108px;height:108px;margin-bottom:18px}}
