.detail-page,.detail-more{font-family:Inter,Arial,sans-serif;color:#172d3c}
.detail-shell{width:100%;max-width:1480px;margin:0 auto;padding-left:clamp(20px,3vw,54px);padding-right:clamp(20px,3vw,54px)}
.detail-header{background:#f5f8fa;border-bottom:1px solid #e7edf0}
.detail-header .detail-shell{display:grid;grid-template-columns:minmax(0,900px) minmax(280px,330px);justify-content:start;column-gap:36px;padding-top:28px;padding-bottom:42px;padding-right:clamp(100px,7vw,130px)}
.detail-header .detail-shell>*{grid-column:1}
.detail-breadcrumb{display:flex;align-items:center;gap:12px;color:#8395a0;font-size:.75rem;font-weight:500;margin-bottom:32px}
.detail-breadcrumb a:hover{color:#004aad}.detail-breadcrumb span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.detail-category{display:inline-flex;align-items:center;color:#095b93;font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.detail-category:before{content:"";display:block;width:25px;height:2px;background:#ff6b35;margin-right:10px}
.detail-header h1{font-size:clamp(2.35rem,3.6vw,4.6rem);font-weight:700;line-height:1.14;letter-spacing:-.05em;max-width:none;margin:19px 0 16px;text-wrap:pretty}
.detail-summary{font-size:clamp(1rem,1.2vw,1.2rem);line-height:1.72;color:#5d7480;max-width:1100px}
.detail-meta{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:26px;padding-top:18px;border-top:1px solid #dce6ea;font-size:.77rem;color:#6e8290}
.detail-publisher{display:inline-flex;align-items:center;gap:10px;margin-right:6px}.detail-publisher-icon{width:38px;height:38px;border-radius:50%;background:#0b568b;color:#fff;display:grid;place-items:center;font-weight:700;font-size:1rem}.detail-publisher strong,.detail-publisher small{display:block;line-height:1.45}.detail-publisher strong{color:#213b4b;font-size:.77rem}.detail-publisher small{font-size:.69rem;color:#8999a3}.detail-meta-item{display:inline-flex;gap:8px;align-items:center}.detail-meta-item i{color:#ec784c}
.detail-meta-after{margin-top:24px;padding:22px 0;border-bottom:1px solid #e3eaee}
.detail-layout{display:grid;grid-template-columns:minmax(0,900px) minmax(280px,330px);align-items:start;justify-content:start;gap:36px;padding-top:38px;padding-bottom:78px;padding-right:clamp(100px,7vw,130px)}
.detail-main{min-width:0}.detail-cover{width:100%;height:clamp(230px,21vw,330px);border-radius:7px;overflow:hidden;background:#e6edf0}.detail-cover img{width:100%;height:100%;object-fit:cover;object-position:center 38%}
.detail-article-copy{width:100%;max-width:none;padding:30px 0 12px}.detail-article-copy p{font-size:1.05rem;line-height:1.85;color:#344c5a;margin:0 0 1.35em}.detail-article-copy p:first-child{font-size:1.09rem;color:#243e4d;font-weight:500}
.detail-article-copy h2,.detail-article-copy h3,.detail-article-copy h4{color:#17384b;line-height:1.35;letter-spacing:-.025em;margin:1.5em 0 .55em}.detail-article-copy h2{font-size:1.65rem}.detail-article-copy h3{font-size:1.35rem}.detail-article-copy h4{font-size:1.15rem}.detail-article-copy strong{font-weight:700;color:#203b4b}.detail-article-copy em{font-style:italic}.detail-article-copy mark{background:#fff0a8;color:inherit;padding:0 .12em;border-radius:2px}.detail-article-copy blockquote{border-left:4px solid #f06e3d;background:#f5f8fa;padding:17px 22px;margin:1.5em 0}.detail-article-copy blockquote p{margin:0;font-style:italic}.detail-article-copy ul{padding-left:1.5em;margin:0 0 1.5em;color:#344c5a;font-size:1.05rem;line-height:1.8}.detail-article-copy li{padding-left:.3em;margin:.35em 0}.detail-table-wrap{overflow-x:auto;margin:1.5em 0}.detail-article-copy table{width:100%;border-collapse:collapse;font-size:.95rem;color:#344c5a}.detail-article-copy th,.detail-article-copy td{border:1px solid #dbe5ea;padding:12px 14px;text-align:left;vertical-align:top}.detail-article-copy th{background:#eaf3f9;color:#17384b;font-weight:700}.detail-article-copy tbody tr:nth-child(even){background:#f8fafb}
.detail-article-copy>h2{margin-top:2.1em;padding-top:.65em;border-top:1px solid #e2e9ed}.detail-article-copy>h2:first-child{margin-top:0;border-top:0;padding-top:0}.detail-article-copy>h3{margin-top:1.7em}.detail-article-copy ul{list-style:disc outside}.detail-article-copy li{display:list-item}.detail-article-copy p{max-width:72ch}.detail-article-copy .detail-table-wrap{max-width:100%}
.detail-section-label{font-size:.68rem;letter-spacing:.16em;font-weight:700;color:#e66539}
.detail-sidebar{border-left:1px solid #e4eaee;padding-left:27px;min-width:0}.detail-sidebar-sticky{position:sticky;top:24px}.detail-sidebar-title{padding-bottom:18px;border-bottom:1px solid #dce6ea}.detail-sidebar h2{font-size:1.38rem;letter-spacing:-.035em;line-height:1.35;margin:8px 0 0;color:#17384b}.detail-sidebar-list{display:flex;flex-direction:column}.detail-sidebar-item{display:flex;align-items:flex-start;gap:12px;padding:17px 0;border-bottom:1px solid #e8edf0}.detail-sidebar-item img{width:83px;height:67px;object-fit:cover;border-radius:4px;flex:none}.detail-sidebar-item strong{display:block;font-size:.82rem;line-height:1.43;font-weight:650;color:#18384b}.detail-sidebar-item:hover strong{color:#004aad}.detail-sidebar-item small{display:block;margin-top:6px;font-size:.69rem;color:#8697a1}.detail-sidebar-empty{font-size:.84rem;color:#718692;line-height:1.7;padding:19px 0}.detail-sidebar-all{display:inline-flex;gap:8px;color:#07558b;font-size:.79rem;font-weight:700;margin-top:22px}.detail-sidebar-all:hover{color:#ef7245}
.detail-share{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;border-top:1px solid #e3eaee;border-bottom:1px solid #e3eaee;padding:22px 0;margin-top:22px;position:relative}.detail-share strong,.detail-share span{display:block}.detail-share strong{font-size:.93rem}.detail-share>div:first-child span{font-size:.75rem;color:#82939d;margin-top:4px}.detail-share-links{display:flex;gap:8px}.detail-share-links a,.detail-share-links button{height:36px;width:36px;border:1px solid #dbe5e9;border-radius:50%;background:#fff;color:#0c578b;display:grid;place-items:center;font-size:.82rem;padding:0}.detail-share-links a:hover,.detail-share-links button:hover{background:#0c578b;color:#fff;border-color:#0c578b}.detail-copy-status{position:absolute;right:0;top:calc(100% + 5px);font-size:.7rem;color:#0b6d4f}
.detail-feedback{margin-top:70px;padding:30px 34px 34px;background:#f5f8fa;border:1px solid #e5ecef;border-radius:8px}.detail-feedback h2{font-size:1.75rem;letter-spacing:-.04em;margin:7px 0}.detail-feedback-heading p{font-size:.88rem;color:#687e8c;margin-bottom:23px}.detail-feedback form{display:flex;flex-direction:column;gap:16px}.detail-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-feedback label{display:block;font-size:.76rem;font-weight:650;color:#294758}.detail-feedback input,.detail-feedback textarea{width:100%;display:block;border:1px solid #d4e0e6;border-radius:5px;background:#fff;font:400 .86rem Inter,Arial,sans-serif;color:#203b4b;padding:12px 13px;margin-top:7px;outline:0}.detail-feedback input:focus,.detail-feedback textarea:focus{border-color:#0a5c95;box-shadow:0 0 0 3px #0a5c9515}.detail-feedback textarea{resize:vertical;min-height:118px}.detail-feedback button{align-self:flex-start;padding:11px 18px;border:0;border-radius:4px;background:#07558b;color:#fff;font:650 .82rem Inter,Arial,sans-serif}.detail-feedback button:hover{background:#003d6b}.detail-feedback button span{margin-left:8px}.detail-feedback form>small{color:#81929c;font-size:.69rem}.detail-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.detail-feedback-success,.detail-feedback-error{padding:13px 15px;border-radius:5px;font-size:.82rem}.detail-feedback-success{background:#e4f5ec;color:#1b6942}.detail-feedback-error{background:#ffebe7;color:#9a3424;margin-bottom:17px}
.detail-more{background:#f5f8fa;border-top:1px solid #e4ecef;padding:65px 0 85px}.detail-more-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.detail-more h2{font-size:clamp(1.7rem,2.3vw,2.35rem);letter-spacing:-.04em;line-height:1.2;margin:7px 0 0}.detail-more-head>a{white-space:nowrap;color:#07558b;font-size:.8rem;font-weight:700}.detail-more-head>a:hover{color:#e66539}.detail-more .blog-card{box-shadow:0 8px 20px #173c5109}
@media(max-width:1050px){.detail-layout,.detail-header .detail-shell{grid-template-columns:minmax(0,1fr) 285px;gap:30px}.detail-sidebar{padding-left:20px}}
@media(max-width:780px){.detail-header .detail-shell{display:block;padding-bottom:32px;padding-right:24px}.detail-header h1{font-size:clamp(2.05rem,6vw,3.25rem)}.detail-layout{grid-template-columns:1fr;gap:0;padding-top:26px;padding-right:24px}.detail-cover{height:clamp(220px,39vw,285px)}.detail-sidebar{border-left:0;border-top:1px solid #e3eaee;padding:32px 0 0;margin-top:48px}.detail-sidebar-list{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.detail-sidebar-item{min-width:0}.detail-sidebar-sticky{position:static}}
@media(max-width:560px){.detail-header .detail-shell{padding-top:22px;padding-bottom:27px}.detail-breadcrumb{margin-bottom:25px;font-size:.68rem}.detail-header h1{font-size:clamp(2rem,8vw,2.8rem);line-height:1.17;margin:14px 0}.detail-summary{font-size:.97rem;line-height:1.7}.detail-meta{gap:11px 18px;margin-top:20px}.detail-publisher{width:100%}.detail-layout{padding-top:20px;padding-bottom:58px}.detail-cover{height:210px}.detail-article-copy{padding-top:24px}.detail-article-copy p,.detail-article-copy p:first-child{font-size:1rem;line-height:1.82}.detail-share{align-items:flex-start;gap:17px}.detail-feedback{margin-top:50px;padding:23px 20px 26px}.detail-feedback h2{font-size:1.5rem}.detail-form-row{grid-template-columns:1fr;gap:14px}.detail-sidebar-list{grid-template-columns:1fr}.detail-sidebar-item img{width:96px;height:73px}.detail-more{padding:52px 0 65px}.detail-more-head{display:block}.detail-more-head>a{display:inline-block;margin-top:14px}}

/* Compact author and sharing panel */
.detail-endbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;background:#f4f8fa;border:1px solid #e1e9ed;border-radius:10px;padding:22px 26px;margin-top:32px}
.detail-endbar .detail-meta-after{display:flex;align-items:center;gap:12px 21px;flex-wrap:wrap;margin:0;padding:0;border:0;min-width:0}
.detail-endbar .detail-publisher{padding-right:20px;margin:0;border-right:1px solid #d4e1e8}
.detail-endbar .detail-publisher-icon{width:42px;height:42px}
.detail-endbar .detail-meta-item{font-size:.74rem;white-space:nowrap}
.detail-endbar .detail-share{display:flex;align-items:center;justify-content:flex-end;gap:17px;flex-wrap:nowrap;padding:0;margin:0;border:0}
.detail-endbar .detail-share strong{font-size:.75rem;white-space:nowrap;color:#496575}
.detail-endbar .detail-share-links{gap:7px}
.detail-endbar .detail-share-links a,.detail-endbar .detail-share-links button{width:34px;height:34px;background:#fff;font-size:.76rem}
.detail-endbar .detail-copy-status{top:calc(100% + 8px)}
@media(max-width:1160px){.detail-endbar{grid-template-columns:1fr;gap:18px}.detail-endbar .detail-share{justify-content:flex-start;padding-top:15px;border-top:1px solid #dbe6ea}}
@media(max-width:560px){.detail-endbar{padding:18px 19px;margin-top:26px;gap:16px}.detail-endbar .detail-publisher{width:100%;padding:0;border:0}.detail-endbar .detail-meta-after{gap:9px 16px}.detail-endbar .detail-share{justify-content:space-between;gap:12px}.detail-endbar .detail-share-links a,.detail-endbar .detail-share-links button{width:32px;height:32px}}
.detail-more .blog-card h2{font-size:1.2rem;line-height:1.4;letter-spacing:-.02em;margin:12px 0 9px}

/* Compact reading rhythm for long articles. */
.detail-article-copy{padding-top:26px}
.detail-article-copy p,.detail-article-copy p:first-child{font-size:1.03rem;line-height:1.65;font-weight:400;color:#344c5a;margin:0 0 .8em;max-width:none}
.detail-article-copy>h2{margin:1.35em 0 .5em;padding-top:.5em}
.detail-article-copy>h2:first-child{margin-top:0;padding-top:0}
.detail-article-copy>h3{margin:1.15em 0 .5em}
.detail-article-copy ul,.detail-article-copy blockquote,.detail-article-copy .detail-table-wrap{margin-top:.8em;margin-bottom:1em}
@media(max-width:560px){.detail-article-copy p,.detail-article-copy p:first-child{font-size:1rem;line-height:1.65;margin-bottom:.8em}}