/* DINOGOODS — Matcha Specification Checklist Premium V1 */
body:has(.matcha-spec-premium-v1){background:#f6f6f1}
.matcha-spec-premium-v1{
  --ms-ink:#0d1712;
  --ms-green:#0d5137;
  --ms-green-2:#2f7658;
  --ms-soft:#edf2e9;
  --ms-paper:#f8f8f3;
  --ms-line:#d9dfd8;
  --ms-muted:#66706a;
  background:#fff;
  color:var(--ms-ink);
}
.matcha-spec-premium-v1 .matcha-spec-hero-v1{
  max-width:1440px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  min-height:640px;
  background:var(--ms-paper);
  border-bottom:1px solid var(--ms-line);
}
.matcha-spec-premium-v1 .matcha-spec-hero-v1 .seo-article-head{
  max-width:none!important;
  width:auto!important;
  margin:0!important;
  padding:clamp(54px,6vw,88px) clamp(34px,5vw,76px)!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.matcha-spec-premium-v1 .seo-article-breadcrumb{
  margin:0 0 28px!important;
  font-size:11px!important;
  line-height:1.45!important;
  letter-spacing:.02em;
}
.matcha-spec-premium-v1 .seo-article-breadcrumb a{color:var(--ms-muted)}
.matcha-spec-premium-v1 .seo-article-head .eyebrow{
  color:var(--ms-green)!important;
  font-size:11px!important;
  line-height:1.35!important;
  letter-spacing:.17em!important;
}
.matcha-spec-premium-v1 .seo-article-head h1{
  max-width:700px!important;
  margin:14px 0 20px!important;
  font-size:clamp(42px,4.35vw,64px)!important;
  line-height:1.02!important;
  letter-spacing:-.047em!important;
  font-weight:680!important;
  text-wrap:balance;
}
.matcha-spec-premium-v1 .seo-article-head>p{
  max-width:650px!important;
  margin:0!important;
  font-size:17px!important;
  line-height:1.68!important;
  color:var(--ms-muted)!important;
}
.matcha-spec-premium-v1 .seo-article-meta{
  margin-top:30px!important;
  display:flex!important;
  flex-wrap:wrap;
  gap:8px 18px!important;
  color:#53605a;
  font-size:11px!important;
  line-height:1.45!important;
}
.matcha-spec-premium-v1 .matcha-spec-topic-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:22px;
}
.matcha-spec-premium-v1 .matcha-spec-topic-row span{
  border:1px solid #cfd8d0;
  padding:7px 10px;
  font-size:10px;
  line-height:1;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--ms-green);
  background:rgba(255,255,255,.55);
}
.matcha-spec-premium-v1 .matcha-spec-hero-v1 .seo-article-cover{
  max-width:none!important;
  margin:0!important;
  position:relative;
  min-height:640px;
  overflow:hidden;
  background:#dfe6dc;
}
.matcha-spec-premium-v1 .matcha-spec-hero-v1 .seo-article-cover img{
  width:100%!important;
  height:100%!important;
  min-height:640px;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
}
.matcha-spec-premium-v1 .matcha-spec-hero-v1 .seo-article-cover::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(7,40,27,0) 58%,rgba(7,40,27,.32) 100%);
  pointer-events:none;
}
.matcha-spec-premium-v1 .matcha-spec-image-label{
  position:absolute;
  z-index:2;
  left:28px;
  bottom:26px;
  display:flex;
  flex-direction:column;
  gap:5px;
  color:#fff;
  font-size:10px;
  line-height:1.25;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.matcha-spec-premium-v1 .matcha-spec-image-label::before{
  content:"";
  width:36px;
  height:1px;
  background:rgba(255,255,255,.82);
  margin-bottom:5px;
}
.matcha-spec-premium-v1 .matcha-spec-hero-v1 .seo-article-cover figcaption{display:none!important}

.matcha-spec-premium-v1 .seo-article-layout{
  max-width:1200px!important;
  margin:0 auto!important;
  grid-template-columns:minmax(0,760px) minmax(250px,300px)!important;
  gap:clamp(44px,5vw,76px)!important;
  padding:clamp(58px,6vw,88px) clamp(24px,4vw,56px) clamp(74px,8vw,112px)!important;
  align-items:start!important;
}
.matcha-spec-premium-v1 .seo-prose{
  max-width:760px!important;
  font-size:14.5px!important;
  line-height:1.64!important;
  color:#313b35!important;
}
.matcha-spec-premium-v1 .seo-prose>p,
.matcha-spec-premium-v1 .seo-prose .matcha-spec-intro{
  margin:0 0 21px!important;
  font-size:14.5px!important;
  line-height:1.64!important;
  color:#313b35!important;
}
.matcha-spec-premium-v1 .matcha-spec-intro{
  font-size:16px!important;
  line-height:1.62!important;
  color:#17251e!important;
  max-width:690px;
}
.matcha-spec-premium-v1 .seo-prose>h2{
  position:relative;
  margin:46px 0 15px!important;
  padding-top:16px;
  border-top:1px solid var(--ms-line);
  font-size:clamp(23px,1.8vw,27px)!important;
  line-height:1.2!important;
  letter-spacing:-.028em!important;
  font-weight:680!important;
  color:var(--ms-ink)!important;
}
.matcha-spec-premium-v1 .seo-prose>h2[data-ms-index]::before{
  content:attr(data-ms-index);
  display:block;
  margin-bottom:9px;
  font-size:10px;
  line-height:1;
  letter-spacing:.16em;
  color:var(--ms-green-2);
}
.matcha-spec-premium-v1 .seo-takeaway{
  margin:30px 0 34px!important;
  padding:26px 28px!important;
  background:linear-gradient(135deg,#eef4eb 0%,#f8f8f3 100%)!important;
  border:1px solid #d7e1d7!important;
  border-left:4px solid var(--ms-green)!important;
}
.matcha-spec-premium-v1 .seo-takeaway h2{
  margin:8px 0 10px!important;
  font-size:24px!important;
  line-height:1.22!important;
  color:var(--ms-ink)!important;
}
.matcha-spec-premium-v1 .seo-takeaway p{
  font-size:14.5px!important;
  line-height:1.64!important;
  color:#3e4942!important;
}
.matcha-spec-premium-v1 .matcha-spec-quick{
  margin:0 0 42px;
}
.matcha-spec-premium-v1 .matcha-spec-quick-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:22px;
  margin-bottom:16px;
}
.matcha-spec-premium-v1 .matcha-spec-quick-head h2{
  margin:6px 0 0!important;
  padding:0!important;
  border:0!important;
  font-size:26px!important;
  line-height:1.18!important;
}
.matcha-spec-premium-v1 .matcha-spec-quick-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid var(--ms-line);
  border-left:1px solid var(--ms-line);
}
.matcha-spec-premium-v1 .matcha-spec-quick-grid article{
  min-height:148px;
  padding:20px 20px 22px;
  border-right:1px solid var(--ms-line);
  border-bottom:1px solid var(--ms-line);
  background:#fff;
}
.matcha-spec-premium-v1 .matcha-spec-quick-grid span{
  display:block;
  margin-bottom:20px;
  font-size:10px;
  letter-spacing:.14em;
  color:var(--ms-green-2);
}
.matcha-spec-premium-v1 .matcha-spec-quick-grid h3{
  margin:0 0 8px;
  font-size:18px;
  line-height:1.25;
  letter-spacing:-.02em;
  font-weight:680;
}
.matcha-spec-premium-v1 .matcha-spec-quick-grid p{
  margin:0!important;
  font-size:13.5px!important;
  line-height:1.56!important;
  color:var(--ms-muted)!important;
}
.matcha-spec-premium-v1 .matcha-spec-matrix{
  margin:42px 0;
  border:1px solid var(--ms-line);
  background:#fff;
}
.matcha-spec-premium-v1 .matcha-spec-matrix-head{
  padding:22px 24px;
  border-bottom:1px solid var(--ms-line);
  background:#f5f7f2;
}
.matcha-spec-premium-v1 .matcha-spec-matrix-head h2{
  margin:7px 0 0!important;
  padding:0!important;
  border:0!important;
  font-size:24px!important;
}
.matcha-spec-premium-v1 .matcha-spec-table-wrap{overflow-x:auto}
.matcha-spec-premium-v1 .matcha-spec-table{
  width:100%;
  min-width:690px;
  border-collapse:collapse;
}
.matcha-spec-premium-v1 .matcha-spec-table th,
.matcha-spec-premium-v1 .matcha-spec-table td{
  padding:15px 16px;
  text-align:left;
  vertical-align:top;
  border-bottom:1px solid #e4e8e3;
}
.matcha-spec-premium-v1 .matcha-spec-table th{
  font-size:10px;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:var(--ms-green);
  background:#fafbf8;
}
.matcha-spec-premium-v1 .matcha-spec-table td{
  font-size:13.5px;
  line-height:1.55;
  color:#445049;
}
.matcha-spec-premium-v1 .matcha-spec-table td:first-child{
  width:24%;
  font-weight:700;
  color:#18261f;
}
.matcha-spec-premium-v1 .matcha-inline-figure{
  margin:42px 0 38px!important;
}
.matcha-spec-premium-v1 .matcha-inline-figure img{
  aspect-ratio:16/10!important;
  border:0!important;
  object-fit:cover!important;
}
.matcha-spec-premium-v1 .matcha-inline-figure figcaption{
  padding-top:10px;
  font-size:11px!important;
  line-height:1.5!important;
  color:#788079!important;
}
.matcha-spec-premium-v1 .seo-checklist{
  margin-top:42px!important;
  padding:28px!important;
  background:#f5f7f2!important;
  border:1px solid var(--ms-line)!important;
}
.matcha-spec-premium-v1 .seo-checklist h2{
  margin:0 0 12px!important;
  font-size:24px!important;
}
.matcha-spec-premium-v1 .seo-checklist li{
  padding-top:11px!important;
  padding-bottom:11px!important;
  font-size:14.5px!important;
  line-height:1.6!important;
}
.matcha-spec-premium-v1 .matcha-related-route{
  margin-top:44px!important;
  padding:32px!important;
  background:#0c4c34!important;
  border:0!important;
  color:#fff!important;
}
.matcha-spec-premium-v1 .matcha-related-route .eyebrow,
.matcha-spec-premium-v1 .matcha-related-route h2,
.matcha-spec-premium-v1 .matcha-related-route p{color:#fff!important}
.matcha-spec-premium-v1 .matcha-related-route h2{
  font-size:28px!important;
  line-height:1.18!important;
}
.matcha-spec-premium-v1 .matcha-related-route p{
  font-size:15px!important;
  line-height:1.64!important;
  color:rgba(255,255,255,.8)!important;
}

.matcha-spec-premium-v1 .matcha-spec-faq{
  margin-top:46px;
  border-top:1px solid var(--ms-line);
}
.matcha-spec-premium-v1 .matcha-spec-faq-head{
  padding:30px 0 14px;
}
.matcha-spec-premium-v1 .matcha-spec-faq-head h2{
  margin:8px 0 0!important;
  padding:0!important;
  border:0!important;
  font-size:27px!important;
}
.matcha-spec-premium-v1 .matcha-spec-faq details{
  border-bottom:1px solid var(--ms-line);
}
.matcha-spec-premium-v1 .matcha-spec-faq summary{
  list-style:none;
  cursor:pointer;
  padding:18px 34px 18px 0;
  position:relative;
  font-size:16px;
  line-height:1.45;
  font-weight:680;
  color:#17251e;
}
.matcha-spec-premium-v1 .matcha-spec-faq summary::-webkit-details-marker{display:none}
.matcha-spec-premium-v1 .matcha-spec-faq summary::after{
  content:"+";
  position:absolute;
  right:4px;
  top:15px;
  font-size:22px;
  font-weight:400;
  color:var(--ms-green);
}
.matcha-spec-premium-v1 .matcha-spec-faq details[open] summary::after{content:"−"}
.matcha-spec-premium-v1 .matcha-spec-faq details p{
  margin:0 0 18px!important;
  font-size:14.5px!important;
  line-height:1.64!important;
  color:var(--ms-muted)!important;
}
.matcha-spec-premium-v1 .seo-article-aside{
  position:sticky!important;
  top:96px!important;
  display:grid!important;
  gap:14px!important;
}
.matcha-spec-premium-v1 .seo-aside-card{
  margin:0!important;
  padding:21px!important;
  border:1px solid var(--ms-line)!important;
  background:#fff!important;
}
.matcha-spec-premium-v1 .seo-toc-card{
  border-top:3px solid var(--ms-green)!important;
}
.matcha-spec-premium-v1 .seo-toc-card a{
  grid-template-columns:24px 1fr!important;
  font-size:12.5px!important;
  line-height:1.5!important;
  padding:10px 0!important;
}
.matcha-spec-premium-v1 .seo-aside-card h3{
  font-size:19px!important;
  line-height:1.28!important;
}
.matcha-spec-premium-v1 .seo-aside-card p{
  font-size:12.5px!important;
  line-height:1.58!important;
}
.matcha-spec-premium-v1 .seo-aside-card>a:not(.btn){
  font-size:12.5px!important;
  line-height:1.5!important;
}
.matcha-spec-premium-v1 .seo-related{
  max-width:1200px!important;
  padding:clamp(58px,6vw,84px) clamp(24px,4vw,56px)!important;
}
.matcha-spec-premium-v1 .seo-related-head h2{
  font-size:clamp(28px,2.5vw,38px)!important;
  line-height:1.13!important;
}
.matcha-spec-premium-v1 .seo-related-grid .seo-insight-copy h3{
  font-size:20px!important;
  line-height:1.25!important;
}
.matcha-spec-premium-v1 .seo-related-grid .seo-insight-copy p{
  font-size:13px!important;
  line-height:1.55!important;
}
@media(max-width:980px){
  .matcha-spec-premium-v1 .matcha-spec-hero-v1{
    grid-template-columns:1fr;
    min-height:0;
  }
  .matcha-spec-premium-v1 .matcha-spec-hero-v1 .seo-article-head{
    padding:52px 32px 38px!important;
  }
  .matcha-spec-premium-v1 .seo-article-head h1{
    font-size:clamp(38px,6vw,50px)!important;
  }
  .matcha-spec-premium-v1 .matcha-spec-hero-v1 .seo-article-cover{
    min-height:0;
  }
  .matcha-spec-premium-v1 .matcha-spec-hero-v1 .seo-article-cover img{
    min-height:0;
    height:auto!important;
    aspect-ratio:16/10!important;
  }
  .matcha-spec-premium-v1 .seo-article-layout{
    grid-template-columns:1fr!important;
    gap:36px!important;
  }
  .matcha-spec-premium-v1 .seo-article-aside{
    position:static!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .matcha-spec-premium-v1 .seo-toc-card{grid-column:1/-1}
}
@media(max-width:640px){
  .matcha-spec-premium-v1 .matcha-spec-hero-v1 .seo-article-head{
    padding:34px 20px 28px!important;
  }
  .matcha-spec-premium-v1 .seo-article-breadcrumb{
    margin-bottom:18px!important;
    font-size:10px!important;
  }
  .matcha-spec-premium-v1 .seo-article-head h1{
    margin:10px 0 14px!important;
    font-size:clamp(31px,9.3vw,38px)!important;
    line-height:1.06!important;
    letter-spacing:-.042em!important;
  }
  .matcha-spec-premium-v1 .seo-article-head>p{
    font-size:16px!important;
    line-height:1.64!important;
  }
  .matcha-spec-premium-v1 .seo-article-meta{
    margin-top:22px!important;
    display:grid!important;
    gap:5px!important;
    font-size:10px!important;
  }
  .matcha-spec-premium-v1 .matcha-spec-topic-row{margin-top:18px}
  .matcha-spec-premium-v1 .matcha-spec-image-label{
    left:20px;
    bottom:18px;
    font-size:9px;
  }
  .matcha-spec-premium-v1 .seo-article-layout{
    padding:38px 20px 58px!important;
  }
  .matcha-spec-premium-v1 .seo-prose,
  .matcha-spec-premium-v1 .seo-prose>p,
  .matcha-spec-premium-v1 .seo-prose .matcha-spec-intro{
    max-width:none!important;
    font-size:15px!important;
    line-height:1.68!important;
  }
  .matcha-spec-premium-v1 .matcha-spec-intro{font-size:16px!important}
  .matcha-spec-premium-v1 .seo-prose>h2{
    margin-top:38px!important;
    font-size:21.5px!important;
    line-height:1.26!important;
  }
  .matcha-spec-premium-v1 .seo-takeaway{
    padding:21px!important;
    margin:26px 0 30px!important;
  }
  .matcha-spec-premium-v1 .seo-takeaway h2{font-size:21px!important}
  .matcha-spec-premium-v1 .seo-takeaway p{font-size:14.5px!important}
  .matcha-spec-premium-v1 .matcha-spec-quick-grid{grid-template-columns:1fr}
  .matcha-spec-premium-v1 .matcha-spec-quick-grid article{min-height:128px}
  .matcha-spec-premium-v1 .matcha-spec-quick-head{align-items:flex-start;flex-direction:column}
  .matcha-spec-premium-v1 .matcha-spec-quick-head h2{font-size:23px!important}
  .matcha-spec-premium-v1 .matcha-spec-matrix{margin:34px 0}
  .matcha-spec-premium-v1 .matcha-spec-matrix-head{padding:19px}
  .matcha-spec-premium-v1 .seo-checklist{padding:21px!important}
  .matcha-spec-premium-v1 .seo-checklist li{font-size:14.5px!important}
  .matcha-spec-premium-v1 .matcha-related-route{padding:24px 21px!important}
  .matcha-spec-premium-v1 .matcha-related-route h2{font-size:23px!important}
  .matcha-spec-premium-v1 .matcha-related-route p{font-size:14.5px!important}
  .matcha-spec-premium-v1 .seo-article-aside{grid-template-columns:1fr!important}
  .matcha-spec-premium-v1 .matcha-spec-faq-head h2{font-size:24px!important}
}
@media(prefers-reduced-motion:reduce){
  .matcha-spec-premium-v1 *{scroll-behavior:auto!important;transition:none!important}
}

/* V3 MOBILE LAYOUT HOTFIX — prevent route shell from collapsing to a narrow left column. */
html,body,#app{width:100%;max-width:none}
body:has(.matcha-spec-premium-v1){overflow-x:hidden}
.matcha-spec-premium-v1,
.matcha-spec-premium-v1 .matcha-spec-hero-v1,
.matcha-spec-premium-v1 .seo-article-layout,
.matcha-spec-premium-v1 .seo-related{
  width:100%!important;
  box-sizing:border-box!important;
}
.matcha-spec-premium-v1 .seo-prose,
.matcha-spec-premium-v1 .seo-article-aside{
  min-width:0!important;
}
.matcha-spec-premium-v1 .matcha-spec-table-wrap{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch;
}
@media(max-width:980px){
  body:has(.matcha-spec-premium-v1) #app,
  body:has(.matcha-spec-premium-v1) .site-header,
  body:has(.matcha-spec-premium-v1) main.insight-seo-detail-v4{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
  .matcha-spec-premium-v1 .matcha-spec-hero-v1,
  .matcha-spec-premium-v1 .seo-article-layout,
  .matcha-spec-premium-v1 .seo-related{
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}
@media(max-width:640px){
  .matcha-spec-premium-v1 .seo-article-head>p{
    font-size:14.5px!important;
    line-height:1.6!important;
  }
  .matcha-spec-premium-v1 .seo-prose,
  .matcha-spec-premium-v1 .seo-prose>p{
    font-size:14.5px!important;
    line-height:1.66!important;
  }
  .matcha-spec-premium-v1 .seo-prose .matcha-spec-intro{
    font-size:15.5px!important;
    line-height:1.64!important;
  }
  .matcha-spec-premium-v1 .seo-takeaway p,
  .matcha-spec-premium-v1 .seo-checklist li,
  .matcha-spec-premium-v1 .matcha-related-route p,
  .matcha-spec-premium-v1 .matcha-spec-faq details p{
    font-size:14px!important;
    line-height:1.62!important;
  }
  .matcha-spec-premium-v1 .matcha-spec-quick-grid p,
  .matcha-spec-premium-v1 .matcha-spec-table td,
  .matcha-spec-premium-v1 .seo-aside-card p{
    font-size:13px!important;
    line-height:1.55!important;
  }
}

/* V4 ROUTE-ONLY CTA REFINEMENT — compact editorial buttons for the Matcha Specification article. */
.matcha-spec-premium-v1 .btn{
  min-width:220px!important;
  min-height:60px!important;
  padding:0 22px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
  border:1px solid #033220!important;
  border-radius:0!important;
  background:#033220!important;
  color:#fff!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  box-shadow:none!important;
  transform:none!important;
  transition:background .2s ease,border-color .2s ease,color .2s ease!important;
}
.matcha-spec-premium-v1 .btn span{
  display:block!important;
  min-width:0!important;
  color:inherit!important;
  white-space:nowrap!important;
}
.matcha-spec-premium-v1 .btn .arrow{
  width:20px!important;
  height:20px!important;
  flex:0 0 20px!important;
  color:inherit!important;
  transition:transform .2s ease!important;
}
.matcha-spec-premium-v1 .btn:hover,
.matcha-spec-premium-v1 .btn:focus-visible{
  background:#4c944f!important;
  border-color:#4c944f!important;
  color:#fff!important;
  transform:none!important;
}
.matcha-spec-premium-v1 .btn:hover .arrow,
.matcha-spec-premium-v1 .btn:focus-visible .arrow{
  transform:translate(2px,-2px)!important;
}
.matcha-spec-premium-v1 .seo-conversion-box .button-row{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  margin-top:24px!important;
}
.matcha-spec-premium-v1 .seo-conversion-box .button-row .btn{
  flex:0 0 auto!important;
}
.matcha-spec-premium-v1 .seo-aside-card .btn{
  width:100%!important;
  min-width:0!important;
  margin-top:16px!important;
}
@media(max-width:640px){
  .matcha-spec-premium-v1 .seo-conversion-box .button-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .matcha-spec-premium-v1 .seo-conversion-box .button-row .btn,
  .matcha-spec-premium-v1 .seo-aside-card .btn{
    width:100%!important;
    min-width:0!important;
    min-height:56px!important;
    padding:0 18px!important;
    font-size:14px!important;
  }
  .matcha-spec-premium-v1 .btn .arrow{
    width:18px!important;
    height:18px!important;
    flex-basis:18px!important;
  }
}