:root { --pro-ink:#14221d; --pro-paper:#f3f0e8; --pro-white:#fbfaf6; --pro-acid:#c7ff4a; --pro-muted:#78827d; --pro-line:rgba(20,34,29,.16); }
body.professional-blog-site { margin:0; background:var(--pro-paper); color:var(--pro-ink); font-family:Arial,Helvetica,sans-serif; }
.professional-shell { min-height:100vh; }
.professional-sidebar { position:fixed; z-index:20; inset:0 auto 0 0; width:280px; padding:42px 36px 30px; background:var(--pro-white); border-right:1px solid var(--pro-line); display:flex; flex-direction:column; }
.professional-wordmark { display:flex; flex-direction:column; line-height:.85; letter-spacing:-.055em; font:italic 400 46px Georgia,serif; }
.professional-wordmark small { margin-left:18px; font-size:29px; font-style:normal; }
.professional-sidebar>p { margin:28px 0 52px; color:var(--pro-muted); font-size:11px; line-height:1.55; letter-spacing:.16em; text-transform:uppercase; }
.professional-sidebar nav { display:flex; flex-direction:column; }
.professional-sidebar nav a { padding:12px 0; color:#77807c; font-size:12px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; }
.professional-sidebar nav a span { display:inline-block; width:28px; color:#afb5b1; font-size:9px; }
.professional-sidebar nav a:hover,.professional-sidebar nav a.active { color:var(--pro-ink); transform:translateX(8px); }
.professional-sidebar-footer { margin-top:auto; display:flex; flex-direction:column; gap:8px; color:var(--pro-muted); font-size:11px; }
.professional-sidebar-footer a { color:var(--pro-ink); font-weight:700; }
.professional-mobile-header { display:none; }
.professional-main { min-height:100vh; margin-left:280px; }
.professional-blog-hero { padding:clamp(80px,11vw,150px) 7vw 90px; background:var(--pro-ink); color:var(--pro-white); }
.professional-kicker { margin:0 0 25px; color:var(--pro-acid); font-size:10px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; }
.professional-blog-hero h1,.professional-article h1 { max-width:1000px; margin:0 0 30px; font:400 clamp(48px,6.5vw,94px)/.98 Georgia,serif; letter-spacing:-.05em; }
.professional-blog-hero>p:last-child { max-width:660px; color:#bcc5c0; font-size:18px; line-height:1.65; }
.professional-article-list { padding:25px 7vw 100px; }
.professional-article-card { position:relative; min-height:240px; padding:50px 0; border-bottom:1px solid var(--pro-line); display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,300px); align-items:center; gap:45px; }
.professional-article-card time,.professional-article>header time { color:var(--pro-muted); font-size:10px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
.professional-article-card h2 { margin:12px 0 15px; font:400 clamp(30px,4vw,50px)/1.05 Georgia,serif; letter-spacing:-.035em; }
.professional-article-card p { max-width:700px; color:#58655f; line-height:1.65; }
.professional-card-image img { width:100%; aspect-ratio:4/3; object-fit:cover; }
.professional-read-link,.professional-article-return a { padding-bottom:5px; border-bottom:1px solid var(--pro-ink); font-size:11px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; white-space:nowrap; }
.professional-empty { padding:70px 0; }
.professional-empty h2 { font:400 42px/1.1 Georgia,serif; }
.professional-article { max-width:980px; margin:0 auto; padding:70px 36px 100px; }
.professional-breadcrumbs { margin-bottom:80px; display:flex; justify-content:space-between; gap:22px; font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.professional-article header { margin-bottom:50px; }
.professional-article>header time { display:block; margin-top:22px; }
.professional-deck { max-width:780px; color:#52605a; font:400 clamp(20px,2.8vw,30px)/1.45 Georgia,serif; }
.professional-featured { margin:0 0 58px; }
.professional-featured img { width:100%; max-height:720px; object-fit:cover; }
.professional-article-content { max-width:760px; margin:0 auto; font:400 clamp(18px,1.8vw,21px)/1.78 Georgia,serif; }
.professional-article-content h2,.professional-article-content h3 { margin-top:2em; color:var(--pro-ink); font-family:Arial,Helvetica,sans-serif; line-height:1.15; }
.professional-article-content a { text-decoration:underline; text-decoration-color:#829087; text-underline-offset:3px; }
.professional-article-content figure { margin:2.5em auto; }
.professional-article-content figure img { width:auto; max-width:100%; max-height:80vh; margin:auto; }
.professional-article-content figcaption { margin-top:9px; color:var(--pro-muted); text-align:center; font:12px/1.4 Arial,sans-serif; }
.professional-article-content .wp-block-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:12px; }
.professional-article-content .wp-block-gallery figure { margin:0; }
.professional-article-content .wp-block-gallery img { width:100%; height:auto; max-height:none; object-fit:contain; }
.professional-article-content blockquote { margin:2em 0; padding-left:25px; border-left:6px solid var(--pro-acid); font-size:1.18em; }
.professional-article .share-controls { max-width:760px; margin:55px auto 0; background:var(--pro-acid); }
.professional-article-return { max-width:760px; margin:50px auto 0; }
.professional-blog-site .navigation.pagination { max-width:none; padding:0 7vw 90px; border:0; }
@media(max-width:900px){.professional-mobile-header{position:fixed;z-index:30;inset:0 0 auto;height:64px;padding:0 22px;background:var(--pro-white);border-bottom:1px solid var(--pro-line);display:flex;align-items:center;justify-content:space-between}.professional-mobile-name{font:italic 23px Georgia,serif}.professional-mobile-name span{color:#829087}.professional-menu-button{width:36px;height:36px;border:0;background:transparent;display:flex;flex-direction:column;justify-content:center;gap:7px}.professional-menu-button span{display:block;width:100%;height:1px;background:var(--pro-ink)}.professional-sidebar{width:100%;padding-top:95px;transform:translateX(-100%);transition:.3s ease}.professional-sidebar.open{transform:translateX(0)}.professional-main{margin-left:0;padding-top:64px}.professional-article-card{grid-template-columns:1fr auto}.professional-card-image{grid-column:1/-1;max-width:420px}}
@media(max-width:620px){.professional-blog-hero{padding:70px 22px}.professional-blog-hero h1,.professional-article h1{font-size:46px}.professional-article-list{padding:10px 22px 75px}.professional-article-card{display:block}.professional-read-link{display:inline-block;margin:18px 0 25px}.professional-article{padding:45px 22px 80px}.professional-breadcrumbs{margin-bottom:55px;align-items:flex-start;flex-direction:column}.professional-article-content .wp-block-gallery{grid-template-columns:1fr}}