
/* EIN PUBLIC V35 - unified content skin */
html.ein-public-v35{--ein-bg:#f4f7f8;--ein-card:#fff;--ein-line:#dce5e0;--ein-text:#19231e;--ein-muted:#65736c;--ein-green:#1f6648;--ein-max:920px;background:#f4f7f8!important;}
html.ein-public-v35 body[data-ein-tool]{margin:0!important;padding:0!important;background:#f4f7f8!important;background-image:none!important;color:#19231e!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif!important;}
html.ein-public-v35 body[data-ein-tool]>main{box-sizing:border-box!important;width:min(var(--ein-max),calc(100% - 32px))!important;max-width:var(--ein-max)!important;margin:0 auto!important;padding:26px 0 0!important;}
html.ein-public-v35 body[data-ein-tool] :where(.hero,.tool-hero,.public-hero,.ein-v19-hero,[class*="hero-card"]){background:transparent!important;background-image:none!important;border:0!important;border-left:0!important;border-radius:0!important;box-shadow:none!important;padding-top:14px!important;padding-bottom:22px!important;}
html.ein-public-v35 body[data-ein-tool] :where(.hero,.tool-hero,.public-hero,.ein-v19-hero)::before,html.ein-public-v35 body[data-ein-tool] :where(.hero,.tool-hero,.public-hero,.ein-v19-hero)::after{content:none!important;display:none!important;}
html.ein-public-v35 body[data-ein-tool] h1{color:#18231d!important;-webkit-text-fill-color:#18231d!important;text-shadow:none!important;font-weight:760!important;}
html.ein-public-v35 body[data-ein-tool] .ein-product-subtitle{color:#2e6d50!important;-webkit-text-fill-color:#2e6d50!important;font-weight:700!important;}
html.ein-public-v35 body[data-ein-tool] :where(form,.form,.input-card,.input-panel,.search-card){background:#fff!important;background-image:none!important;border:1px solid #dce5e0!important;border-radius:15px!important;box-shadow:none!important;}
html.ein-public-v35 body[data-ein-tool] :where(input,textarea,select){background:#fff!important;background-image:none!important;color:#19231e!important;border:1px solid #cedbd4!important;border-radius:10px!important;box-shadow:none!important;font-size:16px!important;}
html.ein-public-v35 body[data-ein-tool] :where(button,.btn,.button,.primary-btn,.start-btn,[role="button"]){background:#1f6648!important;background-image:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid #1f6648!important;border-radius:10px!important;box-shadow:none!important;text-shadow:none!important;}
html.ein-public-v35 body[data-ein-tool] :where(.card,.panel,.metric,.result-card,.detail-card,.info-card,.summary-card,.primary-result,.section-card,.ein-sem35,.ein-sem95,.ein-v21-dns-card,.ein-v21-ssl-card,.ein-v21-ssl-assessment,.ein-v21-ssl-note,.ein-v26-domain-module-card){background:#fff!important;background-image:none!important;border-color:#dce5e0!important;box-shadow:none!important;}
html.ein-public-v35 body[data-ein-tool] :where(#primary,.primary,.primary-result,.result-summary,.summary-card){background:#fff!important;background-image:none!important;border:1px solid #dce5e0!important;border-radius:15px!important;box-shadow:none!important;}
html.ein-public-v35 body[data-ein-tool] :where(.panel-head,.section-head,.ein-sem35-head,.ein-sem95-head,[class*="panel-head"]){background:#f7faf8!important;background-image:none!important;color:#254837!important;-webkit-text-fill-color:#254837!important;border-color:#dce5e0!important;box-shadow:none!important;}
html.ein-public-v35 body[data-ein-tool] :where(.metric,.ein-sem35-cell,.ein-sem95-sig){background:#fff!important;background-image:none!important;border:1px solid #dce5e0!important;border-radius:12px!important;box-shadow:none!important;min-width:0!important;}
html.ein-public-v35 body[data-ein-tool] table{width:100%!important;max-width:100%!important;background:#fff!important;border-color:#dce5e0!important;} html.ein-public-v35 body[data-ein-tool] thead th{background:#f7faf8!important;color:#273b31!important;} html.ein-public-v35 body[data-ein-tool] :where(th,td){border-color:#dce5e0!important;}
html.ein-public-v35 body[data-ein-tool] :where(pre,code,.json-output,[class*="code-view"]){background:#f8faf9!important;color:#23372d!important;border-color:#dce5e0!important;text-shadow:none!important;}
html.ein-public-v35 body[data-ein-tool] :where(main,section,article,.card,.panel,.metric,.result-card,.detail-card,.info-card,.ein-sem35,.ein-sem95,.ein-sem95-signal,.ein-v21-dns-split,.ein-v21-ssl-shell,.ein-v26-domain-module-group){min-width:0!important;max-width:100%!important;}
html.ein-public-v35 body[data-ein-tool="site-360"] :where(#metrics,.metrics,.ein-sem95-signal,.ein-sem95-radarwrap),html.ein-public-v35 body[data-ein-tool="domain"] .ein-v26-domain-module-group,html.ein-public-v35 body[data-ein-tool="dns"] .ein-v21-dns-split,html.ein-public-v35 body[data-ein-tool="ssl"] .ein-v21-ssl-shell{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;}
html.ein-public-v35 body[data-ein-tool="site-360"] .ein-sem95,html.ein-public-v35 body[data-ein-tool="security-header-score"] .ein-sem35,html.ein-public-v35 body[data-ein-tool="seo-metadata-score"] .ein-sem35,html.ein-public-v35 body[data-ein-tool="ttfb-meter"] .ein-sem35,html.ein-public-v35 body[data-ein-tool="json-formatter"] .ein-sem95{background:#fff!important;border:1px solid #dce5e0!important;border-radius:15px!important;overflow:hidden!important;box-shadow:none!important;}
html.ein-public-v35 body[data-ein-tool] :where(.ein-v28-footer,.ein-v27-footer,.ein-v27-footer-shell){display:none!important;}
#ein-public-shell-top-v35{display:block!important;width:100%!important;min-height:64px!important;} #ein-public-shell-bottom-v35{display:block!important;width:100%!important;min-height:72px!important;margin-top:40px!important;}
@media(max-width:640px){html.ein-public-v35 body[data-ein-tool]>main{width:calc(100% - 24px)!important;}}


/* SITE360_V39_DIRECT_IN_V35_BEGIN */

/* ==========================================================
   SITE360 FINAL DETAIL
   This lives INSIDE V35 so there is no later V35 override.
   ========================================================== */


/* ----------------------------------------------------------
   SEARCH / DIAGNOSE
   One outer card only.
   ---------------------------------------------------------- */

html.ein-public-v35
body[data-ein-tool="site-360"]
section.console{
  box-sizing:border-box !important;

  margin:0 0 12px !important;
  padding:14px 16px 11px !important;

  background:#ffffff !important;
  background-image:none !important;

  border:1px solid #dce5e0 !important;
  border-radius:18px !important;

  box-shadow:none !important;
  overflow:hidden !important;
}


html.ein-public-v35
body[data-ein-tool="site-360"]
section.console::before,

html.ein-public-v35
body[data-ein-tool="site-360"]
section.console::after,

html.ein-public-v35
body[data-ein-tool="site-360"]
section.console #form::before,

html.ein-public-v35
body[data-ein-tool="site-360"]
section.console #form::after{
  content:none !important;
  display:none !important;
}


html.ein-public-v35
body[data-ein-tool="site-360"]
section.console #form{
  width:100% !important;

  margin:0 !important;
  padding:0 !important;

  background:transparent !important;
  background-image:none !important;

  border:0 !important;
  border-radius:0 !important;

  outline:0 !important;
  box-shadow:none !important;
}


html.ein-public-v35
body[data-ein-tool="site-360"]
section.console .input-row{
  display:flex !important;
  align-items:center !important;

  width:100% !important;
  gap:12px !important;

  margin:0 !important;
  padding:0 !important;

  background:transparent !important;
  background-image:none !important;

  border:0 !important;
  border-radius:0 !important;

  box-shadow:none !important;
}


html.ein-public-v35
body[data-ein-tool="site-360"]
section.console #target{
  box-sizing:border-box !important;

  flex:1 1 auto !important;
  min-width:0 !important;

  height:52px !important;

  margin:0 !important;
  padding:0 16px !important;

  background:#ffffff !important;
  background-image:none !important;

  border:1px solid #d3e1d8 !important;
  border-radius:13px !important;

  outline:0 !important;
  box-shadow:none !important;

  color:#26372e !important;
  -webkit-text-fill-color:#26372e !important;

  font-size:16px !important;
}


html.ein-public-v35
body[data-ein-tool="site-360"]
section.console #run{
  box-sizing:border-box !important;

  flex:0 0 auto !important;

  height:52px !important;
  min-width:138px !important;

  margin:0 !important;
  padding:0 22px !important;

  background:#2d7a50 !important;
  background-image:none !important;

  border:1px solid #2d7a50 !important;
  border-radius:13px !important;

  box-shadow:none !important;

  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;

  font-size:16px !important;
  font-weight:700 !important;
}


/*
   DIAGNOSTIC UNIT / 測定前 / 診断完了

   No second rounded card.
*/

html.ein-public-v35
body[data-ein-tool="site-360"]
section.console #message,

html.ein-public-v35
body[data-ein-tool="site-360"]
section.console #form > *:not(.input-row){
  box-sizing:border-box !important;

  width:auto !important;
  max-width:100% !important;

  min-height:0 !important;
  height:auto !important;

  margin:8px 3px 0 !important;
  padding:0 !important;

  background:transparent !important;
  background-image:none !important;

  border:0 !important;
  border-radius:0 !important;

  outline:0 !important;
  box-shadow:none !important;

  color:#789082 !important;
  -webkit-text-fill-color:#789082 !important;

  font-size:11px !important;
  font-weight:500 !important;
  line-height:1.4 !important;
}


/* ----------------------------------------------------------
   DETAIL RESULT
   Exactly ONE rounded outer card.
   ---------------------------------------------------------- */

html.ein-public-v35
body[data-ein-tool="site-360"]
#panel.panel,

html.ein-public-v35
body[data-ein-tool="site-360"]
#panel.panel.ein-v9-detail-block,

html.ein-public-v35
body[data-ein-tool="site-360"]
#panel.ein-v82-related{
  box-sizing:border-box !important;

  width:100% !important;

  margin-top:18px !important;
  padding:0 !important;

  background:#ffffff !important;
  background-image:none !important;

  border:1px solid #d8e4dc !important;

  border-radius:18px !important;

  overflow:hidden !important;

  box-shadow:none !important;
}


/*
   Header row owns NO separate radius.
   Outer #panel clips the top corners.
*/

html.ein-public-v35
body[data-ein-tool="site-360"]
#panel > .panel-head{
  box-sizing:border-box !important;

  width:100% !important;

  margin:0 !important;
  padding:16px 18px !important;

  background:#f3f8f4 !important;
  background-image:none !important;

  border:0 !important;
  border-bottom:1px solid #dce5e0 !important;

  border-radius:0 !important;

  box-shadow:none !important;

  color:#245d3e !important;
  -webkit-text-fill-color:#245d3e !important;

  font-size:18px !important;
  font-weight:750 !important;
  line-height:1.35 !important;
}


/*
   THIS was the offending inner rounded element.
*/

html.ein-public-v35
body[data-ein-tool="site-360"]
#panel .ein-v9-detail-heading{
  display:inline !important;

  width:auto !important;

  margin:0 !important;
  padding:0 !important;

  background:transparent !important;
  background-image:none !important;

  border:0 !important;
  border-bottom:0 !important;

  border-radius:0 !important;

  outline:0 !important;
  box-shadow:none !important;

  color:#245d3e !important;
  -webkit-text-fill-color:#245d3e !important;

  font-size:18px !important;
  font-weight:750 !important;
  line-height:1.35 !important;
}


/*
   Detail body must not become a second rounded card.
*/

html.ein-public-v35
body[data-ein-tool="site-360"]
#panel #content,

html.ein-public-v35
body[data-ein-tool="site-360"]
#panel #content.ein-v9-detail-block,

html.ein-public-v35
body[data-ein-tool="site-360"]
#panel .ein-v9-detail-block:not(#panel){
  box-sizing:border-box !important;

  width:100% !important;

  margin:0 !important;
  padding:8px 14px 13px !important;

  background:#ffffff !important;
  background-image:none !important;

  border:0 !important;

  border-radius:0 !important;

  outline:0 !important;
  box-shadow:none !important;

  overflow:visible !important;
}


/* Slightly larger than current result text */

html.ein-public-v35
body[data-ein-tool="site-360"]
#panel #content,

html.ein-public-v35
body[data-ein-tool="site-360"]
#panel #content :where(
  table,
  tbody,
  tr,
  th,
  td,
  div,
  p,
  span,
  dt,
  dd
){
  color:#435e50 !important;
  -webkit-text-fill-color:#435e50 !important;

  font-size:13px !important;
  line-height:1.5 !important;
}


html.ein-public-v35
body[data-ein-tool="site-360"]
#panel #content table{
  box-sizing:border-box !important;

  width:100% !important;
  max-width:100% !important;

  margin:0 !important;

  background:#ffffff !important;
  background-image:none !important;

  border:0 !important;

  border-radius:0 !important;

  border-collapse:collapse !important;
  border-spacing:0 !important;

  box-shadow:none !important;
}


html.ein-public-v35
body[data-ein-tool="site-360"]
#panel #content th,

html.ein-public-v35
body[data-ein-tool="site-360"]
#panel #content td{
  padding:9px 10px !important;

  background:#ffffff !important;
  background-image:none !important;

  border-left:0 !important;
  border-right:0 !important;
  border-top:0 !important;

  border-bottom:1px solid #e3ebe6 !important;

  font-size:13px !important;
  line-height:1.5 !important;
}


html.ein-public-v35
body[data-ein-tool="site-360"]
#panel #content tr:last-child th,

html.ein-public-v35
body[data-ein-tool="site-360"]
#panel #content tr:last-child td{
  border-bottom:0 !important;
}


@media(max-width:640px){

  html.ein-public-v35
  body[data-ein-tool="site-360"]
  section.console .input-row{
    flex-direction:column !important;
    align-items:stretch !important;
  }

  html.ein-public-v35
  body[data-ein-tool="site-360"]
  section.console #run{
    width:100% !important;
  }

}

/* SITE360_V39_DIRECT_IN_V35_END */


/* SITE360_V40_GAP_BEGIN */

html.ein-public-v35
body[data-ein-tool="site-360"]
section.console{
  margin-top:16px !important;
}

/* SITE360_V40_GAP_END */


/* DOMAIN_V42_BEGIN */

/* ==========================================================
   DOMAIN DIAGNOSTIC
   Public finish
   ========================================================== */

/* 上の実験室情報をPUBLICでは隠す */

html.ein-public-v35
body[data-ein-tool="domain"]
.dm-breadcrumb,

html.ein-public-v35
body[data-ein-tool="domain"]
.dm-instrument,

html.ein-public-v35
body[data-ein-tool="domain"]
.dm-strip{
  display:none !important;
}


/* ==========================================================
   TITLE CARD
   ========================================================== */

html.ein-public-v35
body[data-ein-tool="domain"]
.dm-hero{
  box-sizing:border-box !important;

  margin:12px 0 0 !important;
  padding:34px 38px 32px !important;

  background:#e8f1ea !important;
  background-image:none !important;

  border:1px solid #d4e3d8 !important;
  border-left:5px solid #57a36f !important;

  border-radius:18px !important;

  box-shadow:none !important;
}


html.ein-public-v35
body[data-ein-tool="domain"]
.dm-hero::before,

html.ein-public-v35
body[data-ein-tool="domain"]
.dm-hero::after{
  content:none !important;
  display:none !important;
}


html.ein-public-v35
body[data-ein-tool="domain"]
.dm-eyebrow{
  margin:0 0 14px !important;

  color:#56876a !important;
  -webkit-text-fill-color:#56876a !important;

  font-size:13px !important;
  font-weight:700 !important;
  letter-spacing:.11em !important;
}


html.ein-public-v35
body[data-ein-tool="domain"]
.dm-hero h1{
  margin:0 !important;

  color:#1d2922 !important;
  -webkit-text-fill-color:#1d2922 !important;

  font-size:38px !important;
  font-weight:760 !important;
  line-height:1.15 !important;

  letter-spacing:-.02em !important;
}


html.ein-public-v35
body[data-ein-tool="domain"]
.dm-hero .ein-product-subtitle{
  margin-top:7px !important;

  color:#4e755f !important;
  -webkit-text-fill-color:#4e755f !important;

  font-size:21px !important;
  font-weight:700 !important;
}


html.ein-public-v35
body[data-ein-tool="domain"]
.dm-hero p{
  margin:16px 0 0 !important;

  color:#405c4c !important;
  -webkit-text-fill-color:#405c4c !important;

  font-size:16px !important;
  line-height:1.65 !important;
}


/* ==========================================================
   CONSOLE OUTER WRAPPER
   外側の巨大な囲いを消す
   ========================================================== */

html.ein-public-v35
body[data-ein-tool="domain"]
.dm-console{
  box-sizing:border-box !important;

  margin:0 !important;
  padding:0 !important;

  background:transparent !important;
  background-image:none !important;

  border:0 !important;
  border-radius:0 !important;

  box-shadow:none !important;

  overflow:visible !important;
}


html.ein-public-v35
body[data-ein-tool="domain"]
.dm-console::before,

html.ein-public-v35
body[data-ein-tool="domain"]
.dm-console::after{
  content:none !important;
  display:none !important;
}


/* ==========================================================
   SEARCH CARD
   Site360と同じ考え方
   ========================================================== */

html.ein-public-v35
body[data-ein-tool="domain"]
.dm-form{
  box-sizing:border-box !important;

  width:100% !important;

  margin:16px 0 0 !important;
  padding:16px 18px 13px !important;

  background:#ffffff !important;
  background-image:none !important;

  border:1px solid #dce5e0 !important;

  border-radius:18px !important;

  box-shadow:none !important;

  overflow:hidden !important;
}


html.ein-public-v35
body[data-ein-tool="domain"]
.dm-form::before,

html.ein-public-v35
body[data-ein-tool="domain"]
.dm-form::after{
  content:none !important;
  display:none !important;
}


html.ein-public-v35
body[data-ein-tool="domain"]
.dm-form > label{
  display:block !important;

  margin:0 0 9px !important;
  padding:0 !important;

  color:#577162 !important;
  -webkit-text-fill-color:#577162 !important;

  font-size:13px !important;
  font-weight:650 !important;
  line-height:1.4 !important;
}


html.ein-public-v35
body[data-ein-tool="domain"]
.dm-input-row{
  display:flex !important;
  align-items:center !important;

  gap:12px !important;

  width:100% !important;

  margin:0 !important;
  padding:0 !important;

  background:transparent !important;
  background-image:none !important;

  border:0 !important;
  border-radius:0 !important;

  box-shadow:none !important;
}


html.ein-public-v35
body[data-ein-tool="domain"]
#domainInput{
  box-sizing:border-box !important;

  flex:1 1 auto !important;
  min-width:0 !important;

  height:54px !important;

  margin:0 !important;
  padding:0 17px !important;

  background:#ffffff !important;
  background-image:none !important;

  border:1px solid #d3e1d8 !important;

  border-radius:14px !important;

  outline:0 !important;

  box-shadow:none !important;

  color:#26372e !important;
  -webkit-text-fill-color:#26372e !important;

  font-size:16px !important;
}


html.ein-public-v35
body[data-ein-tool="domain"]
#domainInput:focus{
  border-color:#7ba98c !important;

  outline:3px solid rgba(31,102,72,.08) !important;
  outline-offset:1px !important;
}


html.ein-public-v35
body[data-ein-tool="domain"]
#runButton{
  box-sizing:border-box !important;

  flex:0 0 auto !important;

  min-width:140px !important;
  height:54px !important;

  margin:0 !important;
  padding:0 22px !important;

  background:#2d7a50 !important;
  background-image:none !important;

  border:1px solid #2d7a50 !important;

  border-radius:14px !important;

  box-shadow:none !important;

  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;

  font-size:16px !important;
  font-weight:700 !important;
  line-height:1 !important;

  white-space:nowrap !important;
}


/* URLではなく〜 / CHECKED〜 */

html.ein-public-v35
body[data-ein-tool="domain"]
.dm-form-message{
  display:block !important;

  min-height:0 !important;
  height:auto !important;

  margin:8px 3px 0 !important;
  padding:0 !important;

  background:transparent !important;
  background-image:none !important;

  border:0 !important;
  border-radius:0 !important;

  box-shadow:none !important;

  color:#789082 !important;
  -webkit-text-fill-color:#789082 !important;

  font-size:10px !important;
  font-weight:500 !important;
  line-height:1.45 !important;
}


/* ==========================================================
   BELOW SEARCH
   ========================================================== */

html.ein-public-v35
body[data-ein-tool="domain"]
.dm-pipeline{
  margin-top:16px !important;
}


html.ein-public-v35
body[data-ein-tool="domain"]
.dm-assessment{
  margin-top:16px !important;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:640px){

  html.ein-public-v35
  body[data-ein-tool="domain"]
  .dm-hero{
    padding:25px 22px 23px !important;
  }


  html.ein-public-v35
  body[data-ein-tool="domain"]
  .dm-hero h1{
    font-size:31px !important;
  }


  html.ein-public-v35
  body[data-ein-tool="domain"]
  .dm-input-row{
    flex-direction:column !important;
    align-items:stretch !important;
  }


  html.ein-public-v35
  body[data-ein-tool="domain"]
  #runButton{
    width:100% !important;
  }

}

/* DOMAIN_V42_END */


/* DNS_V43_BEGIN */


/* ==========================================================
   DNS CHECKER - PUBLIC FINISH
   ========================================================== */


/* ---------- old LAB furniture ---------- */

html.ein-public-v35
body[data-ein-tool="dns"]
.dn-breadcrumb,

html.ein-public-v35
body[data-ein-tool="dns"]
.dn-instrument,

html.ein-public-v35
body[data-ein-tool="dns"]
.dn-strip{
  display:none !important;
}


/* ==========================================================
   HERO
   ========================================================== */

html.ein-public-v35
body[data-ein-tool="dns"]
.dn-hero{
  box-sizing:border-box !important;

  margin:12px 0 0 !important;
  padding:34px 38px 32px !important;

  background:#e8f1ea !important;
  background-image:none !important;

  border:1px solid #d4e3d8 !important;
  border-left:5px solid #57a36f !important;

  border-radius:18px !important;

  box-shadow:none !important;
}


html.ein-public-v35
body[data-ein-tool="dns"]
.dn-hero::before,

html.ein-public-v35
body[data-ein-tool="dns"]
.dn-hero::after{
  content:none !important;
  display:none !important;
}


html.ein-public-v35
body[data-ein-tool="dns"]
.dn-eyebrow{
  margin:0 0 14px !important;

  color:#56876a !important;
  -webkit-text-fill-color:#56876a !important;

  font-size:13px !important;
  font-weight:700 !important;

  letter-spacing:.11em !important;
}


html.ein-public-v35
body[data-ein-tool="dns"]
.dn-hero h1{
  margin:0 !important;

  color:#1d2922 !important;
  -webkit-text-fill-color:#1d2922 !important;

  font-size:38px !important;
  font-weight:760 !important;
  line-height:1.15 !important;

  letter-spacing:-.02em !important;
}


html.ein-public-v35
body[data-ein-tool="dns"]
.dn-hero .ein-product-subtitle{
  margin-top:7px !important;

  color:#4e755f !important;
  -webkit-text-fill-color:#4e755f !important;

  font-size:21px !important;
  font-weight:700 !important;
}


html.ein-public-v35
body[data-ein-tool="dns"]
.dn-hero p{
  margin:16px 0 0 !important;

  color:#405c4c !important;
  -webkit-text-fill-color:#405c4c !important;

  font-size:16px !important;
  line-height:1.65 !important;
}


/* ==========================================================
   CONSOLE OUTER
   ========================================================== */

html.ein-public-v35
body[data-ein-tool="dns"]
.dn-console{
  box-sizing:border-box !important;

  margin:0 !important;
  padding:0 !important;

  background:transparent !important;
  background-image:none !important;

  border:0 !important;
  border-radius:0 !important;

  box-shadow:none !important;

  overflow:visible !important;
}


html.ein-public-v35
body[data-ein-tool="dns"]
.dn-console::before,

html.ein-public-v35
body[data-ein-tool="dns"]
.dn-console::after{
  content:none !important;
  display:none !important;
}


/* ==========================================================
   SEARCH CARD
   ========================================================== */

html.ein-public-v35
body[data-ein-tool="dns"]
.dn-form{
  box-sizing:border-box !important;

  width:100% !important;

  margin:16px 0 0 !important;
  padding:16px 18px 13px !important;

  background:#ffffff !important;
  background-image:none !important;

  border:1px solid #dce5e0 !important;

  border-radius:18px !important;

  box-shadow:none !important;

  overflow:hidden !important;
}


html.ein-public-v35
body[data-ein-tool="dns"]
.dn-form::before,

html.ein-public-v35
body[data-ein-tool="dns"]
.dn-form::after{
  content:none !important;
  display:none !important;
}


html.ein-public-v35
body[data-ein-tool="dns"]
.dn-form > label{
  display:block !important;

  margin:0 0 9px !important;
  padding:0 !important;

  color:#577162 !important;
  -webkit-text-fill-color:#577162 !important;

  font-size:13px !important;
  font-weight:650 !important;
}


html.ein-public-v35
body[data-ein-tool="dns"]
.dn-input-row{
  display:flex !important;
  align-items:center !important;

  width:100% !important;
  gap:12px !important;

  margin:0 !important;
  padding:0 !important;

  background:transparent !important;
  border:0 !important;

  box-shadow:none !important;
}


html.ein-public-v35
body[data-ein-tool="dns"]
#domainInput{
  box-sizing:border-box !important;

  flex:1 1 auto !important;
  min-width:0 !important;

  height:54px !important;

  margin:0 !important;
  padding:0 17px !important;

  background:#ffffff !important;

  border:1px solid #d3e1d8 !important;
  border-radius:14px !important;

  outline:0 !important;

  box-shadow:none !important;

  color:#26372e !important;
  -webkit-text-fill-color:#26372e !important;

  font-size:16px !important;
}


html.ein-public-v35
body[data-ein-tool="dns"]
#runButton{
  box-sizing:border-box !important;

  flex:0 0 auto !important;

  min-width:140px !important;
  height:54px !important;

  margin:0 !important;
  padding:0 22px !important;

  background:#2d7a50 !important;
  background-image:none !important;

  border:1px solid #2d7a50 !important;
  border-radius:14px !important;

  box-shadow:none !important;

  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;

  font-size:16px !important;
  font-weight:700 !important;

  white-space:nowrap !important;
}


html.ein-public-v35
body[data-ein-tool="dns"]
.dn-form-message{
  display:block !important;

  min-height:0 !important;

  margin:8px 3px 0 !important;
  padding:0 !important;

  background:transparent !important;

  border:0 !important;

  box-shadow:none !important;

  color:#789082 !important;
  -webkit-text-fill-color:#789082 !important;

  font-size:10px !important;
  font-weight:500 !important;
  line-height:1.45 !important;
}


/* ==========================================================
   RESOLVER NODES
   ========================================================== */

html.ein-public-v35
body[data-ein-tool="dns"]
.dn-nodes{
  margin-top:16px !important;
}


/* ==========================================================
   RESULTS

   Old LAB version tries to keep results horizontally wide.
   PUBLIC version stacks the two result panels.
   ========================================================== */

html.ein-public-v35
body[data-ein-tool="dns"]
.dn-results{
  display:grid !important;

  grid-template-columns:minmax(0,1fr) !important;

  gap:16px !important;

  width:100% !important;
  max-width:100% !important;

  margin-top:16px !important;

  overflow:visible !important;
}


html.ein-public-v35
body[data-ein-tool="dns"]
.dn-results > .dn-panel{
  box-sizing:border-box !important;

  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;

  margin:0 !important;

  overflow:hidden !important;

  background:#ffffff !important;

  border:1px solid #dce5e0 !important;
  border-radius:18px !important;

  box-shadow:none !important;
}


html.ein-public-v35
body[data-ein-tool="dns"]
.dn-panel > header{
  box-sizing:border-box !important;

  width:100% !important;

  margin:0 !important;
  padding:14px 16px !important;

  background:#f4f8f5 !important;

  border:0 !important;
  border-bottom:1px solid #dce5e0 !important;

  border-radius:0 !important;

  box-shadow:none !important;
}


/* ---------- ZONE / MATRIX containers ---------- */

html.ein-public-v35
body[data-ein-tool="dns"]
#zoneResult,

html.ein-public-v35
body[data-ein-tool="dns"]
#matrixResult{
  box-sizing:border-box !important;

  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;

  margin:0 !important;
  padding:12px 14px !important;

  overflow-x:hidden !important;

  background:#ffffff !important;

  border:0 !important;

  box-shadow:none !important;
}


/*
   Anything generated by diagnostic JS must be allowed to shrink.
*/

html.ein-public-v35
body[data-ein-tool="dns"]
#zoneResult *,

html.ein-public-v35
body[data-ein-tool="dns"]
#matrixResult *{
  box-sizing:border-box !important;

  min-width:0 !important;
  max-width:100% !important;

  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}


/* Tables */

html.ein-public-v35
body[data-ein-tool="dns"]
#zoneResult table,

html.ein-public-v35
body[data-ein-tool="dns"]
#matrixResult table{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;

  table-layout:fixed !important;

  border-collapse:collapse !important;

  margin:0 !important;
}


html.ein-public-v35
body[data-ein-tool="dns"]
#zoneResult th,

html.ein-public-v35
body[data-ein-tool="dns"]
#zoneResult td,

html.ein-public-v35
body[data-ein-tool="dns"]
#matrixResult th,

html.ein-public-v35
body[data-ein-tool="dns"]
#matrixResult td{
  min-width:0 !important;

  padding:9px 10px !important;

  white-space:normal !important;

  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}


/* Long TXT / host / resolver strings */

html.ein-public-v35
body[data-ein-tool="dns"]
#zoneResult :where(
  pre,
  code,
  p,
  span,
  strong,
  div
),

html.ein-public-v35
body[data-ein-tool="dns"]
#matrixResult :where(
  pre,
  code,
  p,
  span,
  strong,
  div
){
  white-space:normal !important;

  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}


/*
   Explicitly kill old width assumptions.
   No 100vw / fixed minimum result width.
*/

html.ein-public-v35
body[data-ein-tool="dns"]
.dn-zone-panel,

html.ein-public-v35
body[data-ein-tool="dns"]
.dn-matrix-wrap,

html.ein-public-v35
body[data-ein-tool="dns"]
.dn-data{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:640px){

  html.ein-public-v35
  body[data-ein-tool="dns"]
  .dn-hero{
    padding:25px 22px 23px !important;
  }

  html.ein-public-v35
  body[data-ein-tool="dns"]
  .dn-hero h1{
    font-size:31px !important;
  }

  html.ein-public-v35
  body[data-ein-tool="dns"]
  .dn-input-row{
    flex-direction:column !important;
    align-items:stretch !important;
  }

  html.ein-public-v35
  body[data-ein-tool="dns"]
  #runButton{
    width:100% !important;
  }

}

/* DNS_V43_END */


/* DNS_V44_FINISH_BEGIN */

/*
 * ZONE と RECORD MATRIX を
 * 別々のカードとして明確に見せる。
 */

html.ein-public-v35
body[data-ein-tool="dns"]
.dn-results{
  gap:24px !important;
}


/*
 * 2枚とも角丸を独立させる。
 */

html.ein-public-v35
body[data-ein-tool="dns"]
.dn-results > .dn-panel{
  background:#ffffff !important;

  border:1px solid #d8e4dc !important;
  border-radius:18px !important;

  overflow:hidden !important;

  box-shadow:none !important;
}


/*
 * 2枚目の表の上側にも
 * ページ背景がきちんと見えるようにする。
 */

html.ein-public-v35
body[data-ein-tool="dns"]
.dn-results > .dn-panel + .dn-panel{
  margin-top:0 !important;
}


/*
 * SOURCE / A / AAAA / NS / MX 表
 *
 * V43では横はみ出し防止のため
 * border-left を全セルから外した。
 *
 * 一番左だけ復活。
 */

html.ein-public-v35
body[data-ein-tool="dns"]
#matrixResult table{
  border-left:1px solid #dce5e0 !important;
}


html.ein-public-v35
body[data-ein-tool="dns"]
#matrixResult th:first-child,

html.ein-public-v35
body[data-ein-tool="dns"]
#matrixResult td:first-child{
  border-left:1px solid #dce5e0 !important;
}


/*
 * 表上端も少し明確に。
 */

html.ein-public-v35
body[data-ein-tool="dns"]
#matrixResult thead th{
  border-top:1px solid #dce5e0 !important;
}


/*
 * ZONE結果側も下までカードとして完結。
 */

html.ein-public-v35
body[data-ein-tool="dns"]
.dn-zone-panel{
  margin-bottom:0 !important;
}


/* DNS_V44_FINISH_END */


/* DNS_V45_NODATA_GAP_BEGIN */

/* ------------------------------------------
   DNS Checker
   NO DATA 2枚を独立カード化
   ------------------------------------------ */

html.ein-public-v35
body[data-ein-tool="dns"]
#zoneResult,

html.ein-public-v35
body[data-ein-tool="dns"]
#matrixResult{
  background:#ffffff !important;
  border:1px solid #d8e4dc !important;
  border-radius:18px !important;
  box-shadow:none !important;
  overflow:hidden !important;
}

/* 2枚の間をちゃんと空ける */
html.ein-public-v35
body[data-ein-tool="dns"]
#zoneResult{
  margin-top:18px !important;
  margin-bottom:18px !important;
}

html.ein-public-v35
body[data-ein-tool="dns"]
#matrixResult{
  margin-top:18px !important;
}

/* 親の白BOX感を消す候補群 */
html.ein-public-v35
body[data-ein-tool="dns"]
.dn-results,

html.ein-public-v35
body[data-ein-tool="dns"]
.dn-results-wrap,

html.ein-public-v35
body[data-ein-tool="dns"]
.dn-result-group,

html.ein-public-v35
body[data-ein-tool="dns"]
.dn-output-group,

html.ein-public-v35
body[data-ein-tool="dns"]
.dn-data-group,

html.ein-public-v35
body[data-ein-tool="dns"]
.dn-stack{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

/* 万一 wrapper が padding で繋がって見える場合の保険 */
html.ein-public-v35
body[data-ein-tool="dns"]
#zoneResult + #matrixResult{
  margin-top:22px !important;
}

/* NO DATA 面の高さが過剰なら少し締める */
html.ein-public-v35
body[data-ein-tool="dns"]
#zoneResult .no-data,
html.ein-public-v35
body[data-ein-tool="dns"]
#matrixResult .no-data,
html.ein-public-v35
body[data-ein-tool="dns"]
#zoneResult [class*="no-data"],
html.ein-public-v35
body[data-ein-tool="dns"]
#matrixResult [class*="no-data"]{
  min-height:0 !important;
}

/* DNS_V45_NODATA_GAP_END */

