.post-detail{--post-ink:#18334c;--post-muted:#647487;--post-line:#e3e9ed;--post-soft:#f5f8fa;width:min(calc(100% - 48px),1200px);min-height:60vh;margin:auto;padding:18px 0 64px;color:var(--post-ink)}
.post-detail a{text-decoration:none}
.post-detail__breadcrumb nav{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 24px;color:var(--post-muted);font-size:13px}
.post-detail__breadcrumb a:hover{color:var(--blue)}
.post-detail__breadcrumb span{color:#9cacb9;font-size:19px;line-height:1}
.post-hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(24px,4vw,52px);margin-bottom:32px}
.post-hero--no-image{grid-template-columns:1fr;max-width:800px}
.post-hero__copy h1{margin:0;color:var(--post-ink);font-family:var(--serif);font-size:clamp(26px,3vw,42px);font-weight:700;line-height:1.25}
.post-hero__copy>p{margin:18px 0 0;color:var(--post-muted);font-size:15px;line-height:1.7}
.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:17px;color:var(--post-muted);font-size:13px;font-weight:600}
.post-meta>a,.post-meta>span{display:inline-flex;align-items:center;gap:6px}
.post-meta a:hover{color:var(--blue)}
.post-meta__category{padding:4px 10px;border-radius:100px;background:#eaf2f8;color:var(--blue)}
.post-meta__icon{display:block;width:15px;height:15px;background:currentColor;-webkit-mask:var(--meta-icon) center/contain no-repeat;mask:var(--meta-icon) center/contain no-repeat}
.post-meta__icon--author{--meta-icon:url("../icons/fontawesome/user.svg")}
.post-meta__icon--clock{--meta-icon:url("../icons/fontawesome/clock.svg")}
.post-hero__media{overflow:hidden;border-radius:10px;background:var(--post-soft)}
.post-hero__media img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.post-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:32px}
.post-article{min-width:0}
.post-content{color:#35485b;font-size:16px;line-height:1.8;overflow-wrap:anywhere}
.post-content>:first-child{margin-top:0}
.post-content p,.post-content ul,.post-content ol,.post-content figure,.post-content blockquote,.post-content table{margin:0 0 18px}
.post-content h2,.post-content h3,.post-content h4{color:var(--post-ink);font-family:var(--serif);line-height:1.4;scroll-margin-top:96px}
.post-content h2{margin:34px 0 14px;font-size:25px}
.post-content h3{margin:26px 0 10px;font-size:20px}
.post-content h4{margin:22px 0 8px;font-size:17px}
.post-content ul,.post-content ol{padding-left:24px}
.post-content li+li{margin-top:7px}
.post-content a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.post-content img{height:auto;border-radius:8px}
.post-content .aligncenter{display:block;margin-inline:auto}
.post-content figure img{display:block}
.post-content figcaption{margin-top:7px;color:var(--post-muted);font-size:13px;text-align:center}
.post-content blockquote{padding:16px 20px;border-left:4px solid var(--gold);border-radius:0 8px 8px 0;background:#f7f9f9;font-family:var(--serif);font-size:17px}
.post-content blockquote p:last-child{margin-bottom:0}
.post-content .wp-block-table{overflow-x:auto}
.post-content table{width:100%;border-collapse:collapse;font-size:14px}
.post-content th,.post-content td{padding:10px 12px;border:1px solid var(--post-line);text-align:left}
.post-content th{background:var(--post-soft)}
.post-page-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.post-author-box{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:14px;margin-top:32px;padding:18px;border:1px solid var(--post-line);border-radius:10px;background:#fff}
.post-author-box img{display:block;width:58px;height:58px;border-radius:50%;object-fit:cover}
.post-author-box span{display:block;color:var(--gold);font-size:12px;font-weight:700;text-transform:uppercase}
.post-author-box__name{display:block;margin-top:2px;font-size:17px}
.post-author-box__name a:hover{color:var(--blue)}
.post-author-box p{margin:5px 0 0;color:var(--post-muted);font-size:13px;line-height:1.6}
.post-related{margin-top:34px}
.post-related h2,.post-side-card h2{margin:0;color:var(--post-ink);font-family:var(--serif);font-size:23px;line-height:1.4}
.post-related__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:15px}
.post-related-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--post-line);border-radius:9px;background:#fff;box-shadow:0 3px 14px #123c650a}
.post-related-card:hover{border-color:#bed3e3}
.post-related-card__media{display:block;height:140px;background:linear-gradient(135deg,#e8f0f5,#cbdfe9)}
.post-related-card__media img{display:block;width:100%;height:100%;object-fit:cover}
.post-related-card__body{display:flex;flex:1;flex-direction:column;padding:13px}
.post-related-card time{color:var(--gold);font-size:11px;font-weight:700}
.post-related-card strong{display:-webkit-box;overflow:hidden;margin-top:7px;color:var(--post-ink);font-size:14px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.post-related-card:hover strong{color:var(--blue)}
.post-related-card__excerpt{display:-webkit-box;overflow:hidden;margin-top:7px;color:var(--post-muted);font-size:12px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.post-related-card__more{margin-top:auto;padding-top:13px;color:var(--blue);font-size:12px;font-weight:700}
.post-related-card__more::after{display:inline-block;width:13px;height:13px;margin-left:5px;vertical-align:-2px;background:currentColor;content:"";-webkit-mask:url("../icons/arrow-right.svg") center/contain no-repeat;mask:url("../icons/arrow-right.svg") center/contain no-repeat}
.post-sidebar{position:sticky;top:22px;display:grid;gap:14px;min-width:0}
.admin-bar .post-sidebar{top:54px}
.post-side-card{padding:20px;border:1px solid var(--post-line);border-radius:10px;background:#fff;box-shadow:0 3px 14px #123c6508}
.post-side-card[hidden]{display:none}
.post-side-card h2{font-size:18px}
.post-toc ul{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none}
.post-toc li.is-subheading{padding-left:15px;border-left:1px solid var(--post-line);font-size:13px}
.post-toc a{color:var(--post-muted);font-size:14px;line-height:1.5}
.post-toc a:hover,.post-toc a.is-active{color:var(--blue)}
.post-share{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}
.post-share a,.post-share button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;color:#fff;cursor:pointer}
.post-share a:focus-visible,.post-share button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.post-share__facebook{background:#2457a6}
.post-share__linkedin{background:#0a76b7}
.post-share__copy{background:var(--navy)}
.post-share__icon{display:block;width:17px;height:17px;background:currentColor;-webkit-mask:var(--share-icon) center/contain no-repeat;mask:var(--share-icon) center/contain no-repeat}
.post-share__icon--facebook{--share-icon:url("../icons/fontawesome/facebook-f.svg")}
.post-share__icon--linkedin{--share-icon:url("../icons/fontawesome/linkedin-in.svg")}
.post-share__icon--link{--share-icon:url("../icons/fontawesome/link.svg")}
@media(max-width:900px){.post-layout{grid-template-columns:1fr}.post-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.post-related-card__media{height:160px}}
@media(max-width:650px){.post-detail{width:min(calc(100% - 32px),1200px);padding:16px 0 42px;text-align:left}.post-hero{grid-template-columns:1fr;gap:20px;margin-bottom:26px}.post-hero__copy h1{font-size:27px}.post-hero__copy>p{font-size:14px}.post-meta{gap:8px 12px}.post-hero__media img{aspect-ratio:16/9}.post-content{font-size:15px}.post-content h2{font-size:22px}.post-related__grid{grid-template-columns:1fr}.post-related-card{display:grid;grid-template-columns:110px minmax(0,1fr)}.post-related-card__media{height:100%}.post-sidebar{grid-template-columns:1fr}.post-side-card{padding:17px}.post-share{justify-content:flex-start}}