.article-hero{position:relative;overflow:hidden;padding:86px 0 92px;background:var(--bg-deep);color:var(--ink-on-dark)}
.article-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(8,17,31,.98) 8%,rgba(8,17,31,.76) 58%,rgba(8,17,31,.52)),url("/assets/img/v4/yantai-operations-v2.webp") center/cover no-repeat}
.article-hero::after{content:"FIELD NOTE";position:absolute;right:2vw;bottom:-.2em;color:rgba(255,255,255,.055);font-size:clamp(4rem,12vw,10rem);font-weight:850;letter-spacing:-.07em;white-space:nowrap}
.article-hero .wrap{position:relative;z-index:1;max-width:980px;margin-left:max(var(--gutter),calc((100vw - var(--wrap))/2))}
.article-hero .crumb,.article-hero .crumb a{color:rgba(247,249,252,.58)}
.article-hero .tag{margin:30px 0 16px;color:var(--cyan);font-size:13px;font-weight:750;letter-spacing:.12em}
.article-hero h1{max-width:860px;margin-bottom:24px;color:#fff;font-size:clamp(2.7rem,5.5vw,5.35rem);line-height:1.05;letter-spacing:-.045em}
.article-hero .lead{max-width:740px;margin:0;color:var(--ink-on-dark-muted);font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.8}
.article-meta{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:30px;color:rgba(247,249,252,.52);font-size:13px}
.article-page{padding:92px 0 112px;background:var(--bg)}
.article-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:86px;justify-content:center;align-items:start}
.article-rail{position:sticky;top:calc(var(--header-h) + 28px);padding-top:8px}
.article-rail strong{display:block;margin-bottom:18px;color:var(--ink);font-size:13px;letter-spacing:.08em}
.article-rail nav{display:grid;border-top:1px solid var(--line)}
.article-rail a{padding:13px 0;border-bottom:1px solid var(--line);color:var(--ink-muted);font-size:14px;line-height:1.45;transition:color var(--dur-fast) var(--ease),padding var(--dur-fast) var(--ease)}
@media(hover:hover){.article-rail a:hover{padding-left:7px;color:var(--brand)}}
.article-summary{margin:0 0 52px;padding:28px 30px;border-left:4px solid var(--brand);background:#fff;box-shadow:var(--shadow-soft)}
.article-summary strong{display:block;margin-bottom:9px;color:var(--brand);font-size:13px;letter-spacing:.08em}
.article-summary p{margin:0;color:var(--ink-2);font-size:18px;line-height:1.75}
.article-prose{font-size:17px;line-height:1.9;color:var(--ink-2)}
.article-prose section{scroll-margin-top:calc(var(--header-h) + 30px);padding:0 0 44px;margin-bottom:44px;border-bottom:1px solid var(--line)}
.article-prose section:last-of-type{margin-bottom:0}
.article-prose h2{margin:0 0 20px;color:var(--ink);font-size:clamp(1.65rem,3vw,2.45rem);line-height:1.25;letter-spacing:-.025em}
.article-prose h3{margin:30px 0 12px;color:var(--ink);font-size:1.08rem}
.article-prose p{margin:0 0 20px}
.article-prose ul{display:grid;gap:10px;margin:0 0 22px;padding:0;list-style:none}
.article-prose li{position:relative;padding-left:24px}
.article-prose li::before{content:"";position:absolute;left:0;top:.72em;width:8px;height:8px;border:2px solid var(--brand);border-radius:50%}
.decision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:28px 0}
.decision-card{padding:24px;border:1px solid var(--line);background:#fff}
.decision-card b{display:block;margin-bottom:10px;color:var(--brand)}
.decision-card p{margin:0;color:var(--ink-muted);font-size:15px;line-height:1.7}
.article-callout{margin:46px 0 0;padding:34px;background:var(--bg-deep);color:var(--ink-on-dark)}
.article-callout h2{color:#fff}.article-callout p{color:var(--ink-on-dark-muted)}
.article-callout .btn{margin-top:10px}
.article-more{padding:82px 0;background:#fff}
.article-more__head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:30px}
.article-more__head h2{margin:0}.article-more__head a{color:var(--brand);font-weight:700}
.article-more__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}
.article-more__grid a{padding:28px 28px 28px 0;border-bottom:1px solid var(--line);color:var(--ink)}
.article-more__grid a+a{padding-left:28px;border-left:1px solid var(--line)}
.article-more__grid span{display:block;margin-bottom:8px;color:var(--brand);font-size:12px;font-weight:750;letter-spacing:.1em}
.article-more__grid strong{display:block;font-size:20px;line-height:1.45}
@media(max-width:940px){.article-layout{grid-template-columns:1fr;gap:42px}.article-rail{position:static}.article-rail nav{grid-template-columns:repeat(3,minmax(0,1fr))}.article-rail a{padding-right:16px}.article-hero .wrap{margin:0 auto}}
@media(max-width:680px){.article-hero{padding:62px 0 70px}.article-page{padding:70px 0 84px}.article-rail nav,.decision-grid,.article-more__grid{grid-template-columns:1fr}.article-summary{padding:23px 22px}.article-more__head{align-items:flex-start;flex-direction:column}.article-more__grid a+a{padding-left:0;border-left:0}.article-prose{font-size:16px}}
@media(prefers-reduced-motion:reduce){.article-rail a{transition:none}}