/* Thelen technology blog: unified draft design, v1.0 */
:root{--tl-ink:#102739;--tl-muted:#52687b;--tl-accent:#087fa2;--tl-line:#dbe3e9;--tl-canvas:#f5f7fa}
body{background:var(--tl-canvas);color:#22394b;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
a:focus-visible,button:focus-visible,input:focus-visible,.cmplz-show-banner:focus-visible{outline:3px solid #008eb8;outline-offset:3px}
.site-header{background:#fff;border-bottom:1px solid var(--tl-line);box-shadow:0 2px 12px #1027390b}
.title-container{background:var(--tl-ink)}.site-title a{font-weight:800;letter-spacing:-.025em}
.menu-primary li a{font-weight:650;color:var(--tl-ink)}.menu-primary li a:hover,.menu-primary li a:focus-visible{color:#087fa2}
.main-max-width{max-width:1280px}
.entry{background:#fff;border:1px solid var(--tl-line);border-radius:14px;overflow:hidden;box-shadow:0 8px 24px #10273908}
.post-title,.post-title a{color:var(--tl-ink);font-weight:780;letter-spacing:-.022em;line-height:1.18}
.post-content{color:#263e50;font-size:1.04rem;line-height:1.78}
.post-content p{margin:0 0 1.3em}.post-content h2,.post-content h3,.post-content h4{color:var(--tl-ink);font-weight:750;line-height:1.3;margin:1.6em 0 .65em}
.post-content h2{font-size:clamp(1.35rem,2vw,1.75rem)}.post-content h3{font-size:1.25rem}
.post-content a{text-decoration:underline;text-underline-offset:3px;color:#075d80}
.post-content img{max-width:100%;height:auto;border-radius:8px}
.post-content pre,.post-content .wp-block-code{overflow-x:auto;white-space:pre;max-width:100%;border-radius:9px;background:#ebf1f5}
.post-content code{overflow-wrap:anywhere}.post-content pre code{overflow-wrap:normal}
.post-content table{display:block;max-width:100%;overflow-x:auto}
.post-content blockquote{border-left:4px solid var(--tl-accent);background:#f0f6f8;margin:1.5em 0;padding:12px 22px}
.post-header{padding-top:.4rem}.post-meta{color:var(--tl-muted)}
/* Featured portrait screenshots: no destructive crop, consistent modest header height. */
.single-post .featured-image{height:clamp(220px,28vw,360px);padding-bottom:0;background:#edf3f7;margin:1.5em 0;border-radius:10px}
.single-post .featured-image>img,.single-post .featured-image>a>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
.single-post .featured-image:before,.single-post .featured-image:after{display:none}
@media(max-width:600px){.single-post .featured-image{height:260px;border-radius:0}}
.sidebar-primary .widget{background:#fff;border:1px solid var(--tl-line);border-radius:12px;padding:18px;margin-bottom:18px}
.sidebar-primary .widget-title{font-weight:750;color:var(--tl-ink)}
.archive-header,.search-header,.pagination{background:#e8f0f4;border-radius:12px;color:var(--tl-ink)}
.pagination a{border-radius:6px}
.site-footer{background:#102739;color:#dde8ef;margin-top:3rem}
.site-footer .thelen-legal-links a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.site-footer .design-credit{color:#b8cad7}
.site-footer a:focus-visible{outline-color:#a1e4f6}
@media(min-width:56.25em){.site-header .max-width{display:flex;align-items:center}.title-container{flex:0 0 auto}.menu-primary-container{flex:1;min-width:0}.menu-primary-container .menu-inner-container{padding-left:2rem}.menu-primary li a{font-size:.88rem}}
@media(max-width:56.24em){.post-content{font-size:1rem}.entry{border-radius:10px}.title-container{min-height:60px}}
@media(max-width:600px){.post-content,.post-header{margin-left:6%;margin-right:6%}.site-footer .thelen-legal-links{gap:1rem!important;padding-top:1.2rem!important}}