.article-page{max-width:1040px;margin:30px auto 70px}
.article-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 18px;color:#7a8389;font-size:11px}
.article-breadcrumb a{color:#314b5d;font-weight:700}
.article-page-header{padding:clamp(24px,5vw,54px);border:1px solid #e8e4de;border-radius:26px;background:linear-gradient(135deg,#fffdfa 0%,#f7f3ec 100%);box-shadow:var(--shadow)}
.article-page-header .section-kicker{margin-bottom:12px}
.article-page-header .section-title{max-width:780px;font-size:clamp(32px,5vw,54px);line-height:1.12}
.article-lead{max-width:760px;margin:17px 0;color:#535e66;font-size:clamp(15px,1.7vw,18px);line-height:1.8}
.article-byline{display:flex;align-items:center;gap:9px;margin:20px 0 0;color:#747c82;font-size:10px;font-weight:750;letter-spacing:.09em}
.article-byline span:first-child{color:#8d6827}
.article-reading-layout{display:grid;grid-template-columns:minmax(190px,.32fr) minmax(0,1fr);align-items:start;gap:clamp(20px,4vw,52px);max-width:920px;margin:34px auto}
.article-toc{position:sticky;top:110px;padding:17px 18px;border:1px solid var(--line);border-radius:15px;background:#fffdfa}
.article-toc strong{color:var(--midnight);font:600 16px 'Playfair Display',Georgia,serif}
.article-toc ol{display:grid;gap:9px;margin:13px 0 0;padding-left:18px;color:#6c767c;font-size:11px;line-height:1.55}
.article-toc a:hover,.article-content a{color:#825e1f;text-decoration:underline;text-underline-offset:3px}
.article-content{min-width:0;color:#435059;font-size:15px;line-height:1.9}
.article-content>h2{margin:31px 0 11px;color:var(--midnight);font:600 clamp(22px,3vw,29px)/1.25 'Playfair Display',Georgia,serif;scroll-margin-top:105px}
.article-content>h2:first-child{margin-top:0}
.article-content>h3{margin:24px 0 8px;color:var(--midnight);font:600 20px/1.3 'Playfair Display',Georgia,serif;scroll-margin-top:105px}
.article-content>p{margin:0 0 16px}
.article-content ul,.article-content ol{display:grid;gap:8px;margin:10px 0 19px;padding-left:23px}
.article-content li{padding-left:3px}
.article-note{margin:27px 0;padding:18px 20px;border-left:3px solid var(--champagne);border-radius:0 13px 13px 0;background:#f5f2ed}
.article-note strong{color:var(--midnight);font:600 17px 'Playfair Display',Georgia,serif}
.article-note p{margin:6px 0;color:#616b71;font-size:12px;line-height:1.7}
.article-note a{font-size:11px;font-weight:800}
.article-end{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:32px auto;padding:clamp(20px,4vw,34px);border-radius:20px;background:var(--midnight);color:#ffffff}
.article-end>div:first-child{max-width:580px}
.article-end .section-kicker{color:#e6b869}
.article-end h2{margin:0 0 9px;font:600 clamp(23px,3vw,32px)/1.2 'Playfair Display',Georgia,serif}
.article-end p:not(.section-kicker){margin:0 0 17px;color:rgba(255,255,255,.75);font-size:12px;line-height:1.7}
.article-end .blog-share{flex:0 0 auto}
.article-related{padding:18px 0 0}
.article-related .section-head{align-items:center}
.article-related .section-title{font-size:clamp(23px,3vw,32px)}
.article-related .article-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){.article-reading-layout{grid-template-columns:1fr;margin:24px auto}.article-toc{position:static}.article-end{align-items:flex-start;flex-direction:column}.article-related .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.article-page{margin:16px auto 45px}.article-page-header{padding:22px 18px;border-radius:20px}.article-page-header .section-title{font-size:33px}.article-lead{font-size:14px}.article-reading-layout{gap:20px}.article-content{font-size:14px}.article-end{padding:22px 18px}.article-end .blog-share{justify-content:flex-start}.article-related .article-grid{grid-template-columns:1fr}}
.service-guide-content{max-width:76ch;color:#435059;font-size:14px;line-height:1.85}
.service-guide-content>h2{margin:24px 0 8px;color:var(--midnight);font:600 21px/1.28 'Playfair Display',Georgia,serif}
.service-guide-content>h2:first-child{margin-top:0}
.service-guide-content>h3{margin:18px 0 7px;color:var(--midnight);font:600 17px/1.35 'Playfair Display',Georgia,serif}
.service-guide-content>p{margin:0 0 13px}
.service-guide-content ul,.service-guide-content ol{display:grid;gap:7px;margin:8px 0 15px;padding-left:21px}
.service-guide-content a{color:#825e1f;text-decoration:underline;text-underline-offset:3px}
.service-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.service-related-card{display:grid;align-content:start;gap:7px;min-width:0;padding:15px;border:1px solid var(--line);border-radius:15px;background:#fffdfa;color:inherit;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}
.service-related-card:hover{transform:translateY(-2px);border-color:#cfb68a;box-shadow:var(--shadow)}
.service-related-card>span{color:#8a6628;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.service-related-card>strong{color:var(--midnight);font:600 17px/1.25 'Playfair Display',Georgia,serif}
.service-related-card>small{color:#626b71;font-size:10px;line-height:1.55}
.service-related-card>b{margin-top:3px;color:#825e1f;font-size:10px}
@media(max-width:760px){.service-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.service-guide-content{font-size:13px}.service-related-grid{grid-template-columns:1fr}.service-related-card{padding:13px}}