:root { --amp-petrol:#123f43; --amp-petrol-soft:#345f61; --amp-cream:#f3f0e7; --amp-paper:#fffdf8; --amp-mint:#dcefeb; --amp-gold:#e7c66a; --amp-line:#d8d2c7; }

.amp-native-blog { background:var(--amp-cream); color:var(--amp-petrol); }
.amp-native-blog .site-header { background:rgba(243,240,231,.96); }
.amp-native-blog .main-nav a { font-size:14px; }
.amp-native-blog a:focus-visible,.amp-native-blog button:focus-visible,.amp-native-blog input:focus-visible,.amp-native-blog summary:focus-visible { outline:3px solid var(--amp-gold); outline-offset:4px; }

.amp-knowledge,.amp-article { min-height:60vh; }
.amp-knowledge { padding-top:0; }
.amp-article { padding-top:84px; }
.amp-knowledge-hero { align-items:end; background:var(--amp-mint); border-bottom:1px solid #c7ddd8; display:grid; gap:clamp(36px,7vw,100px); grid-template-columns:minmax(0,1.15fr) minmax(320px,.65fr); padding:clamp(48px,5vw,72px) max(24px,calc((100vw - 1240px)/2)); }
.amp-knowledge-hero > div > p:last-child { color:var(--amp-petrol-soft); font-size:clamp(18px,2vw,22px); line-height:1.6; margin:24px 0 0; max-width:720px; }
.amp-knowledge-hero h1 { font-family:var(--serif); font-size:clamp(48px,6.8vw,92px); font-weight:500; letter-spacing:-.055em; line-height:.96; margin:14px 0 0; max-width:900px; }
.amp-knowledge-hero h1 em { text-decoration-color:var(--amp-gold); text-decoration-thickness:10px; text-underline-offset:-4px; }
.amp-blog-search { background:var(--amp-paper); border:1px solid #c7ddd8; border-radius:22px; padding:24px; }
.amp-blog-search label { display:block; font-size:14px; font-weight:800; margin-bottom:10px; }
.amp-blog-search > div { display:flex; gap:10px; }
.amp-blog-search input { background:#fff; border:1px solid #a8c2be; border-radius:12px; color:var(--amp-petrol); flex:1; font-size:16px; min-height:52px; padding:0 16px; width:100%; }
.amp-blog-search button { background:var(--amp-petrol); border:0; border-radius:12px; color:#fff; cursor:pointer; font-size:15px; font-weight:800; min-height:52px; padding:0 22px; }

.amp-topic-nav { display:flex; flex-wrap:wrap; gap:10px; margin:0 auto; max-width:1240px; padding:34px 24px 0; }
.amp-topic-nav a { align-items:center; background:var(--amp-paper); border:1px solid var(--amp-line); border-radius:999px; color:var(--amp-petrol); display:inline-flex; font-size:14px; font-weight:750; gap:8px; min-height:44px; padding:10px 16px; text-decoration:none; }
.amp-topic-nav a span { color:var(--amp-petrol-soft); font-size:14px; }
.amp-topic-nav a.is-active,.amp-topic-nav a:hover { background:var(--amp-petrol); border-color:var(--amp-petrol); color:#fff; }
.amp-topic-nav a.is-active span,.amp-topic-nav a:hover span { color:#d8ebea; }

.amp-knowledge-list,.amp-related { margin:0 auto; max-width:1240px; padding:clamp(58px,7vw,96px) 24px; }
.amp-section-heading { align-items:end; display:flex; gap:24px; justify-content:space-between; margin-bottom:34px; }
.amp-section-heading h2,.amp-related > h2 { font-family:var(--serif); font-size:clamp(34px,4vw,56px); font-weight:500; letter-spacing:-.04em; line-height:1.05; margin:8px 0 0; }
.amp-section-heading > p { color:var(--amp-petrol-soft); font-size:14px; }
.amp-blog-grid { display:grid; gap:24px; grid-template-columns:repeat(3,minmax(0,1fr)); }
.amp-blog-card { background:var(--amp-paper); border:1px solid var(--amp-line); border-radius:22px; box-shadow:0 14px 34px rgba(18,63,67,.06); display:flex; flex-direction:column; min-width:0; overflow:hidden; transition:transform .2s ease,box-shadow .2s ease; }
.amp-blog-card:hover { box-shadow:0 20px 48px rgba(18,63,67,.12); transform:translateY(-4px); }
.amp-blog-card__image { aspect-ratio:16/10; background:#d8e9e6; display:block; overflow:hidden; }
.amp-blog-card__image img { height:100%; object-fit:cover; transition:transform .45s ease; width:100%; }
.amp-blog-card:hover .amp-blog-card__image img { transform:scale(1.035); }
.amp-blog-card__image.is-fallback { align-items:center; display:flex; justify-content:center; }
.amp-blog-card__image.is-fallback > span { color:var(--amp-petrol); font-size:48px; font-weight:850; letter-spacing:-.07em; }
.amp-blog-card__image.is-fallback > span span { color:#af8e30; }
.amp-blog-card__body { display:flex; flex:1; flex-direction:column; padding:24px; }
.amp-blog-card__meta { align-items:center; color:var(--amp-petrol-soft); display:flex; font-size:14px; font-weight:700; gap:12px; justify-content:space-between; }
.amp-blog-card__meta span { color:#775e16; }
.amp-blog-card h2 { font-family:var(--serif); font-size:clamp(25px,2.1vw,31px); font-weight:550; letter-spacing:-.035em; line-height:1.1; margin:18px 0 12px; }
.amp-blog-card h2 a { color:var(--amp-petrol); text-decoration:none; }
.amp-blog-card__body > p { color:var(--amp-petrol-soft); font-size:16px; line-height:1.62; margin:0 0 22px; }
.amp-blog-card__link { color:var(--amp-petrol); font-size:15px; font-weight:850; margin-top:auto; text-underline-offset:4px; }
.amp-pagination { display:flex; justify-content:center; margin-top:48px; }
.amp-pagination .page-numbers { align-items:center; border-radius:10px; color:var(--amp-petrol); display:inline-flex; font-size:15px; font-weight:800; justify-content:center; min-height:44px; min-width:44px; padding:8px 12px; }
.amp-pagination .current { background:var(--amp-petrol); color:#fff; }
.amp-blog-empty { background:var(--amp-paper); border:1px solid var(--amp-line); border-radius:22px; padding:42px; }
.amp-blog-empty h2 { font-size:32px; margin:0 0 10px; }
.amp-blog-empty p { font-size:16px; }

.amp-breadcrumb { align-items:center; display:flex; flex-wrap:wrap; gap:9px; margin:0 auto; max-width:1180px; padding:34px 24px 0; }
.amp-breadcrumb a,.amp-breadcrumb span { color:var(--amp-petrol-soft); font-size:14px; line-height:1.5; }
.amp-breadcrumb [aria-current="page"] { max-width:54ch; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.amp-article-hero { margin:0 auto; max-width:1000px; padding:clamp(64px,8vw,110px) 24px clamp(40px,6vw,72px); text-align:center; }
.amp-article-hero h1 { font-family:var(--serif); font-size:clamp(42px,6vw,74px); font-weight:500; letter-spacing:-.05em; line-height:1.02; margin:16px auto 24px; }
.amp-article-lead { color:var(--amp-petrol-soft); font-size:clamp(18px,2vw,22px); line-height:1.65; margin:0 auto; max-width:820px; }
.amp-article-meta { align-items:center; display:flex; flex-wrap:wrap; gap:10px 18px; justify-content:center; margin-top:28px; }
.amp-article-meta span,.amp-article-meta time { color:var(--amp-petrol-soft); font-size:14px; font-weight:700; }
.amp-article-cover { border-radius:28px; margin:0 auto; max-width:1180px; overflow:hidden; width:calc(100% - 48px); }
.amp-article-cover img { aspect-ratio:16/9; display:block; height:auto; object-fit:cover; width:100%; }
.amp-article-layout { align-items:start; display:grid; gap:clamp(40px,6vw,88px); grid-template-columns:260px minmax(0,740px); justify-content:center; margin:0 auto; max-width:1180px; padding:clamp(58px,7vw,94px) 24px; }
.article-toc { border-left:3px solid var(--amp-gold); padding-left:20px; position:sticky; top:112px; }
.article-toc > strong { display:block; font-size:15px; margin-bottom:14px; }
.article-toc ol { display:grid; gap:9px; margin:0; padding-left:18px; }
.article-toc a { color:var(--amp-petrol-soft); font-size:14px; line-height:1.45; text-decoration:none; }
.article-toc a:hover { color:var(--amp-petrol); text-decoration:underline; text-underline-offset:3px; }
.amp-article-body { font-size:18px; line-height:1.76; min-width:0; }
.amp-article-body > * { max-width:100%; }
.amp-article-body h2 { font-family:var(--serif); font-size:clamp(31px,3.4vw,45px); font-weight:550; letter-spacing:-.035em; line-height:1.12; margin:2.15em 0 .7em; scroll-margin-top:110px; }
.amp-article-body h3 { font-size:clamp(22px,2.3vw,28px); line-height:1.25; margin:1.8em 0 .65em; scroll-margin-top:110px; }
.amp-article-body p,.amp-article-body li { color:#294f52; font-size:18px; line-height:1.76; }
.amp-article-body a { color:var(--amp-petrol); font-weight:700; overflow-wrap:anywhere; text-decoration-color:#b49032; text-decoration-thickness:2px; text-underline-offset:4px; }
.amp-article-body ul,.amp-article-body ol { padding-left:1.3em; }
.amp-article-body li + li { margin-top:.55em; }
.amp-article-body blockquote { background:var(--amp-mint); border-left:5px solid var(--amp-gold); border-radius:0 18px 18px 0; margin:32px 0; padding:22px 26px; }
.amp-article-body figure,.amp-article-body img { height:auto; max-width:100%; }
.amp-article-body figure { margin:36px 0; }
.amp-article-body figcaption { color:var(--amp-petrol-soft); font-size:14px; line-height:1.5; margin-top:9px; }
.amp-article-body table { border-collapse:collapse; display:block; font-size:16px; margin:30px 0; max-width:100%; overflow-x:auto; }
.amp-article-body th,.amp-article-body td { border:1px solid var(--amp-line); padding:12px 14px; text-align:left; }
.amp-article-summary { background:var(--amp-mint); border:1px solid #bfd9d5; border-radius:20px; margin-bottom:38px; padding:24px; }
.amp-article-summary > strong { font-size:14px; letter-spacing:.08em; text-transform:uppercase; }
.amp-article-summary p { margin:10px 0 0; }
.amp-service-cta { background:var(--amp-petrol); border-radius:24px; color:#fff; margin:58px 0; padding:clamp(28px,5vw,44px); }
.amp-service-cta h2 { color:#fff; margin:.25em 0 .35em; }
.amp-service-cta p { color:#d7e8e6; }
.amp-service-cta a { background:var(--amp-gold); border-radius:12px; color:var(--amp-petrol); display:inline-flex; font-size:15px; font-weight:850; margin-top:10px; min-height:48px; padding:13px 18px; text-decoration:none; }
.article-faq { margin-top:64px; }
.article-faq .faq-list { margin-top:22px; }
.article-faq details { border-top:1px solid var(--amp-line); }
.article-faq summary { cursor:pointer; font-size:17px; min-height:64px; padding:18px 44px 18px 0; }
.article-faq .faq-answer { color:var(--amp-petrol-soft); font-size:16px; line-height:1.7; padding:0 0 22px; }
.article-faq .faq-answer p { font-size:16px; }
.amp-author { align-items:center; background:var(--amp-paper); border:1px solid var(--amp-line); border-radius:22px; display:grid; gap:22px; grid-template-columns:96px 1fr; margin-top:64px; padding:24px; }
.amp-author img { border-radius:50%; height:96px; object-fit:cover; width:96px; }
.amp-author h2 { font-size:29px; margin:4px 0 8px; }
.amp-author p { font-size:16px; line-height:1.6; margin:0; }
.amp-related { border-top:1px solid var(--amp-line); }
.amp-related > h2 { margin-bottom:32px; }
.amp-native-blog .closing-section { margin-bottom:0; }

@media (max-width:980px) {
  .amp-knowledge-hero { grid-template-columns:1fr; }
  .amp-blog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .amp-article-layout { grid-template-columns:1fr; }
  .amp-article-layout > aside { display:none; }
}

@media (max-width:680px) {
  .amp-knowledge { padding-top:0; }
  .amp-article { padding-top:72px; }
  .amp-knowledge-hero { padding:48px 18px; }
  .amp-blog-search > div { flex-direction:column; }
  .amp-topic-nav,.amp-knowledge-list,.amp-related { padding-left:18px; padding-right:18px; }
  .amp-blog-grid { grid-template-columns:1fr; }
  .amp-section-heading { align-items:flex-start; flex-direction:column; }
  .amp-breadcrumb { padding-inline:18px; }
  .amp-breadcrumb [aria-current="page"] { display:none; }
  .amp-article-hero { padding-left:18px; padding-right:18px; text-align:left; }
  .amp-article-meta { justify-content:flex-start; }
  .amp-article-cover { border-radius:18px; width:calc(100% - 36px); }
  .amp-article-layout { padding-left:18px; padding-right:18px; }
  .amp-article-body,.amp-article-body p,.amp-article-body li { font-size:16px; line-height:1.72; }
  .amp-author { align-items:start; grid-template-columns:72px 1fr; }
  .amp-author img { height:72px; width:72px; }
}