.article-page{min-height:100vh;background:#f9fafb;color:#24322d}.article-page__hero{position:relative;isolation:isolate;overflow:hidden;background:#ffffff}.article-page__hero-inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:24px}.article-page__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;font-weight:500;color:#6b7280}.article-page__title{max-width:980px;font-size:clamp(1.75rem,4vw,48px);font-weight:800;line-height:1.2;letter-spacing:-.02em;color:#1e2635}.article-page__byline{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.article-page__author,.article-page__avatar{display:inline-flex;align-items:center;gap:10px}.article-page__avatar{box-sizing:border-box;flex-direction:row;justify-content:center;flex:none;width:32px;height:32px;padding:8px;border:1px solid #efefef;border-radius:8px;background:#ffffff}.article-page__avatar-image{display:block;object-fit:contain}.article-page__author-name{font-size:14px;font-weight:600;color:#1e2635}.article-page__author-date{font-size:12px;font-weight:400;color:#6b7280}.article-share{display:inline-flex;align-items:center;gap:12px}.article-share__label{font-size:12px;font-weight:400;color:#6b7280}.article-share__actions{display:inline-flex;align-items:center;gap:8px}.article-share__button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:8px;border:1px solid #efefef;border-radius:8px;background:#ffffff;color:#1e2635;cursor:pointer;transition:border-color .15s ease,color .15s ease}.article-share__button:hover{border-color:#0d7a58;color:#0d7a58}.article-share__copied{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);white-space:nowrap;padding:4px 8px;border-radius:6px;background:#1e2635;font-size:11px;font-weight:600;line-height:1.2;color:#ffffff;pointer-events:none}.article-share__facebook-icon{display:block}.article-page__cover{position:relative;overflow:hidden;width:100%;aspect-ratio:1296/600;border-radius:20px;background:#d9d9d9}.article-page__cover-image{object-fit:cover}.article-page__content{background:#f9fafb}.article-page__content-inner{display:grid;gap:24px}@media (min-width:1100px){.article-page__content-inner{grid-template-columns:minmax(0,1fr) 416px;align-items:start;gap:24px}}.article-page__body-card{padding:24px;border-radius:24px;background:rgba(255,255,255,.92);box-shadow:0 16px 40px rgba(13,122,88,.05)}@media (min-width:768px){.article-page__body-card{padding:32px}}.blog-markdown{display:flex;flex-direction:column;gap:16px}.blog-markdown__h2{margin-top:8px}.blog-markdown__h2,.blog-markdown__h3{font-size:14px;font-weight:800;line-height:1.45;color:#1e2635}.blog-markdown__h3{margin-top:4px}.blog-markdown__p{font-size:14px;font-weight:400;line-height:1.7;color:#4b5563;white-space:pre-line}.blog-markdown__list{display:grid;gap:8px;padding-left:1.1rem;list-style:disc}.blog-markdown__list li{font-size:14px;font-weight:400;line-height:1.7;color:#4b5563}.blog-markdown__figure{position:relative;overflow:hidden;width:100%;aspect-ratio:1400/840;border-radius:16px}.blog-markdown__image{object-fit:cover}.article-related{position:relative;isolation:isolate;overflow:hidden;padding:24px;border-radius:24px;background:linear-gradient(160deg,rgba(255,255,255,.9),rgba(247,250,246,.92));box-shadow:0 16px 40px rgba(13,122,88,.06);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.article-related__title{margin-bottom:16px;font-size:16px;font-weight:800;color:#1e2635}.article-related__list{display:flex;flex-direction:column;gap:16px}.article-related__item{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;text-decoration:none;color:inherit}.article-related__thumb{position:relative;overflow:hidden;width:72px;height:72px;border-radius:12px;background:#d9d9d9}.article-related__thumb-image{object-fit:cover}.article-related__item-title{font-size:12px;font-weight:800;line-height:1.4;color:#1e2635}.article-related__item:hover .article-related__item-title{color:#0d7a58}.article-related__item-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;font-size:12px;font-weight:400;color:#6b7280}