/* ============================================================
   AMO pages.css — shared page-content design system (light & cheerful)
   Loaded site-wide via header part. Pages use <div class="amo-page"> + these classes.
   No section-sign markers. Brand colors from official logo.
   ============================================================ */
.amo-page{
  --nv:#1B2A3C;--or:#E8731C;--or2:#CC5F12;--tl:#1E9BB8;--rd:#E25744;--pu:#8A45A0;
  --bg:#FFFCF8;--hero:#FFF4E8;--ink:#1B2A3C;--body:#4E4842;--mut:#8A8077;--bd:#EFE7DC;--card:#FFFFFF;
  --sf:'Fraunces',Georgia,serif;--ss:'Inter',-apple-system,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;
  font-family:var(--ss);color:var(--body);line-height:1.65;background:var(--bg);
}
.amo-page *{box-sizing:border-box;}
.amo-page .wrap{max-width:1180px;margin:0 auto;padding:0 clamp(18px,4vw,44px);}
.amo-page .rd{max-width:880px;}
.amo-page h2{font-family:var(--sf);font-weight:800;color:var(--ink);font-size:clamp(25px,3vw,36px);line-height:1.1;letter-spacing:-.01em;margin:0 0 6px;}
.amo-page h3{font-family:var(--sf);font-weight:700;color:var(--ink);font-size:20px;margin:0 0 8px;}
.amo-page p{margin:0 0 14px;}
.amo-page .kk{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--nv);margin-bottom:12px;}
.amo-page .rule{width:46px;height:3px;background:var(--or);border-radius:2px;margin-bottom:16px;}
.amo-page .lead{font-size:clamp(16px,1.7vw,19px);color:var(--body);}
.amo-page .dot{color:var(--or);}
.amo-page section{padding:clamp(40px,5.5vw,68px) 0;}
.amo-page .sec-tint{background:var(--hero);}
.amo-page a.pill-btn{display:inline-block;background:var(--or);color:#fff;font-weight:700;font-size:14px;padding:13px 24px;border-radius:999px;text-decoration:none;box-shadow:0 6px 16px rgba(232,115,28,.28);transition:background .15s;}
.amo-page a.pill-btn:hover{background:var(--or2);}
.amo-page a.pill-ghost{display:inline-block;background:#fff;color:var(--nv);font-weight:700;font-size:14px;padding:13px 24px;border-radius:999px;text-decoration:none;border:1.5px solid var(--bd);}
/* page hero (light) */
.amo-page .phero{position:relative;background:var(--hero);overflow:hidden;padding:clamp(40px,5.5vw,72px) 0 clamp(34px,4.5vw,52px);}
.amo-page .phero .sh{position:absolute;z-index:0;}
.amo-page .phero .s1{width:74px;height:74px;border-radius:50%;background:var(--tl);opacity:.14;top:14%;right:7%;}
.amo-page .phero .s2{width:0;height:0;border-left:26px solid transparent;border-right:26px solid transparent;border-bottom:46px solid var(--pu);opacity:.12;bottom:16%;right:19%;transform:rotate(16deg);}
.amo-page .phero .s3{width:46px;height:46px;border-radius:12px;background:var(--rd);opacity:.11;top:30%;right:26%;transform:rotate(12deg);}
.amo-page .phero .s4{width:56px;height:56px;border:8px solid var(--or);border-radius:50%;opacity:.15;bottom:22%;right:5%;}
.amo-page .phero-in{position:relative;z-index:2;}
.amo-page .phero h1{font-family:var(--sf);font-weight:800;color:var(--ink);font-size:clamp(30px,4.4vw,48px);line-height:1.05;letter-spacing:-.017em;margin:14px 0 0;max-width:20ch;}
.amo-page .chip{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--bd);border-radius:999px;padding:7px 15px;font-size:12.5px;font-weight:700;color:var(--nv);box-shadow:0 3px 10px rgba(0,0,0,.04);}
.amo-page .chip .d{width:9px;height:9px;border-radius:50%;background:var(--or);}
/* cards / grids */
.amo-page .cards{display:grid;gap:18px;margin-top:28px;}
.amo-page .c2{grid-template-columns:repeat(2,1fr);}
.amo-page .c3{grid-template-columns:repeat(3,1fr);}
.amo-page .c4{grid-template-columns:repeat(4,1fr);}
.amo-page .card{background:var(--card);border:1px solid var(--bd);border-radius:18px;padding:24px 22px;box-shadow:0 5px 16px rgba(0,0,0,.04);}
.amo-page .card p{font-size:14px;color:var(--body);margin:0;}
.amo-page .badge{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.amo-page .num{background:#fff;border:1px solid var(--bd);border-radius:18px;padding:22px;border-top:4px solid var(--or);}
.amo-page .num .big{font-family:var(--sf);font-weight:800;font-size:30px;color:var(--nv);line-height:1;}
.amo-page .num .cap{font-size:13px;color:var(--mut);margin-top:8px;}
/* steps */
.amo-page .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px;}
.amo-page .step{background:#fff;border:1px solid var(--bd);border-radius:16px;padding:22px;}
.amo-page .step .sn{font-family:var(--sf);font-weight:800;font-size:18px;color:#fff;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;}
/* medals + pathways */
.amo-page .medals{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;}
.amo-page .medal{border-radius:16px;padding:22px;color:#fff;}
.amo-page .medal .pct{font-family:var(--sf);font-weight:800;font-size:30px;line-height:1;}
.amo-page .medal .nm{font-size:13px;opacity:.92;margin-top:6px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;}
.amo-page .pathways{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px;}
.amo-page .tagpill{background:#fff;border:1px solid var(--bd);border-radius:999px;padding:9px 16px;font-size:13px;color:var(--nv);font-weight:600;}
/* disclaimer */
.amo-page .disc{background:#fff;border:1px solid var(--bd);border-left:4px solid var(--tl);border-radius:12px;padding:16px 18px;font-size:13.5px;color:var(--body);margin-top:14px;}
.amo-page .disc.warn{border-left-color:var(--or);}
/* prose (reading column) */
.amo-page .prose{max-width:820px;}
.amo-page .prose p{font-size:16px;line-height:1.75;}
.amo-page .prose h2{margin-top:30px;}
.amo-page .prose ul{margin:0 0 16px;padding-left:22px;}
.amo-page .prose li{font-size:16px;line-height:1.7;margin:7px 0;}
.amo-page .prose blockquote{border-left:3px solid var(--or);padding:6px 0 6px 18px;margin:18px 0;font-family:var(--sf);font-style:italic;font-size:18px;color:var(--ink);}
/* faq */
.amo-page .qa{background:#fff;border:1px solid var(--bd);border-radius:14px;padding:18px 20px;margin-bottom:12px;}
.amo-page .qa h3{font-size:17px;margin-bottom:6px;}
.amo-page .qa p{font-size:14px;margin:0;color:var(--body);}
/* cta band */
.amo-page .cta{position:relative;background:#FFE9CE;border-radius:22px;padding:clamp(28px,4vw,46px);overflow:hidden;}
.amo-page .cta .bigdot{position:absolute;width:200px;height:200px;border-radius:50%;background:var(--or);opacity:.12;right:-40px;top:-50px;}
.amo-page .cta-in{position:relative;display:flex;flex-wrap:wrap;gap:26px;align-items:center;justify-content:space-between;}
.amo-page .cta h2{margin-bottom:8px;}
.amo-page .cta p{color:#6b5a45;max-width:46ch;margin:0;}
.amo-page .qrbox{position:relative;width:200px;height:200px;flex:none;align-self:center;background:#fff;border:1px solid var(--bd);border-radius:16px;box-shadow:0 6px 18px rgba(0,0,0,.08);}
.amo-page .qrbox .hl-site-qr,.amo-page .qrbox .amo-qr-img,.amo-page .qrbox img{position:relative;z-index:2;display:block;width:100%;height:100%;border-radius:16px;object-fit:cover;background:#fff;}
.amo-page .qrbox .qr-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#b3a892;font-size:12px;text-align:center;padding:10px;}
.amo-page .qrbox .qr-ph svg{opacity:.5;}
.amo-page .qrbox:has(img){background:#fff;}
.amo-page .qrbox:has(img) .qr-ph{display:none;}
@media(max-width:880px){
  .amo-page .c4,.amo-page .c2{grid-template-columns:repeat(2,1fr);}
  .amo-page .c3,.amo-page .steps,.amo-page .medals{grid-template-columns:1fr;}
  .amo-page .cta-in{flex-direction:column;align-items:flex-start;}
}

/* ===== AMO NEWS · archive + single (appended) ===== */
.amo-archive{ background:var(--amo-bg,#FFFCF8); }
.amo-arch-hero{ position:relative; background:#FFF4E8; overflow:hidden; padding:clamp(40px,5vw,64px) 0 clamp(30px,4vw,48px); }
.amo-arch-sh{ position:absolute; z-index:0; }
.amo-arch-s1{ width:70px; height:70px; border-radius:50%; background:#1E9BB8; opacity:.14; top:18%; right:8%; }
.amo-arch-s4{ width:54px; height:54px; border:8px solid #E8731C; border-radius:50%; opacity:.15; bottom:18%; right:5%; }
.amo-arch-wrap{ position:relative; z-index:2; max-width:1180px; margin:0 auto; padding:0 clamp(18px,4vw,44px); }
.amo-arch-chip{ display:inline-flex; align-items:center; gap:7px; background:#fff; border:1px solid #EFE7DC; border-radius:999px; padding:6px 14px; font-family:'Inter',sans-serif; font-size:11.5px; font-weight:700; color:#1B2A3C; }
.amo-arch-chip .amo-arch-d{ width:8px; height:8px; border-radius:50%; background:#E8731C; }
.amo-arch-h1{ font-family:'Fraunces',Georgia,serif; font-weight:800; color:#1B2A3C; font-size:clamp(30px,4.2vw,46px); line-height:1.05; letter-spacing:-.017em; margin:14px 0 0; }
.amo-arch-dot{ color:#E8731C; }
.amo-arch-lead{ font-family:'Inter',sans-serif; font-size:clamp(15px,1.7vw,18px); color:#4E4842; margin-top:12px; max-width:60ch; }

/* archive body needs its own breathing room (baseline !important zeroes group padding) */
body .amo-archive .amo-arch-body{ padding:clamp(40px,5vw,64px) clamp(20px,5vw,40px) clamp(48px,6vw,80px) !important; max-width:1120px; margin-left:auto !important; margin-right:auto !important; box-sizing:border-box; }
.amo-arch-query .amo-arch-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin:0; align-items:stretch; }
.amo-arch-card{ background:#fff; border:1px solid #EFE7DC; border-radius:18px; overflow:hidden; box-shadow:0 5px 16px rgba(0,0,0,.04); transition:transform .18s, box-shadow .18s; display:flex; flex-direction:column; height:100%; }
.amo-arch-card:hover{ transform:translateY(-3px); box-shadow:0 12px 28px rgba(0,0,0,.09); }
.amo-arch-card .amo-arch-thumb{ margin:0; }
.amo-arch-card .amo-arch-thumb img{ width:100%; height:180px; object-fit:cover; display:block; }
.amo-arch-card .wp-block-post-featured-image{ margin:0; }
.amo-arch-cardbody{ padding:20px 20px 22px; display:flex; flex-direction:column; gap:8px; flex:1 1 auto; }
.amo-arch-date{ font-family:'Inter',sans-serif; font-size:12px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:#8A8077; }
.amo-arch-title{ margin:0; }
.amo-arch-title a{ font-family:'Fraunces',Georgia,serif; font-weight:700; font-size:19px; line-height:1.25; color:#1B2A3C; text-decoration:none; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.amo-arch-title a:hover{ color:#E8731C; }
.amo-arch-excerpt{ font-family:'Inter',sans-serif; font-size:14px; line-height:1.6; color:#4E4842; margin:0; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.amo-arch-excerpt a{ color:#E8731C; font-weight:700; text-decoration:none; }
.amo-arch-pag{ margin-top:40px; gap:6px; }
.amo-arch-pag a, .amo-arch-pag .current{ font-family:'Inter',sans-serif; font-size:14px; font-weight:600; color:#1B2A3C; text-decoration:none; padding:8px 13px; border-radius:9px; border:1px solid #EFE7DC; background:#fff; }
.amo-arch-pag a:hover{ border-color:#E8731C; color:#E8731C; }
.amo-arch-pag .current{ background:#E8731C; color:#fff; border-color:#E8731C; }
.amo-arch-empty{ font-family:'Inter',sans-serif; color:#8A8077; font-size:15px; text-align:center; padding:40px 0; }

/* ===== single layout: centered reading column (TOC is a separate FIXED overlay, does NOT affect this) ===== */
body main.amo-single{ overflow-x:hidden; padding-bottom:clamp(60px,7vw,88px) !important; }
body .amo-single .amo-single-head,
body .amo-single .amo-single-featwrap,
body .amo-single .amo-single-body{
  max-width:820px; margin-left:auto !important; margin-right:auto !important;
  padding-left:clamp(18px,4vw,32px) !important; padding-right:clamp(18px,4vw,32px) !important;
}
/* head */
body .amo-single .amo-single-head{ text-align:left; padding-top:clamp(28px,4vw,48px) !important; padding-bottom:clamp(20px,3vw,32px) !important; }
body .amo-single .amo-single-back{ display:inline-block; font-family:'Inter',sans-serif; font-size:13px; font-weight:600; color:#8A8077; text-decoration:none; margin-bottom:16px; }
body .amo-single .amo-single-back:hover{ color:#E8731C; }
body .amo-single .amo-single-date{ font-family:'Inter',sans-serif !important; font-size:12.5px !important; font-weight:600; letter-spacing:.05em; text-transform:uppercase; color:#8A8077 !important; margin-bottom:8px; }
body .amo-single .amo-single-title{ font-family:'Fraunces',Georgia,serif !important; font-weight:800 !important; color:#1B2A3C !important; font-size:clamp(28px,3.6vw,42px) !important; line-height:1.08 !important; letter-spacing:-.018em; margin:0; }
/* feature image */
body .amo-single .amo-single-featwrap{ margin-top:24px !important; margin-bottom:8px !important; }
body .amo-single .amo-single-feature{ margin:0 !important; }
body .amo-single .amo-single-feature img{ width:100%; height:auto; max-height:none; object-fit:contain; border-radius:16px; display:block; background:#FFF4E8; }
body .amo-single .amo-single-body{ padding-top:clamp(20px,3vw,32px) !important; padding-bottom:clamp(24px,3vw,40px) !important; position:relative; }
body .amo-single .amo-single-body::before{ content:""; display:block; width:46px; height:3px; background:#E8731C; border-radius:2px; margin-bottom:clamp(20px,3vw,28px); }

/* ===== single foot: prev/next nav + related posts ===== */
body .amo-single .amo-single-foot{ max-width:820px; margin:clamp(22px,3vw,30px) auto 0 !important; padding:clamp(28px,3.2vw,38px) clamp(18px,4vw,32px) 0 !important; }
.amo-postnav{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:8px 0 40px; }
.amo-postnav-item{ display:flex; flex-direction:column; gap:5px; background:#fff; border:1px solid #EFE7DC; border-radius:14px; padding:16px 18px; text-decoration:none; transition:border-color .15s, box-shadow .15s; }
a.amo-postnav-item:hover{ border-color:#E8731C; box-shadow:0 6px 16px rgba(0,0,0,.05); }
.amo-postnav-empty{ background:transparent; border:none; }
.amo-postnav-dir{ font-family:'Inter',sans-serif; font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#8A8077; }
.amo-postnav-next{ text-align:right; }
.amo-postnav-title{ font-family:'Fraunces',Georgia,serif; font-weight:700; font-size:15.5px; line-height:1.3; color:#1B2A3C; }
a.amo-postnav-item:hover .amo-postnav-title{ color:#E8731C; }
.amo-related{ border-top:1px solid #EFE7DC; padding-top:36px; }
.amo-related-h{ font-family:'Fraunces',Georgia,serif !important; font-weight:800 !important; font-size:24px !important; color:#1B2A3C !important; margin:0 0 22px !important; }
.amo-related-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.amo-related-card{ display:flex; flex-direction:column; background:#fff; border:1px solid #EFE7DC; border-radius:16px; overflow:hidden; text-decoration:none; box-shadow:0 4px 12px rgba(0,0,0,.04); transition:transform .15s, box-shadow .15s; }
.amo-related-card:hover{ transform:translateY(-3px); box-shadow:0 12px 26px rgba(0,0,0,.09); }
.amo-related-thumb{ display:block; height:120px; background-size:cover; background-position:center; background-color:#FFF4E8; }
.amo-related-body{ display:flex; flex-direction:column; gap:6px; padding:14px 16px 18px; }
.amo-related-date{ font-family:'Inter',sans-serif; font-size:11px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:#8A8077; }
.amo-related-title{ font-family:'Fraunces',Georgia,serif; font-weight:700; font-size:16px; line-height:1.3; color:#1B2A3C; }
.amo-related-card:hover .amo-related-title{ color:#E8731C; }
@media(max-width:760px){ .amo-postnav{ grid-template-columns:1fr; } .amo-related-grid{ grid-template-columns:1fr; } }

/* ===== Floating TOC (fixed overlay · left · smart show/hide) — proven pattern from skill floating-toc.html ===== */
/* hide baseline's leftover empty TOC float (we use .amo-toc instead) */
#hl-toc-float, .hl-toc-float{ display:none !important; }
.amo-toc{
  display:none;
  position:fixed; top:130px; left:max(28px, calc((100vw - 820px)/2 - 252px));
  width:236px; max-height:calc(100vh - 180px);
  overflow-x:hidden; overflow-y:auto;
  background:#FFFFFF; border:1px solid #EFE7DC; border-radius:16px;
  box-shadow:0 10px 30px rgba(27,42,60,.10);
  padding:20px 18px;
  z-index:40; box-sizing:border-box;
  opacity:0; transition:opacity .3s, transform .3s;
  transform:translateY(8px);
}
.amo-toc.amo-toc-show{ display:block; opacity:1; transform:translateY(0); }
.amo-toc{ scrollbar-width:thin; scrollbar-color:#EFE7DC transparent; }
.amo-toc::-webkit-scrollbar{ width:4px; background:transparent; }
.amo-toc::-webkit-scrollbar-thumb{ background:transparent; border-radius:2px; }
.amo-toc:hover::-webkit-scrollbar-thumb{ background:#EFE7DC; }
.amo-toc__kicker{ font-family:'Inter',sans-serif; font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:#8A8077; margin:0 0 12px; padding-bottom:12px; border-bottom:1px solid #F1ECE3; }
.amo-toc__list{ list-style:none; padding:0; margin:0; }
.amo-toc__item{ margin:2px 0; }
.amo-toc__item--h3{ padding-left:12px; }
.amo-toc__item a{
  display:block; font-family:'Inter',sans-serif; font-size:12.5px; line-height:1.4;
  color:#6b6259; text-decoration:none;
  padding:8px 10px; border-radius:8px;
  border-left:3px solid transparent;
  transition:color .15s, background .15s, border-color .15s;
}
.amo-toc__item a:hover{ color:#1B2A3C; background:#FBF6EF; }
.amo-toc__item a.is-active{ color:#E8731C; font-weight:700; background:#FDEBD9; border-left-color:#E8731C; }
@media(max-width:1180px){ .amo-toc{ display:none !important; } }

/* prose — high specificity (body .amo-single ...) to override baseline .hl-prose (L99 pattern) */
body .amo-single .amo-prose{ font-family:'Inter',sans-serif !important; color:#3f3a34 !important; font-size:16.5px; line-height:1.78; }
body .amo-single .amo-prose p{ margin:0 0 18px; color:#3f3a34; font-size:16.5px; line-height:1.78; }
body .amo-single .amo-prose h2{ font-family:'Fraunces',Georgia,serif !important; font-weight:700 !important; color:#1B2A3C !important; font-size:26px !important; line-height:1.2 !important; margin:34px 0 12px !important; letter-spacing:-.01em; scroll-margin-top:110px; }
body .amo-single .amo-prose h3{ font-family:'Fraunces',Georgia,serif !important; font-weight:700 !important; color:#1B2A3C !important; font-size:20px !important; margin:26px 0 10px !important; scroll-margin-top:110px; }
body .amo-single .amo-prose ul, body .amo-single .amo-prose ol{ margin:0 0 18px; padding-left:24px; }
body .amo-single .amo-prose li{ margin:8px 0; color:#3f3a34; font-size:16.5px; line-height:1.7; }
body .amo-single .amo-prose strong{ color:#1B2A3C; font-weight:700; }
body .amo-single .amo-prose a{ color:#E8731C; font-weight:600; }
body .amo-single .amo-prose blockquote{ border-left:3px solid #E8731C; margin:22px 0; padding:6px 0 6px 18px; font-family:'Fraunces',Georgia,serif; font-style:italic; font-size:18px; color:#1B2A3C; }

/* single CTA */
.amo-single-cta{ display:flex; flex-wrap:wrap; gap:24px; align-items:center; justify-content:space-between; background:#FFE9CE; border-radius:20px; padding:28px clamp(20px,3vw,34px); margin-top:40px; margin-bottom:clamp(24px,4vw,48px); }
.amo-single-cta-tx{ flex:1 1 320px; }
.amo-single-cta-k{ font-family:'Inter',sans-serif; font-size:11.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#E8731C; }
.amo-single-cta-h{ display:block; font-family:'Fraunces',Georgia,serif; font-weight:700; font-size:22px; color:#1B2A3C; margin:6px 0 8px; }
.amo-single-cta-p{ font-family:'Inter',sans-serif; font-size:13.5px; line-height:1.6; color:#6b5a45; margin:0; }
.amo-single-cta-qr .qrbox{ position:relative; width:160px; height:160px; background:#fff; border:1px solid #EFE7DC; border-radius:16px; box-shadow:0 6px 18px rgba(0,0,0,.08); }
.amo-single-cta-qr .qrbox .amo-qr-img,.amo-single-cta-qr .qrbox img{ position:relative; z-index:2; display:block; width:100%; height:100%; border-radius:16px; object-fit:cover; background:#fff; }
.amo-single-cta-qr .qr-ph{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; color:#b3a892; font-family:'Inter',sans-serif; font-size:11px; font-weight:600; }
.amo-single-cta-qr .qrbox:has(img) .qr-ph{ display:none; }

@media(max-width:900px){ .amo-arch-query .amo-arch-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:600px){ .amo-arch-query .amo-arch-grid{ grid-template-columns:1fr; } .amo-single-cta{ flex-direction:column; align-items:flex-start; } }
/* ===== Article CTA — restyle baseline .hl-article-cta to AMO light/cheerful =====
   baseline ships a DARK ink card w/ blue button; AMO uses a warm peach card,
   navy heading, orange WhatsApp button + dual QR (WhatsApp/WeChat). All copy +
   QR come from Site Tools. Scoped under "body .amo-single" so it outranks
   baseline's ".hl-prose .hl-article-cta-*" rules (which force white text). */
body .amo-single .hl-article-cta{
  display:flex; flex-direction:column; gap:16px;
  background:#FFE9CE; color:#1B2A3C; border:1px solid #F6D9B8;
  border-radius:18px; padding:clamp(15px,2vw,19px);
  margin:clamp(24px,3vw,32px) 0 !important;
}
@media(min-width:640px){
  body .amo-single .hl-article-cta{ flex-direction:row; align-items:center; gap:clamp(18px,2.4vw,26px); }
}
body .amo-single .hl-article-cta-body{ flex:1 1 auto; min-width:0; }
body .amo-single .hl-article-cta-title{
  font-family:'Fraunces',Georgia,serif; font-weight:700;
  font-size:clamp(18px,2.1vw,21px); line-height:1.2; color:#1B2A3C; margin:0 0 6px; padding:0;
}
body .amo-single .hl-article-cta-sub{
  font-family:'Inter',sans-serif; font-size:13.5px; line-height:1.45; color:#6b5a45; opacity:1; margin:0 0 9px;
}
body .amo-single .hl-article-cta-bullets{ list-style:none; margin:0 0 12px; padding:0; font-size:13px; line-height:1.45; color:#6b5a45; opacity:1; }
body .amo-single .hl-article-cta-bullets li{ position:relative; padding-left:22px; margin:0 0 5px; text-align:left; }
body .amo-single .hl-article-cta-bullets li::before{ content:"\2713"; position:absolute; left:0; top:0; color:#E8731C; font-weight:800; }
/* button selector includes ".amo-prose a.hl-cta-online-btn" (0,3,2) so it
   outranks the prose link rule "body .amo-single .amo-prose a" (0,2,2) — else
   the orange link color paints orange-on-orange and the label vanishes. */
body .amo-single .amo-prose a.hl-cta-online-btn,
body .amo-single .hl-cta-online-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px; align-self:flex-start; box-sizing:border-box; max-width:100%;
  background:#E8731C; color:#fff; font-family:'Inter',sans-serif;
  font-size:13.5px; font-weight:700; padding:10px 22px; border-radius:999px; text-decoration:none;
  box-shadow:0 5px 14px rgba(232,115,28,.28); transition:background .15s, opacity .15s;
}
body .amo-single .amo-prose a.hl-cta-online-btn:hover,
body .amo-single .hl-cta-online-btn:hover{ background:#CC5F12; color:#fff; opacity:1; }
/* dual QR — compact white tiles + navy captions */
body .amo-single .hl-article-cta-qr{ flex-shrink:0; }
body .amo-single .hl-cta-qr-dual{ display:flex; flex-wrap:wrap; gap:14px; justify-content:center; }
body .amo-single .hl-cta-qr-dual .hl-cta-qr-panel{ margin:0; text-align:center; }
body .amo-single .hl-cta-scan-img{
  width:90px; height:90px; background:#fff; border:1px solid #EFE7DC;
  border-radius:10px; padding:5px; object-fit:contain;
}
body .amo-single .hl-cta-qr-dual .hl-cta-qr-panel figcaption{
  margin-top:6px; font-family:'Inter',sans-serif; font-size:11.5px; font-weight:700; color:#1B2A3C; opacity:1;
}
@media(max-width:600px){
  body .amo-single .hl-article-cta{ text-align:left; align-items:stretch; }
  body .amo-single .hl-article-cta-body{ display:block; }
  body .amo-single .hl-cta-online-btn{ align-self:stretch; width:100%; margin-top:4px; }
  body .amo-single .hl-article-cta-qr{ align-self:center; }
  body .amo-single .hl-cta-qr-dual{ justify-content:center; }
  body .amo-single .hl-cta-scan-img{ width:118px; height:118px; }
}

/* ===== Prev / next (baseline .hl-post-nav) — AMO style ===== */
body .amo-single .hl-post-nav{ display:flex; gap:14px; flex-wrap:wrap; border-top:1px solid #F0E6D8; padding-top:24px; margin-top:8px; }
body .amo-single .hl-post-nav .wp-block-post-navigation-link{
  flex:1 1 240px; background:#fff; border:1px solid #F0E6D8; border-radius:14px; padding:14px 18px;
}
/* hide the empty prev/next box at the ends of the archive (newest post has no
   "Next", oldest has no "Previous") — baseline style.css isn't loaded here */
body .amo-single .hl-post-nav .wp-block-post-navigation-link:empty{ display:none; }
body .amo-single .hl-post-nav .post-navigation-link-next{ text-align:right; }
body .amo-single .hl-post-nav .wp-block-post-navigation-link a{
  font-family:'Inter',sans-serif; font-size:14.5px; font-weight:600; color:#1B2A3C; text-decoration:none;
}
body .amo-single .hl-post-nav .wp-block-post-navigation-link:hover{ border-color:#E8731C; }
body .amo-single .hl-post-nav .wp-block-post-navigation-link a:hover{ color:#E8731C; }

/* ===== Related (baseline .hl-related) — AMO cards ===== */
/* match the body content column: 820px box, centered, same side padding */
/* margin-bottom needs !important — a reset zeroes it otherwise (main padding-bottom doesn't apply here) → gives the related block clearance from the footer */
body .amo-single .hl-related{ max-width:820px; margin:clamp(30px,3.6vw,42px) auto clamp(52px,6vw,76px) !important; padding:0 clamp(18px,4vw,32px); box-sizing:border-box; }
body .amo-single .hl-related-head{ font-family:'Fraunces',Georgia,serif; font-weight:700; font-size:clamp(18px,2.4vw,22px); color:#1B2A3C; margin:0 0 18px; }
body .amo-single .hl-related-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
body .amo-single .hl-related-card{ display:block; background:#fff; border:1px solid #F0E6D8; border-radius:16px; padding:18px; text-decoration:none; transition:border-color .15s, transform .15s, box-shadow .15s; }
body .amo-single .hl-related-card:hover{ border-color:#E8731C; transform:translateY(-2px); box-shadow:0 10px 24px rgba(27,42,60,.08); }
body .amo-single .hl-related-date{ font-family:'Inter',sans-serif; font-size:12px; color:#9a8a74; margin-bottom:7px; }
body .amo-single .hl-related-title{ font-family:'Fraunces',Georgia,serif; font-weight:700; font-size:16px; line-height:1.3; color:#1B2A3C; margin-bottom:7px; display:block; }
body .amo-single .hl-related-x{ font-family:'Inter',sans-serif; font-size:13px; line-height:1.55; color:#6b5a45; display:block; }
@media(max-width:760px){ body .amo-single .hl-related-grid{ grid-template-columns:1fr; } }
/* ===== END AMO ARTICLE CTA / NAV / RELATED ===== */

/* ===== dual-QR CTA (WhatsApp + WeChat) ===== */
.amo-page .qrpair{ display:flex; gap:18px; flex:none; }
.amo-page .qrcell{ display:flex; flex-direction:column; align-items:center; gap:8px; }
.amo-page .qrlabel{ font-size:12px; font-weight:700; color:var(--nv); letter-spacing:.04em; }
.amo-page .qrcell2:not(:has(img)){ display:none; }
.amo-page .qrpair .qrbox{ width:150px; height:150px; }
@media(max-width:600px){ .amo-page .qrpair{ flex-wrap:wrap; justify-content:center; gap:14px; } }