/* ==========================================================================
   CGHOYA — Wall Surfaces for Modern Living
   Main stylesheet
   ========================================================================== */

/* ----- Design tokens ----- */
:root{
  --cg-ink:#161a19;
  --cg-graphite:#2b3230;
  --cg-paper:#f7f4ef;
  --cg-sand:#e9e0d3;
  --cg-accent:#2e6b5e;
  --cg-accent-dark:#1f4d43;
  --cg-brass:#b08d57;
  --cg-muted:#6d7370;
  --cg-line:rgba(43,50,48,.14);
  --cg-line-soft:rgba(43,50,48,.08);
  --cg-display:'Cormorant Garamond','Songti SC',Georgia,'Times New Roman',serif;
  --cg-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;
  --cg-wrap:1240px;
  --cg-radius:14px;
  --cg-radius-sm:8px;
  --cg-shadow:0 18px 50px -28px rgba(22,26,25,.45);
  --cg-shadow-soft:0 10px 40px -30px rgba(22,26,25,.5);
  --cg-ease:cubic-bezier(.22,.61,.36,1);
}

/* ----- Reset / base ----- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;
  background:var(--cg-paper);
  color:var(--cg-graphite);
  font-family:var(--cg-body);
  font-size:17px;
  line-height:1.72;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--cg-accent);text-decoration:none;transition:color .25s var(--cg-ease)}
a:hover{color:var(--cg-accent-dark)}
h1,h2,h3,h4,h5{font-family:var(--cg-display);color:var(--cg-ink);line-height:1.12;letter-spacing:-.01em;margin:0 0 .5em;font-weight:600}
h1{font-size:clamp(2.6rem,5vw,4.4rem)}
h2{font-size:clamp(2rem,3.4vw,3.1rem)}
h3{font-size:clamp(1.4rem,2vw,1.9rem)}
p{margin:0 0 1.1em}
hr{border:0;border-top:1px solid var(--cg-line);margin:3rem 0}

/* ----- Layout helpers ----- */
.cg-wrap{max-width:var(--cg-wrap);margin-inline:auto;padding-inline:clamp(20px,5vw,44px);width:100%}
.cg-section{padding-block:clamp(56px,9vw,116px)}
.cg-section--tight{padding-block:clamp(40px,6vw,72px)}
.cg-center{text-align:center}
.cg-eyebrow{
  display:inline-block;font-family:var(--cg-body);font-size:.75rem;font-weight:600;
  letter-spacing:.22em;text-transform:uppercase;color:var(--cg-accent);margin-bottom:1rem
}
.cg-eyebrow--light{color:var(--cg-brass)}
.cg-lead{font-size:clamp(1.08rem,1.5vw,1.32rem);color:var(--cg-muted);max-width:60ch}
.cg-center .cg-lead{margin-inline:auto}
.cg-muted{color:var(--cg-muted)}
.cg-rule{width:56px;height:2px;background:var(--cg-brass);border:0;margin:1.4rem 0}

/* ----- Buttons ----- */
.cg-btn,.wp-block-button__link{
  display:inline-flex;align-items:center;gap:.6em;font-family:var(--cg-body);font-weight:600;
  font-size:.9rem;letter-spacing:.02em;padding:.95em 1.7em;border-radius:999px;
  background:var(--cg-accent);color:#fff;border:1px solid var(--cg-accent);
  transition:all .28s var(--cg-ease);cursor:pointer;text-decoration:none
}
.cg-btn:hover,.wp-block-button__link:hover{background:var(--cg-accent-dark);border-color:var(--cg-accent-dark);color:#fff;transform:translateY(-1px);box-shadow:var(--cg-shadow-soft)}
.cg-btn--ghost{background:transparent;color:var(--cg-ink);border-color:var(--cg-line)}
.cg-btn--ghost:hover{background:var(--cg-ink);color:#fff;border-color:var(--cg-ink)}
.cg-btn--light{background:#fff;color:var(--cg-ink);border-color:#fff}
.cg-btn--light:hover{background:var(--cg-sand);color:var(--cg-ink);border-color:var(--cg-sand)}
.wp-block-buttons{gap:.8rem}
.cg-arrow::after{content:"\2192";transition:transform .25s var(--cg-ease)}
.cg-arrow:hover::after{transform:translateX(4px)}

/* ----- Header ----- */
.cg-header{
  position:sticky;top:0;z-index:60;background:rgba(247,244,239,.86);
  backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;
  transition:border-color .3s var(--cg-ease),background .3s var(--cg-ease)
}
.cg-header.is-stuck{border-bottom-color:var(--cg-line-soft);background:rgba(247,244,239,.95)}
.cg-header__inner{display:flex;align-items:center;gap:1.5rem;min-height:78px}
.cg-brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;flex-shrink:0}
.cg-brand__mark{display:flex;flex-direction:column;line-height:1}
.cg-brand__name{font-family:var(--cg-display);font-size:1.5rem;font-weight:700;letter-spacing:.14em;color:var(--cg-ink)}
.cg-brand__tag{font-size:.6rem;letter-spacing:.42em;text-transform:uppercase;color:var(--cg-brass);margin-top:2px}
.cg-brand img{max-height:52px;width:auto}

.cg-nav{margin-left:auto;display:flex;align-items:center;gap:.4rem}
.cg-nav ul{display:flex;align-items:center;gap:.2rem;list-style:none;margin:0;padding:0}
.cg-nav li{position:relative}
.cg-nav a{display:block;padding:.6rem .85rem;font-size:.9rem;font-weight:500;color:var(--cg-graphite);border-radius:8px}
.cg-nav a:hover{color:var(--cg-accent);background:rgba(46,107,94,.06)}
.cg-nav .current-menu-item>a,.cg-nav .current_page_item>a{color:var(--cg-accent)}
.cg-nav .sub-menu{
  position:absolute;top:calc(100% + 6px);left:0;min-width:230px;background:#fff;border:1px solid var(--cg-line-soft);
  border-radius:var(--cg-radius-sm);box-shadow:0 24px 60px -32px rgba(22,26,25,.5);padding:.5rem;opacity:0;visibility:hidden;
  transform:translateY(8px);transition:all .22s var(--cg-ease);flex-direction:column;align-items:stretch
}
.cg-nav li:hover>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.cg-nav .sub-menu a{padding:.55rem .75rem;font-size:.86rem}
.cg-header__cta{margin-left:.6rem;display:flex;align-items:center;gap:.7rem}
.cg-lang{display:flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600}
.cg-lang a,.cg-lang span{padding:.3rem .5rem;border-radius:6px;color:var(--cg-muted);letter-spacing:.06em}
.cg-lang .is-active{color:var(--cg-ink);background:var(--cg-sand)}
.cg-lang a:hover{color:var(--cg-accent)}

/* burger */
.cg-burger{display:none;background:none;border:1px solid var(--cg-line);border-radius:10px;width:46px;height:42px;cursor:pointer;padding:0;align-items:center;justify-content:center}
.cg-burger span{display:block;width:20px;height:2px;background:var(--cg-ink);position:relative}
.cg-burger span::before,.cg-burger span::after{content:"";position:absolute;left:0;width:20px;height:2px;background:var(--cg-ink)}
.cg-burger span::before{top:-6px}.cg-burger span::after{top:6px}

/* ----- Hero ----- */
.cg-hero{position:relative;overflow:hidden;background:var(--cg-ink);color:#fff;isolation:isolate}
.cg-hero__media{position:absolute;inset:0;z-index:-2}
.cg-hero__media img{width:100%;height:100%;object-fit:cover}
.cg-hero__scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,rgba(15,20,19,.88) 0%,rgba(15,20,19,.62) 45%,rgba(15,20,19,.28) 100%)}
.cg-hero__inner{padding-block:clamp(90px,15vw,190px);max-width:760px}
.cg-hero h1{color:#fff}
.cg-hero p{color:rgba(255,255,255,.86);font-size:clamp(1.05rem,1.5vw,1.3rem);max-width:56ch}
.cg-hero__actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}
.cg-hero__meta{display:flex;flex-wrap:wrap;gap:2.4rem;margin-top:3.2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.16)}
.cg-hero__meta b{display:block;font-family:var(--cg-display);font-size:2rem;color:#fff;line-height:1}
.cg-hero__meta span{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.66)}

/* page hero (interior pages) */
.cg-pagehead{background:var(--cg-ink);color:#fff;position:relative;overflow:hidden}
.cg-pagehead__media{position:absolute;inset:0;opacity:.5}
.cg-pagehead__media img{width:100%;height:100%;object-fit:cover}
.cg-pagehead::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(15,20,19,.9),rgba(15,20,19,.55))}
.cg-pagehead__inner{position:relative;z-index:2;padding-block:clamp(64px,10vw,120px)}
.cg-pagehead h1{color:#fff;margin-bottom:.3em}
.cg-pagehead p{color:rgba(255,255,255,.82);max-width:62ch}
.cg-crumbs{font-size:.8rem;letter-spacing:.05em;color:var(--cg-brass);margin-bottom:1rem}
.cg-crumbs a{color:rgba(255,255,255,.7)}
.cg-crumbs a:hover{color:#fff}

/* ----- Cards / grids ----- */
.cg-grid{display:grid;gap:clamp(20px,2.6vw,34px)}
.cg-grid--2{grid-template-columns:repeat(2,1fr)}
.cg-grid--3{grid-template-columns:repeat(3,1fr)}
.cg-grid--4{grid-template-columns:repeat(4,1fr)}

.cg-card{
  background:#fff;border:1px solid var(--cg-line-soft);border-radius:var(--cg-radius);overflow:hidden;
  display:flex;flex-direction:column;transition:transform .35s var(--cg-ease),box-shadow .35s var(--cg-ease)
}
.cg-card:hover{transform:translateY(-5px);box-shadow:var(--cg-shadow)}
.cg-card__media{aspect-ratio:4/3;overflow:hidden;background:var(--cg-sand)}
.cg-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--cg-ease)}
.cg-card:hover .cg-card__media img{transform:scale(1.05)}
.cg-card__body{padding:1.5rem 1.6rem 1.8rem;display:flex;flex-direction:column;flex:1}
.cg-card__kicker{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cg-brass);margin-bottom:.6rem;font-weight:600}
.cg-card h3{font-size:1.35rem;margin-bottom:.4rem}
.cg-card p{font-size:.95rem;color:var(--cg-muted);margin-bottom:1rem}
.cg-card__link{margin-top:auto;font-weight:600;font-size:.88rem;color:var(--cg-accent);display:inline-flex;gap:.4em;align-items:center}
.cg-card__link::after{content:"\2192";transition:transform .25s var(--cg-ease)}
.cg-card:hover .cg-card__link::after{transform:translateX(4px)}

/* feature list */
.cg-features{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin:0;padding:0;list-style:none}
.cg-feature{background:#fff;border:1px solid var(--cg-line-soft);border-radius:var(--cg-radius);padding:1.7rem 1.6rem}
.cg-feature__num{font-family:var(--cg-display);font-size:1.3rem;color:var(--cg-brass);margin-bottom:.5rem;font-weight:600}
.cg-feature h4{font-family:var(--cg-body);font-size:1.02rem;font-weight:700;color:var(--cg-ink);margin:0 0 .45rem;letter-spacing:0}
.cg-feature p{font-size:.92rem;color:var(--cg-muted);margin:0}

/* split media/text */
.cg-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
.cg-split--rev .cg-split__media{order:2}
.cg-split__media{border-radius:var(--cg-radius);overflow:hidden;box-shadow:var(--cg-shadow)}
.cg-split__media img{width:100%;aspect-ratio:4/3;object-fit:cover}

/* stats band */
.cg-band{background:var(--cg-ink);color:#fff}
.cg-band .cg-eyebrow{color:var(--cg-brass)}
.cg-band h2{color:#fff}
.cg-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:2.6rem}
.cg-stat b{display:block;font-family:var(--cg-display);font-size:clamp(2.4rem,4vw,3.4rem);line-height:1;color:#fff}
.cg-stat span{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.66)}

/* comparison table */
.cg-table-wrap{overflow-x:auto;border:1px solid var(--cg-line-soft);border-radius:var(--cg-radius);background:#fff}
table.cg-table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:640px}
table.cg-table th,table.cg-table td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid var(--cg-line-soft)}
table.cg-table thead th{background:var(--cg-ink);color:#fff;font-weight:600;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}
table.cg-table tbody tr:nth-child(even){background:rgba(233,224,211,.28)}
table.cg-table td:not(:first-child){text-align:center}
table.cg-table .cg-star{color:var(--cg-brass);letter-spacing:2px}
table.cg-table tr.is-hero td{background:rgba(46,107,94,.1);font-weight:600;color:var(--cg-ink)}
table.cg-table tr.is-hero td:first-child::before{content:"\2605 ";color:var(--cg-brass)}

/* steps */
.cg-steps{counter-reset:step;list-style:none;margin:0;padding:0;display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.cg-step{position:relative;padding:2.2rem 1.6rem 1.6rem;background:#fff;border:1px solid var(--cg-line-soft);border-radius:var(--cg-radius)}
.cg-step::before{counter-increment:step;content:counter(step,decimal-leading-zero);position:absolute;top:-.9rem;left:1.6rem;font-family:var(--cg-display);font-size:1.6rem;font-weight:700;color:var(--cg-accent);background:var(--cg-paper);padding:0 .5rem;line-height:1}
.cg-step h4{font-family:var(--cg-body);font-weight:700;font-size:1.02rem;margin:0 0 .4rem}
.cg-step p{font-size:.92rem;color:var(--cg-muted);margin:0}

/* logo strip */
.cg-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(24px,5vw,64px);opacity:.85}
.cg-logos span{font-family:var(--cg-display);font-size:1.35rem;letter-spacing:.06em;color:var(--cg-graphite)}

/* quote / testimonial */
.cg-quote{background:#fff;border-left:3px solid var(--cg-brass);border-radius:0 var(--cg-radius) var(--cg-radius) 0;padding:2rem 2.2rem;box-shadow:var(--cg-shadow-soft)}
.cg-quote p{font-family:var(--cg-display);font-size:1.35rem;color:var(--cg-ink);font-style:italic}
.cg-quote cite{font-style:normal;font-size:.85rem;color:var(--cg-muted);letter-spacing:.03em}

/* contact */
.cg-contact{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,5vw,64px);align-items:start}
.cg-info{list-style:none;margin:0;padding:0;display:grid;gap:1.3rem}
.cg-info li{display:flex;gap:1rem;align-items:flex-start}
.cg-info__ico{flex:0 0 40px;height:40px;border-radius:10px;background:rgba(46,107,94,.1);color:var(--cg-accent);display:grid;place-items:center;font-size:1.1rem}
.cg-info b{display:block;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cg-muted);font-weight:600}
.cg-info span{color:var(--cg-ink)}
.cg-form-card{background:#fff;border:1px solid var(--cg-line-soft);border-radius:var(--cg-radius);padding:clamp(22px,3vw,36px);box-shadow:var(--cg-shadow)}
.fluentform input,.fluentform textarea,.fluentform select{
  width:100%;padding:.85rem 1rem;border:1px solid var(--cg-line);border-radius:10px;font:inherit;background:var(--cg-paper);color:var(--cg-ink)
}
.fluentform input:focus,.fluentform textarea:focus{outline:none;border-color:var(--cg-accent);background:#fff}
.fluentform .ff-btn-submit{background:var(--cg-accent);color:#fff;border:0;border-radius:999px;padding:.95em 1.8em;font-weight:600;cursor:pointer}

/* accordion / faq */
.cg-faq details{border-bottom:1px solid var(--cg-line);padding:1.1rem 0}
.cg-faq summary{cursor:pointer;font-weight:600;color:var(--cg-ink);font-size:1.05rem;list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:center}
.cg-faq summary::-webkit-details-marker{display:none}
.cg-faq summary::after{content:"+";color:var(--cg-accent);font-size:1.4rem;line-height:1}
.cg-faq details[open] summary::after{content:"\2013"}
.cg-faq p{margin:.8rem 0 0;color:var(--cg-muted)}

/* blog */
.cg-post-hero{aspect-ratio:16/8;border-radius:var(--cg-radius);overflow:hidden;margin-bottom:2rem}
.cg-post-hero img{width:100%;height:100%;object-fit:cover}
.cg-entry{max-width:760px;margin-inline:auto}
.cg-entry h2{margin-top:1.6em}
.cg-entry img{border-radius:var(--cg-radius)}
.cg-entry blockquote{border-left:3px solid var(--cg-brass);margin:1.6rem 0;padding:.4rem 0 .4rem 1.4rem;font-family:var(--cg-display);font-size:1.3rem;color:var(--cg-ink)}
.cg-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.82rem;color:var(--cg-muted);letter-spacing:.04em;text-transform:uppercase}
.cg-tags a{display:inline-block;font-size:.78rem;padding:.25rem .7rem;border:1px solid var(--cg-line);border-radius:999px;margin:.2rem .3rem .2rem 0;color:var(--cg-muted)}
.cg-tags a:hover{border-color:var(--cg-accent);color:var(--cg-accent)}

/* CTA band */
.cg-cta{background:linear-gradient(120deg,var(--cg-accent-dark),var(--cg-accent));color:#fff;border-radius:var(--cg-radius);padding:clamp(36px,6vw,72px);text-align:center;position:relative;overflow:hidden}
.cg-cta h2{color:#fff;margin-bottom:.4em}
.cg-cta p{color:rgba(255,255,255,.86);max-width:58ch;margin-inline:auto}
.cg-cta__actions{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;margin-top:1.8rem}

/* footer */
.cg-footer{background:var(--cg-ink);color:rgba(255,255,255,.72);margin-top:clamp(56px,8vw,110px)}
.cg-footer__top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:clamp(24px,4vw,56px);padding-block:clamp(48px,7vw,80px)}
.cg-footer h4{color:#fff;font-family:var(--cg-body);font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:1.2rem}
.cg-footer a{color:rgba(255,255,255,.72)}
.cg-footer a:hover{color:#fff}
.cg-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.6rem;font-size:.92rem}
.cg-footer .cg-brand__name{color:#fff}
.cg-footer__about p{font-size:.95rem;max-width:38ch}
.cg-footer__bottom{border-top:1px solid rgba(255,255,255,.12);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding-block:1.6rem;font-size:.82rem}
.cg-footer__legal{display:flex;gap:1.2rem;flex-wrap:wrap}
.cg-social{display:flex;gap:.6rem;margin-top:1.2rem}
.cg-social a{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;font-size:.9rem}
.cg-social a:hover{background:var(--cg-accent);border-color:var(--cg-accent);color:#fff}

/* toast / misc */
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.cg-note{font-size:.85rem;color:var(--cg-muted)}
.cg-badge{display:inline-flex;align-items:center;gap:.4em;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;background:rgba(176,141,87,.14);color:var(--cg-brass);padding:.35rem .7rem;border-radius:999px}

/* reveal on scroll */
.cg-reveal{opacity:0;transform:translateY(18px);transition:opacity .8s var(--cg-ease),transform .8s var(--cg-ease)}
.cg-reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.cg-reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}

/* ----- WP block defaults tightening ----- */
.entry-content>:first-child{margin-top:0}
.wp-block-image figcaption{font-size:.82rem;color:var(--cg-muted);text-align:center;margin-top:.6rem}
.wp-block-quote{border-left:3px solid var(--cg-brass);padding-left:1.4rem}
.wp-block-separator{border-color:var(--cg-line)}
.cg-section .wp-block-columns{gap:clamp(20px,2.6vw,34px)}
.wp-block-group.has-background{padding:clamp(24px,4vw,56px);border-radius:var(--cg-radius)}

/* ----- Responsive ----- */
@media (max-width:1080px){
  .cg-grid--4{grid-template-columns:repeat(2,1fr)}
  .cg-stats{grid-template-columns:repeat(2,1fr)}
  .cg-footer__top{grid-template-columns:1fr 1fr}
}
@media (max-width:920px){
  .cg-nav{
    position:fixed;inset:0 0 0 auto;width:min(86vw,360px);background:var(--cg-paper);flex-direction:column;
    align-items:stretch;padding:6rem 1.4rem 2rem;transform:translateX(100%);transition:transform .32s var(--cg-ease);
    box-shadow:-30px 0 80px -40px rgba(0,0,0,.5);overflow-y:auto;z-index:70
  }
  .cg-nav.is-open{transform:none}
  .cg-nav ul{flex-direction:column;align-items:stretch;gap:.15rem}
  .cg-nav a{padding:.8rem .6rem;font-size:1rem}
  .cg-nav .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 0 1rem;background:transparent}
  .cg-burger{display:inline-flex}
  .cg-header__cta .cg-btn{display:none}
  .cg-grid--2,.cg-grid--3,.cg-split,.cg-contact{grid-template-columns:1fr}
  .cg-split--rev .cg-split__media{order:0}
}
@media (max-width:620px){
  body{font-size:16px}
  .cg-grid--4,.cg-grid--3,.cg-grid--2,.cg-stats{grid-template-columns:1fr}
  .cg-footer__top{grid-template-columns:1fr}
  .cg-hero__meta{gap:1.6rem}
  .cg-hero__meta b{font-size:1.6rem}
}

/* ----- Overlay for mobile nav ----- */
.cg-nav-scrim{position:fixed;inset:0;background:rgba(22,26,25,.5);opacity:0;visibility:hidden;transition:.3s var(--cg-ease);z-index:65}
.cg-nav-scrim.is-on{opacity:1;visibility:visible}

/* ----- Utility ----- */
.cg-mt-0{margin-top:0}.cg-mb-0{margin-bottom:0}
.cg-hide{display:none!important}
.cg-responsive-table-note{display:none}
@media (max-width:640px){.cg-responsive-table-note{display:block;font-size:.8rem;color:var(--cg-muted);margin-top:.6rem}}