@import url('https://cdn.jsdelivr.net/gh/dreampulse/computer-modern-web-font@master/font/Serif/cmun-serif.css');
@import url('https://cdn.jsdelivr.net/gh/dreampulse/computer-modern-web-font@master/font/Sans/cmun-sans.css');
@import url('https://cdn.jsdelivr.net/gh/dreampulse/computer-modern-web-font@master/font/Typewriter/cmun-typewriter.css');

/* =====================================================================
   AMC · Typeset chrome (header / footer / drawer) + furniture restyle
   Computer Modern + answer-bubble + geometry · colors via theme.json presets
   ===================================================================== */
:root{
  --cm-serif:'Computer Modern Serif',Georgia,'Times New Roman','Songti SC',serif;
  --cm-sans:'Computer Modern Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --cm-mono:'Computer Modern Typewriter','SF Mono',ui-monospace,Consolas,monospace;
  --amc-blue:#1B3A6B; --amc-blue-soft:#3D63A0; --amc-mark:#C2371E;
  --amc-paper:#FAFAF8; --amc-card:#FFFFFF; --amc-ink:#1A1A17; --amc-muted:#6C6B62; --amc-line:#E7E4DC;
  --amc-hh:68px;
}

/* ---------- HEADER ---------- */
.amc-header{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(250,250,248,.92);
  -webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);
  border-bottom:1px solid var(--amc-line);}
.amc-header-inner{max-width:1040px;margin:0 auto;padding:0 24px;height:var(--amc-hh);
  display:flex;align-items:center;gap:24px;}
.amc-header-spacer{height:var(--amc-hh);}
.amc-logo{display:inline-flex;align-items:center;flex-shrink:0;color:var(--amc-blue);text-decoration:none;line-height:0;}
.amc-logo svg{height:34px;width:auto;display:block;}
.amc-nav-desktop{margin-left:auto;display:flex;align-items:center;gap:4px;}
.amc-nav-link{font-family:var(--cm-sans);font-size:15px;color:var(--amc-ink);text-decoration:none;
  padding:8px 11px;border-radius:6px;position:relative;white-space:nowrap;transition:color .15s,background .15s;}
.amc-nav-link:hover{color:var(--amc-blue);background:#F3F1EA;}
.amc-nav-link.is-current{color:var(--amc-blue);}
.amc-nav-link.is-current::after{content:"";position:absolute;left:11px;right:11px;bottom:2px;height:2px;background:var(--amc-mark);border-radius:2px;}
.amc-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.amc-cta{font-family:var(--cm-sans);font-size:14px;color:#fff;background:var(--amc-blue);
  text-decoration:none;padding:9px 17px;border-radius:7px;border:1px solid var(--amc-blue);transition:background .15s;white-space:nowrap;}
.amc-cta:hover{background:#142C52;}

/* burger */
.amc-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;
  background:none;border:0;cursor:pointer;padding:9px;border-radius:6px;}
.amc-burger span{display:block;height:2px;width:100%;background:var(--amc-ink);border-radius:2px;transition:transform .25s,opacity .2s;}
.amc-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.amc-burger[aria-expanded="true"] span:nth-child(2){opacity:0;}
.amc-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* drawer + scrim */
.amc-drawer{position:fixed;top:0;right:0;height:100vh;width:min(86vw,320px);z-index:60;
  background:var(--amc-card);border-left:1px solid var(--amc-line);box-shadow:-16px 0 40px -20px rgba(20,40,80,.4);
  box-sizing:border-box;padding:18px 20px;display:flex;flex-direction:column;
  transform:translateX(0);transition:transform .26s ease;overflow-y:auto;}
.amc-drawer[hidden]{display:flex!important;transform:translateX(105%);}
.amc-drawer-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--amc-line);padding-bottom:12px;margin-bottom:10px;}
.amc-drawer-title{font-family:var(--cm-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--amc-muted);}
.amc-drawer-close{background:none;border:0;font-size:30px;line-height:1;color:var(--amc-ink);cursor:pointer;padding:0 4px;}
.amc-drawer-nav{display:flex;flex-direction:column;}
.amc-drawer-link{font-family:var(--cm-serif);font-size:18px;color:var(--amc-ink);text-decoration:none;
  padding:13px 6px;border-bottom:1px solid var(--amc-line);}
.amc-drawer-link.is-current{color:var(--amc-blue);border-left:3px solid var(--amc-mark);padding-left:12px;}
.amc-drawer-cta{margin-top:18px;text-align:center;font-family:var(--cm-sans);font-size:15px;color:#fff;
  background:var(--amc-blue);text-decoration:none;padding:12px;border-radius:8px;}
.amc-scrim{position:fixed;inset:0;z-index:55;background:rgba(20,28,40,.42);opacity:1;transition:opacity .26s;}
.amc-drawer[hidden] ~ .amc-scrim{opacity:0;pointer-events:none;}

@media (max-width:880px){
  .amc-nav-desktop{display:none;}
  .amc-cta{display:none;}
  .amc-burger{display:flex;}
  .amc-header-actions{margin-left:auto;}
}
@media (min-width:881px){
  .amc-drawer,.amc-scrim{display:none!important;}
}

/* ---------- FOOTER (light) ---------- */
.amc-footer{background:var(--amc-card);border-top:1px solid var(--amc-line);
  padding:38px 24px 26px;font-family:var(--cm-serif);color:var(--amc-ink);}
.amc-footer-inner{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1.2fr;gap:40px;}
.amc-footer-logo{display:inline-flex;color:var(--amc-blue);line-height:0;text-decoration:none;}
.amc-footer-logo svg{height:38px;width:auto;}
.amc-footer-tagline{font-size:14px;color:var(--amc-muted);line-height:1.7;margin:14px 0 0;max-width:42ch;}
.amc-footer-h{font-family:var(--cm-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--amc-muted);margin:4px 0 14px;}
.amc-footer-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px;}
.amc-footer-link{font-family:var(--cm-sans);font-size:15px;color:var(--amc-ink);text-decoration:none;transition:color .15s;}
.amc-footer-link:hover{color:var(--amc-blue);}
.amc-footer-bottom{max-width:1040px;margin:36px auto 0;padding-top:18px;border-top:1px solid var(--amc-line);
  display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;justify-content:space-between;}
.amc-copy{font-family:var(--cm-mono);font-size:12.5px;color:var(--amc-muted);}
.amc-legal{display:flex;flex-wrap:wrap;gap:14px;}
.amc-legal-link{font-family:var(--cm-sans);font-size:12.5px;color:var(--amc-muted);text-decoration:none;}
.amc-legal-link:hover{color:var(--amc-blue);}
/* compact the toolbox CTA inside the footer column — strip the article-card box
   (beats the global .hl-article-cta !important via higher specificity + !important) */
.amc-footer-contact .hl-article-cta{display:block!important;background:none!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important;box-shadow:none!important;}
.amc-footer-contact .hl-article-cta-body{padding:0!important;margin:0!important;}
.amc-footer-contact .hl-article-cta-title{display:none!important;}        /* redundant with the "Get in touch" column label */
.amc-footer-contact .hl-article-cta-bullets{display:none!important;}
.amc-footer-contact .hl-article-cta-sub{font-family:var(--cm-serif)!important;font-size:14px!important;color:var(--amc-muted)!important;margin:0 0 14px!important;line-height:1.6!important;}
.amc-footer-contact .hl-cta-online-btn{display:inline-block!important;font-family:var(--cm-sans)!important;font-size:14px!important;color:#fff!important;background:var(--amc-blue)!important;text-decoration:none!important;padding:10px 18px!important;border-radius:7px!important;border:0!important;}
.amc-footer-contact .hl-article-cta-qr{margin-top:14px!important;}
.amc-footer-contact .hl-article-cta-qr img,.amc-footer-contact .hl-cta-scan-img{width:120px!important;height:120px!important;border:1px solid var(--amc-line)!important;border-radius:8px!important;background:#fff!important;padding:4px!important;box-sizing:border-box!important;}

@media (max-width:880px){
  .amc-footer-inner{grid-template-columns:1fr;gap:30px;}
  .amc-footer-bottom{flex-direction:column;align-items:flex-start;}
}

/* ---------- FURNITURE restyle (colors mostly free via theme.json) ---------- */
/* back-to-top: MAA blue pill */
.hl-back-to-top{background:var(--amc-blue)!important;color:#fff!important;border-radius:10px!important;}
/* TOC float: mono label + mark active (structure stays baseline) */
.hl-toc-float .hl-toc-head,.hl-toc-head{font-family:var(--cm-mono)!important;letter-spacing:.1em;text-transform:uppercase;font-size:11px;}
.hl-toc-item.is-active{border-left-color:var(--amc-mark)!important;}
.hl-toc-item.is-active > a{color:var(--amc-blue)!important;}
/* breadcrumb + post meta chips */
.hl-breadcrumb{font-family:var(--cm-mono);font-size:12px;color:var(--amc-muted);}
.hl-breadcrumb a{color:var(--amc-blue);text-decoration:none;}
/* article detail (user request): hide the featured-image cover + drop the current post title (and its separator) from the breadcrumb -> "Home / News" */
.hl-article-cover{display:none!important;}
body.single-post .hl-breadcrumb > :last-child,
body.single-post .hl-breadcrumb > :nth-last-child(2){display:none!important;}
.hl-post-cat{font-family:var(--cm-mono);color:var(--amc-mark)!important;text-decoration:none;}
.hl-post-readtime{font-family:var(--cm-mono);color:var(--amc-muted);}
/* related "More to read" */
.hl-related-head{font-family:var(--cm-mono)!important;letter-spacing:.1em;text-transform:uppercase;font-size:12px;color:var(--amc-muted)!important;}
.hl-related-card{border:1px solid var(--amc-line)!important;border-radius:10px!important;}
.hl-related-title{font-family:var(--cm-serif)!important;color:var(--amc-ink)!important;}
/* article CTA card (auto-injected on posts) */
.hl-article-cta{background:#FCFBF7!important;border:1px solid var(--amc-line)!important;border-radius:12px!important;}
.hl-article-cta-title{font-family:var(--cm-serif)!important;color:var(--amc-ink)!important;}
.hl-article-cta-sub,.hl-article-cta-bullets li{color:var(--amc-muted)!important;}  /* readable subtitle on the light card */
.hl-cta-online-btn{background:var(--amc-blue)!important;color:#fff!important;border-radius:7px!important;font-family:var(--cm-sans)!important;}
.hl-cta-scan-img{max-width:200px;max-height:200px;}

/* ===== News list + Tag/Category archive (index.html / archive.html · Typeset · @list-archetype rows) ===== */
.hl-archive-main{max-width:880px!important;margin-inline:auto;}
.hl-archive-head{margin:0 0 6px;padding-bottom:22px;border-bottom:2px solid var(--amc-ink);}
.hl-archive-kicker{font-family:var(--cm-mono)!important;font-size:12.5px!important;letter-spacing:.1em;text-transform:uppercase;color:var(--amc-blue)!important;margin:0 0 6px!important;}
.hl-archive-title{font-family:var(--cm-serif)!important;font-size:clamp(28px,4vw,42px)!important;line-height:1.08!important;letter-spacing:-.015em;color:var(--amc-ink)!important;font-weight:700!important;margin:0!important;}
.hl-archive-desc{font-family:var(--cm-serif)!important;color:var(--amc-muted)!important;font-size:16.5px!important;line-height:1.6!important;margin:12px 0 0!important;max-width:62ch;}
.hl-news-list{list-style:none!important;padding:0!important;margin:0!important;display:block!important;}
.hl-news-list > li{padding:26px 0;border-top:1px solid var(--amc-line);margin:0!important;}
.hl-news-list > li:first-child{border-top:0;padding-top:22px;}
.hl-news-cover{display:block;margin:0 0 14px;line-height:0;}
.hl-news-cover img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:10px!important;border:1px solid var(--amc-line);}
.hl-news-date{font-family:var(--cm-mono)!important;font-size:12.5px!important;letter-spacing:.04em;text-transform:uppercase;color:var(--amc-blue)!important;margin:0!important;}
.hl-news-title{margin:7px 0 8px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.hl-news-title,.hl-news-title a{font-family:var(--cm-serif)!important;font-weight:700!important;font-size:clamp(20px,2.4vw,25px)!important;line-height:1.2!important;letter-spacing:-.01em;color:var(--amc-ink)!important;text-decoration:none!important;}
.hl-news-title a:hover{color:var(--amc-blue)!important;}
.hl-news-excerpt{font-family:var(--cm-serif)!important;color:var(--amc-muted)!important;font-size:16px!important;line-height:1.6!important;margin:0!important;}
.hl-news-excerpt p{margin:0!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
/* side-thumbnail: cover FILLS the text-block height so the image bottom aligns with the excerpt bottom (image absolute-fills the figure; no-image items stay editorial rows) */
@supports selector(:has(*)){
  .hl-news-list > li:has(.hl-news-cover img){display:grid;grid-template-columns:200px 1fr;grid-template-rows:auto auto auto;column-gap:24px;row-gap:6px;align-items:start;}
  .hl-news-list > li:has(.hl-news-cover img) .hl-news-cover{grid-column:1;grid-row:1 / span 3;align-self:stretch;position:relative;min-height:130px;margin:0;}
  .hl-news-list > li:has(.hl-news-cover img) .hl-news-cover a{position:absolute;inset:0;display:block;height:auto;}
  .hl-news-list > li:has(.hl-news-cover img) .hl-news-cover img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;}
  .hl-news-list > li:has(.hl-news-cover img) .hl-news-date{grid-column:2;grid-row:1;}
  .hl-news-list > li:has(.hl-news-cover img) .hl-news-title{grid-column:2;grid-row:2;}
  .hl-news-list > li:has(.hl-news-cover img) .hl-news-excerpt{grid-column:2;grid-row:3;}
}
.hl-pagination{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:40px;padding-top:24px;border-top:1px solid var(--amc-line);font-family:var(--cm-mono)!important;font-size:14px;}
.hl-pagination a,.hl-pagination .page-numbers{display:inline-flex;padding:8px 13px;border:1px solid var(--amc-line);border-radius:7px;text-decoration:none;color:var(--amc-ink)!important;}
.hl-pagination .page-numbers.current,.hl-pagination .current{background:var(--amc-blue);color:#fff!important;border-color:var(--amc-blue);}
.hl-pagination a:hover{border-color:var(--amc-blue);color:var(--amc-blue)!important;}
.hl-news-empty{font-family:var(--cm-serif)!important;color:var(--amc-muted)!important;padding:40px 0;}
@media(max-width:680px){
  .hl-news-list > li:has(.hl-news-cover img){grid-template-columns:1fr;}
  .hl-news-list > li:has(.hl-news-cover img) .hl-news-cover{grid-column:1;grid-row:auto;position:static;min-height:0;align-self:auto;margin:0 0 14px;}
  .hl-news-list > li:has(.hl-news-cover img) .hl-news-cover a{position:static;}
  .hl-news-list > li:has(.hl-news-cover img) .hl-news-cover img{height:auto;aspect-ratio:16/9;}
  .hl-news-list > li:has(.hl-news-cover img) .hl-news-date,
  .hl-news-list > li:has(.hl-news-cover img) .hl-news-title,
  .hl-news-list > li:has(.hl-news-cover img) .hl-news-excerpt{grid-column:1;grid-row:auto;}
}

/* article head → centered Typeset (@article-archetype centered) */
.hl-article-head .wp-block-post-title,.hl-article-title{font-family:var(--cm-serif)!important;color:var(--amc-ink)!important;}
@media(max-width:680px){
  body.single-post .wp-block-post-title,body.single-post .hl-article-title{font-size:clamp(22px,6.4vw,30px)!important;line-height:1.18!important;margin-bottom:10px!important;}
}

/* ===== PAGE COMPONENTS (shared · column pages) ===== */
.amc-pg{font-family:var(--cm-serif);}
.amc-pg .wrap{max-width:1040px;margin:0 auto;padding:0 24px;}
.amc-pg-hero{padding:48px 0 30px;border-bottom:1px solid var(--amc-line);}
.amc-pg-hero .kick{font-family:var(--cm-mono);font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--amc-blue);}
.amc-pg-hero .kick .mk{color:var(--amc-mark);}
.amc-pg-hero h1{font-family:var(--cm-serif);font-size:clamp(30px,4vw,46px);line-height:1.06;letter-spacing:-.02em;margin:12px 0 12px;font-weight:700;color:var(--amc-ink);}
.amc-pg-hero p{font-size:18px;color:var(--amc-muted);max-width:62ch;margin:0;}
/* fill the hero's right whitespace with an on-brand AMC answer-sheet motif (shared across every column/secondary page) */
.amc-pg-hero .wrap{position:relative;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;}
.amc-pg-hero .kick,.amc-pg-hero h1,.amc-pg-hero p{max-width:600px;}
.amc-pg-hero .wrap::after{content:"";position:absolute;top:50%;right:24px;transform:translateY(-50%);width:280px;height:205px;background:url(/wp-content/themes/hanlin-portal-base/assets/img/hero-bubbles.svg) right center/contain no-repeat;pointer-events:none;}
@media(max-width:980px){.amc-pg-hero .wrap{min-height:0;display:block;}.amc-pg-hero .wrap::after{display:none;}.amc-pg-hero .kick,.amc-pg-hero h1,.amc-pg-hero p{max-width:62ch;}}
.amc-pg-body{padding:34px 0 6px;}
.amc-pg-body .hl-prose{max-width:none;}
.amc-pg-body .hl-prose h2{font-family:var(--cm-serif);}
.amc-pg-pno{font-family:var(--cm-mono);font-size:12px;color:var(--amc-mark);letter-spacing:.06em;text-transform:uppercase;margin:30px 0 -6px;}
.amc-pg-band{background:var(--amc-blue);color:#fff;border-radius:14px;padding:26px 28px;margin:30px 0;}
.amc-pg-band h2{color:#fff!important;font-family:var(--cm-serif)!important;margin:0 0 8px!important;border:0!important;padding:0!important;}
.amc-pg-band p{color:#D7E2F2!important;margin:0 0 14px!important;font-size:15.5px;line-height:1.6;}
.amc-pg-band a{display:inline-block;font-family:var(--cm-sans);font-size:14px;background:#fff;color:var(--amc-blue);text-decoration:none;padding:10px 18px;border-radius:7px;}
.amc-pg-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:24px 0;}
.amc-pg-card{background:#fff;border:1px solid var(--amc-line);border-radius:11px;padding:20px;}
.amc-pg-card .t{font-family:var(--cm-mono);font-size:11px;color:var(--amc-blue);text-transform:uppercase;letter-spacing:.06em;}
.amc-pg-card h3{font-family:var(--cm-serif);font-size:19px;margin:5px 0 6px;font-weight:700;color:var(--amc-ink);}
.amc-pg-card p{font-size:14px;color:var(--amc-muted);margin:0 0 12px;line-height:1.6;}
.amc-pg-card a{font-family:var(--cm-sans);font-size:14px;color:var(--amc-blue);text-decoration:none;border-bottom:2px solid var(--amc-mark);padding-bottom:2px;}
.amc-pg-cta{padding:10px 0 20px;}
.amc-pg-cta .hl-article-cta{margin:0!important;}
@media(max-width:880px){.amc-pg-hero{padding:30px 0 22px;}.amc-pg-cards{grid-template-columns:1fr;}}

/* ===== Dual QR: show BOTH codes side by side (not a tab toggle) ===== */
.hl-cta-qr-tablist{display:none!important;}      /* always hide the tab toggle - we show both QR side by side (no is-js dependency) */
.hl-cta-qr-panels{display:flex!important;flex-wrap:wrap;gap:18px;justify-content:center;align-items:flex-start;}
.hl-cta-qr-panel{display:block!important;}        /* force BOTH panels visible regardless of theme.js version */
.hl-cta-qr-panel figcaption{display:block!important;}  /* keep each caption under its QR */
.hl-cta-qr-panel figcaption{font-family:var(--cm-mono);font-size:11px;color:var(--amc-muted);letter-spacing:.03em;margin-top:8px;}
.hl-cta-qr-panel .hl-cta-scan-img{width:160px!important;height:160px!important;border:1px solid var(--amc-line);border-radius:8px;background:#fff;padding:4px;box-sizing:border-box;}
.amc-footer-contact .hl-cta-qr-panel .hl-cta-scan-img{width:120px!important;height:120px!important;}
.amc-footer-contact .hl-article-cta-bullets{display:none!important;}   /* footer stays compact - service list shows in the main CTAs */

/* ===== mobile feedback fixes (2026-06-16) ===== */
.hl-back-to-top{display:none!important;}                                                /* 3. gated: hidden until scrolled a bit (is-visible toggled by footer script) */
.hl-back-to-top.is-visible{display:inline-flex!important;}
@media (max-width:880px){
  .hl-back-to-top{bottom:80px!important;}                                               /* 3. sit higher off the bottom on mobile */
}
.hl-table-scroll{max-width:100%;margin:1.5rem 0;}                                       /* 4. table wrapper: table keeps normal layout (no overlap), wrapper scrolls */
@media (max-width:680px){
  .hl-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--amc-blue) #e7e4dc;}
  .hl-table-scroll::-webkit-scrollbar{height:9px;-webkit-appearance:none;}
  .hl-table-scroll::-webkit-scrollbar-thumb{background:var(--amc-blue);border-radius:5px;}
  .hl-table-scroll::-webkit-scrollbar-track{background:#e7e4dc;border-radius:5px;}
  .hl-table-scroll table{min-width:520px;margin:0!important;}
}
@media (max-width:480px){
  .hl-cta-qr-panels{flex-wrap:nowrap!important;gap:12px;}                               /* 2. keep the two QR codes on one row */
  .hl-cta-qr-panel .hl-cta-scan-img{width:132px!important;height:132px!important;}
}

/* ===== bigger body text site-wide (user feedback: 正文字号太小、费劲) ===== */
.hl-prose{font-size:19px!important;line-height:1.8!important;}
.hl-prose p,.hl-prose li{font-size:19px!important;}
.hl-prose blockquote{font-size:18px!important;}
.hl-prose table,.hl-prose td,.hl-prose th{font-size:16px!important;}
body.page .hl-prose > p:first-child{font-size:19px!important;}      /* fix the odd 14px first-paragraph rule */
.amc-pg-band p{font-size:16.5px!important;}
.amc-pg-card p{font-size:15px!important;}
.amc-pg-hero p{font-size:19px!important;}
.amc-pg-hero .kick{font-size:13px!important;}
.hl-news-excerpt{font-size:17px!important;}
/* keep the article CTA compact - don't let the body-text bump leak into it */
.hl-prose .hl-article-cta-title{font-size:20px!important;line-height:1.2!important;}
.hl-prose .hl-article-cta-sub{font-size:14px!important;line-height:1.55!important;}
.hl-prose .hl-article-cta-bullets li{font-size:13.5px!important;line-height:1.5!important;margin-bottom:4px!important;}
@media(max-width:680px){
  .hl-prose,.hl-prose p,.hl-prose li{font-size:18px!important;}
}