/* Percy Solar Data Center Styles */
#percy-data-center{--pdc-navy:#08284f;--pdc-blue:#0f6fcc;--pdc-blue-light:#eaf5ff;--pdc-green:#2ca46f;--pdc-orange:#f4a116;--pdc-pink:#ec607d;--pdc-ink:#172537;--pdc-muted:#68788b;--pdc-line:#dfe8f2;--pdc-soft:#f4f8fc;--pdc-shadow-sm:0 8px 24px rgba(9,44,84,.07);--pdc-shadow-md:0 16px 42px rgba(9,44,84,.12);--pdc-radius-md:18px;--pdc-radius-lg:24px;width:100%;color:var(--pdc-ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;line-height:1.75;overflow:hidden}#percy-data-center *,#percy-data-center *:before,#percy-data-center *:after{box-sizing:border-box}#percy-data-center a{text-decoration:none}#percy-data-center h1,#percy-data-center h2,#percy-data-center h3,#percy-data-center p,#percy-data-center dl,#percy-data-center dd,#percy-data-center ul{margin-top:0}#percy-data-center h1,#percy-data-center h2,#percy-data-center h3{border:0!important;background:none!important;box-shadow:none!important}#percy-data-center h1:before,#percy-data-center h1:after,#percy-data-center h2:before,#percy-data-center h2:after,#percy-data-center h3:before,#percy-data-center h3:after{display:none!important;content:none!important}.percy-data-center__container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.percy-data-center__section{padding:78px 0}.percy-data-center__section--soft{background:var(--pdc-soft)}
.percy-data-center__hero{position:relative;min-height:610px;display:grid;align-items:center;isolation:isolate;background:radial-gradient(circle at 82% 18%,rgba(255,255,255,.14),transparent 20%),radial-gradient(circle at 75% 78%,rgba(31,167,200,.22),transparent 25%),linear-gradient(135deg,#061c38 0%,#0a3d75 53%,#0f6fcc 100%)}.percy-data-center__hero:after{position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(255,255,255,.034) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.034) 1px,transparent 1px);background-size:38px 38px;content:"";mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 90%)}.percy-data-center__hero-overlay{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 88% 20%,rgba(255,255,255,.17),transparent 16%),radial-gradient(circle at 72% 54%,rgba(255,255,255,.06),transparent 31%);pointer-events:none}.percy-data-center__hero-content{max-width:790px;padding:92px 0 150px}.percy-data-center__eyebrow{margin-bottom:8px;color:#8bd9ff;font-size:13px;font-weight:900;letter-spacing:.16em}.percy-data-center__hero h1{margin:0 0 24px!important;padding:0!important;color:#fff!important;font-size:clamp(43px,6vw,72px)!important;font-weight:900!important;line-height:1.13!important;letter-spacing:-.045em}.percy-data-center__hero h1 span{color:#89dcff}.percy-data-center__lead{max-width:720px;margin-bottom:28px;color:rgba(255,255,255,.88);font-size:clamp(15px,1.8vw,20px);font-weight:650}.percy-data-center__hero-badges{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:31px}.percy-data-center__hero-badges span{padding:8px 13px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;font-size:12px;font-weight:800;backdrop-filter:blur(10px)}.percy-data-center__button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:13px 26px;border-radius:13px;font-weight:900;transition:transform .2s ease,box-shadow .2s ease}.percy-data-center__button:hover{transform:translateY(-2px)}.percy-data-center__button--light{background:#fff;color:var(--pdc-navy)!important;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.percy-data-center__summary{position:relative;z-index:2;margin-top:-82px;padding-bottom:30px}.percy-data-center__summary-grid{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid rgba(8,40,79,.08);border-radius:var(--pdc-radius-lg);background:#fff;box-shadow:var(--pdc-shadow-md)}.percy-data-center__summary-grid article{position:relative;padding:31px 20px 28px;text-align:center}.percy-data-center__summary-grid article+article:before{position:absolute;top:23%;left:0;width:1px;height:54%;background:var(--pdc-line);content:""}.percy-data-center__summary-grid article>span{display:block;margin-bottom:4px;color:var(--pdc-orange);font-size:28px;font-weight:900}.percy-data-center__summary-grid article:nth-child(2)>span,.percy-data-center__summary-grid article:nth-child(2) strong{color:var(--pdc-green)}.percy-data-center__summary-grid article:nth-child(3)>span,.percy-data-center__summary-grid article:nth-child(3) strong{color:var(--pdc-blue)}.percy-data-center__summary-grid article:nth-child(4)>span,.percy-data-center__summary-grid article:nth-child(4) strong{color:var(--pdc-pink)}.percy-data-center__summary-grid p{margin-bottom:3px;font-size:13px;font-weight:800}.percy-data-center__summary-grid strong{color:var(--pdc-orange);font-size:clamp(27px,3vw,39px);font-weight:900;line-height:1.2;letter-spacing:-.035em}.percy-data-center__summary-grid strong small{margin-left:4px;font-size:.4em;letter-spacing:0}
.percy-data-center__section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:31px}.percy-data-center__section-heading>div:first-child{max-width:760px}.percy-data-center__kicker{margin-bottom:2px;color:var(--pdc-blue);font-size:12px;font-weight:900;letter-spacing:.14em}.percy-data-center__section-heading h2,.percy-data-center__info-grid h2{margin:0!important;padding:0!important;color:var(--pdc-navy)!important;font-size:clamp(26px,3vw,37px)!important;font-weight:900!important;line-height:1.35!important}.percy-data-center__section-heading p:last-child{margin:10px 0 0;color:var(--pdc-muted)}.percy-data-center__status{min-width:210px;padding:16px 19px;border:1px solid var(--pdc-line);border-radius:15px;background:#fff;box-shadow:var(--pdc-shadow-sm)}.percy-data-center__status span{display:block;color:var(--pdc-muted);font-size:11px}.percy-data-center__status strong{color:var(--pdc-navy);font-size:18px}
.percy-data-center__latest-grid,.percy-data-center__month-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.percy-data-center__metric,.percy-data-center__month-grid article{padding:27px;border:1px solid rgba(15,111,204,.13);border-radius:var(--pdc-radius-md);background:#fff;box-shadow:var(--pdc-shadow-sm)}.percy-data-center__metric--accent{background:linear-gradient(145deg,#0a3c73 0%,#0f6fcc 100%);border-color:transparent}.percy-data-center__metric p,.percy-data-center__month-grid p{margin-bottom:7px;color:var(--pdc-muted);font-size:13px;font-weight:800}.percy-data-center__metric strong,.percy-data-center__month-grid strong{display:block;margin-bottom:8px;color:var(--pdc-navy);font-size:clamp(32px,4vw,47px);font-weight:900;line-height:1.15;letter-spacing:-.045em}.percy-data-center__metric strong small,.percy-data-center__month-grid strong small{margin-left:4px;font-size:.35em;letter-spacing:0}.percy-data-center__metric>span{color:var(--pdc-muted);font-size:11px}.percy-data-center__metric--accent p,.percy-data-center__metric--accent strong,.percy-data-center__metric--accent>span{color:#fff}
.percy-data-center__coming-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.percy-data-center__coming-grid article{position:relative;min-height:230px;padding:30px;overflow:hidden;border:1px solid var(--pdc-line);border-radius:var(--pdc-radius-md);background:linear-gradient(145deg,#fff 0%,#f4f9ff 100%);box-shadow:var(--pdc-shadow-sm)}.percy-data-center__coming-grid article>span{position:absolute;top:18px;right:22px;color:rgba(15,111,204,.13);font-size:58px;font-weight:900;line-height:1}.percy-data-center__coming-grid h3{margin:0 0 10px!important;padding:0!important;color:var(--pdc-navy)!important;font-size:22px!important;font-weight:900!important}.percy-data-center__coming-grid p{margin-bottom:0;color:var(--pdc-muted);font-size:13px}.percy-data-center__notice{padding:30px;border:1px dashed rgba(15,111,204,.34);border-radius:var(--pdc-radius-md);background:#fff}.percy-data-center__notice strong{display:block;margin-bottom:7px;color:var(--pdc-blue);font-size:15px}.percy-data-center__notice p{margin-bottom:0;color:var(--pdc-muted)}.percy-data-center__info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.percy-data-center__info-grid article{padding:31px;border:1px solid var(--pdc-line);border-radius:var(--pdc-radius-md);background:#fff;box-shadow:var(--pdc-shadow-sm)}.percy-data-center__info-grid ul{margin-bottom:0;padding-left:1.2em}.percy-data-center__info-grid li+li{margin-top:6px}.percy-data-center__info-grid p:not(.percy-data-center__kicker),.percy-data-center__info-grid li{color:var(--pdc-muted);font-size:13px}
@media(max-width:980px){.percy-data-center__latest-grid,.percy-data-center__month-grid{grid-template-columns:repeat(3,1fr)}.percy-data-center__summary-grid{grid-template-columns:repeat(2,1fr)}.percy-data-center__summary-grid article:nth-child(3),.percy-data-center__summary-grid article:nth-child(4){border-top:1px solid var(--pdc-line)}}@media(max-width:640px){.percy-data-center__container{width:min(100% - 24px,1180px)}.percy-data-center__section{padding:54px 0}.percy-data-center__hero{min-height:600px}.percy-data-center__hero-content{padding:78px 0 137px}.percy-data-center__hero h1{font-size:40px!important}.percy-data-center__summary{margin-top:-66px}.percy-data-center__summary-grid{grid-template-columns:repeat(2,1fr)}.percy-data-center__summary-grid article{padding:22px 12px 20px}.percy-data-center__summary-grid article+article:before{display:none}.percy-data-center__section-heading{align-items:flex-start;flex-direction:column}.percy-data-center__status{width:100%}.percy-data-center__latest-grid,.percy-data-center__month-grid{grid-template-columns:repeat(2,1fr);gap:10px}.percy-data-center__metric,.percy-data-center__month-grid article{padding:19px 14px}.percy-data-center__metric strong{font-size:31px}.percy-data-center__coming-grid,.percy-data-center__info-grid{grid-template-columns:1fr}.percy-data-center__coming-grid article{min-height:190px}}@media(prefers-reduced-motion:reduce){#percy-data-center *,#percy-data-center *:before,#percy-data-center *:after{scroll-behavior:auto!important;transition:none!important}}
/* =========================================================
   郢晏��ｽ郢晢ｽｭ郢晢ｽｼ�ｽ螢ｼ�ｮ貊難ｽｸ�ｬ陷茨ｽｬ鬮｢蛹ｺ蠕玖ｬｨ�ｰ
========================================================= */

.percy-data-center__hero-record {
  width: min(620px, 100%);
  display: grid;
  grid-template-columns: minmax(210px, 0.9fr) minmax(280px, 1.1fr);
  gap: 0;
  margin: 0 0 25px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.09);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.16);
  backdrop-filter: blur(12px);
}

.percy-data-center__hero-record-main {
  padding: 19px 22px;
  background: rgba(255, 255, 255, 0.08);
}

.percy-data-center__hero-record-main p {
  margin-bottom: 1px;
  color: rgba(255, 255, 255, 0.74);
  font-size: 12px;
  font-weight: 800;
}

.percy-data-center__hero-record-main > strong {
  display: flex;
  align-items: baseline;
  gap: 4px;
  color: #ffffff;
  font-size: 42px;
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: -0.04em;
}

.percy-data-center__hero-record-main > strong small {
  font-size: 15px;
  letter-spacing: 0;
}

.percy-data-center__hero-record-badge {
  display: inline-flex;
  margin-top: 7px;
  padding: 4px 10px;
  border-radius: 999px;
  background: #89dcff;
  color: #06315c;
  font-size: 11px;
  font-weight: 900;
}

.percy-data-center__hero-record-sub {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.percy-data-center__hero-record-sub > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 18px;
}

.percy-data-center__hero-record-sub > div + div {
  border-left: 1px solid rgba(255, 255, 255, 0.16);
}

.percy-data-center__hero-record-sub span {
  color: rgba(255, 255, 255, 0.64);
  font-size: 10px;
  font-weight: 700;
}

.percy-data-center__hero-record-sub strong {
  color: #ffffff;
  font-size: 14px;
  font-weight: 850;
}
@media (max-width: 640px) {
  .percy-data-center__hero-record {
    grid-template-columns: 1fr;
  }

  .percy-data-center__hero-record-main {
    padding: 18px 20px;
  }

  .percy-data-center__hero-record-main > strong {
    font-size: 40px;
  }

  .percy-data-center__hero-record-sub {
    border-top: 1px solid rgba(255, 255, 255, 0.16);
  }

  .percy-data-center__hero-record-sub > div {
    padding: 14px 16px;
  }
}

/* =========================================================
   DATA INSIGHTS�ｽ螢ｼ�ｮ貊難ｽｸ�ｬ邵ｺ荵晢ｽ芽崕�ｽﾂｰ邵ｺ�｣邵ｺ貅假ｼ�ｸｺ�ｨ
========================================================= */

.percy-data-center__insights {
  background:
    radial-gradient(
      circle at 88% 8%,
      rgba(15, 111, 204, 0.12),
      transparent 25%
    ),
    linear-gradient(
      180deg,
      #ffffff 0%,
      #eef7ff 100%
    );
}

.percy-data-center__insight-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 15px;
}

.percy-data-center__insight-card {
  position: relative;
  min-width: 0;
  padding: 24px 18px;
  overflow: hidden;
  border: 1px solid var(--pdc-line);
  border-radius: var(--pdc-radius-md);
  background: #ffffff;
  box-shadow: var(--pdc-shadow-sm);
}

.percy-data-center__insight-icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  margin-bottom: 13px;
  border-radius: 13px;
  background: var(--pdc-blue-light);
  color: var(--pdc-blue);
  font-size: 21px;
  font-weight: 900;
}

.percy-data-center__insight-card--generation
.percy-data-center__insight-icon {
  background: #fff4df;
  color: var(--pdc-orange);
}

.percy-data-center__insight-card--purchase
.percy-data-center__insight-icon {
  background: #e9f8ef;
  color: var(--pdc-green);
}

.percy-data-center__insight-card--self
.percy-data-center__insight-icon {
  background: #f4edff;
  color: #8954c6;
}

.percy-data-center__insight-card p {
  margin-bottom: 5px;
  color: var(--pdc-muted);
  font-size: 12px;
  font-weight: 800;
}

.percy-data-center__insight-card strong {
  display: block;
  margin-bottom: 8px;
  color: var(--pdc-navy);
  font-size: clamp(27px, 3vw, 38px);
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: -0.04em;
  white-space: nowrap;
}

.percy-data-center__insight-card strong small {
  margin-left: 3px;
  font-size: 0.38em;
  letter-spacing: 0;
}

.percy-data-center__insight-card > span:last-child {
  display: block;
  color: var(--pdc-muted);
  font-size: 10px;
  line-height: 1.5;
}


/* =========================================================
   陞滂ｽｩ雎梧€懈肩陝ｷ�ｳ陜ｮ�ｽ蛹ｱ鬮ｮ�ｻ鬩･�ｽ
========================================================= */

.percy-data-center__weather-panel {
  margin-top: 20px;
  padding: 28px;
  border: 1px solid var(--pdc-line);
  border-radius: var(--pdc-radius-md);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: var(--pdc-shadow-sm);
}

.percy-data-center__weather-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 21px;
}

.percy-data-center__weather-heading h3 {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--pdc-navy) !important;
  font-size: 23px !important;
  font-weight: 900 !important;
  line-height: 1.4 !important;
}

.percy-data-center__weather-heading > p {
  max-width: 440px;
  margin-bottom: 0;
  color: var(--pdc-muted);
  font-size: 12px;
}

.percy-data-center__weather-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.percy-data-center__weather-card {
  min-width: 0;
  padding: 19px 16px;
  border: 1px solid var(--pdc-line);
  border-radius: 15px;
  background:
    linear-gradient(
      145deg,
      #ffffff 0%,
      #f2f8ff 100%
    );
}

.percy-data-center__weather-card p {
  margin-bottom: 5px;
  color: var(--pdc-blue);
  font-size: 13px;
  font-weight: 900;
}

.percy-data-center__weather-card strong {
  display: block;
  margin-bottom: 4px;
  color: var(--pdc-navy);
  font-size: 27px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: -0.035em;
  white-space: nowrap;
}

.percy-data-center__weather-card strong small {
  margin-left: 3px;
  font-size: 0.38em;
  letter-spacing: 0;
}

.percy-data-center__weather-card span,
.percy-data-center__weather-loading {
  color: var(--pdc-muted);
  font-size: 10px;
}


/* =========================================================
   DATA INSIGHTS�ｽ螢ｹ縺｡郢晄じﾎ樒ｹ晢ｿｽ繝ｨ
========================================================= */

@media (max-width: 980px) {
  .percy-data-center__insight-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .percy-data-center__weather-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


/* =========================================================
   DATA INSIGHTS�ｽ螢ｹ縺帷ｹ晄ｧｭ�ｽ郢晏現繝ｵ郢ｧ�ｩ郢晢ｽｳ
========================================================= */

@media (max-width: 640px) {
  .percy-data-center__insight-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .percy-data-center__insight-card {
    padding: 19px 14px;
  }

  .percy-data-center__insight-icon {
    width: 39px;
    height: 39px;
    margin-bottom: 10px;
    font-size: 19px;
  }

  .percy-data-center__insight-card strong {
    font-size: 28px;
  }

  .percy-data-center__insight-card:last-child {
    grid-column: 1 / -1;
  }

  .percy-data-center__weather-panel {
    padding: 20px 16px;
  }

  .percy-data-center__weather-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 7px;
  }

  .percy-data-center__weather-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
  }

  .percy-data-center__weather-card {
    padding: 15px 11px;
  }

  .percy-data-center__weather-card strong {
    font-size: 22px;
  }
}

/* =========================================================
   MONTHLY ANALYSIS�ｽ螟ゑｽ｢�ｺ陞ｳ螢ｽ諤ｦ邵ｺ�ｮ髢ｾ�ｪ陷榊供�ｽ隴ｫ�ｽ
========================================================= */

.percy-data-center__monthly-analysis {
  background:
    radial-gradient(
      circle at 92% 6%,
      rgba(244, 161, 22, 0.13),
      transparent 24%
    ),
    #ffffff;
}

.percy-data-center__analysis-lead {
  display: grid;
  grid-template-columns: 125px 1fr;
  gap: 22px;
  align-items: center;
  margin-bottom: 17px;
  padding: 24px 27px;
  border-radius: var(--pdc-radius-md);
  background: var(--pdc-navy);
  color: #ffffff;
  box-shadow: var(--pdc-shadow-md);
}

.percy-data-center__analysis-lead > span {
  color: #78bdff;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.13em;
}

.percy-data-center__analysis-lead p {
  margin: 0;
  font-size: clamp(15px, 2vw, 18px);
  font-weight: 800;
  line-height: 1.8;
}

.percy-data-center__analysis-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.percy-data-center__analysis-card {
  min-width: 0;
  padding: 23px 19px;
  border: 1px solid var(--pdc-line);
  border-top: 4px solid var(--pdc-blue);
  border-radius: var(--pdc-radius-md);
  background: #ffffff;
  box-shadow: var(--pdc-shadow-sm);
}

.percy-data-center__analysis-card--generation {
  border-top-color: var(--pdc-orange);
}

.percy-data-center__analysis-card--purchase {
  border-top-color: var(--pdc-blue);
}

.percy-data-center__analysis-card--self {
  border-top-color: var(--pdc-green);
}

.percy-data-center__analysis-card--cost {
  border-top-color: var(--pdc-pink);
}

.percy-data-center__analysis-card p {
  margin-bottom: 5px;
  color: var(--pdc-muted);
  font-size: 12px;
  font-weight: 800;
}

.percy-data-center__analysis-card strong {
  display: block;
  margin-bottom: 8px;
  color: var(--pdc-navy);
  font-size: clamp(28px, 3vw, 39px);
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: -0.04em;
  white-space: nowrap;
}

.percy-data-center__analysis-card strong small {
  margin-left: 3px;
  font-size: 0.36em;
  letter-spacing: 0;
}

.percy-data-center__analysis-card > span {
  display: block;
  color: var(--pdc-muted);
  font-size: 10px;
  line-height: 1.6;
}

.percy-data-center__analysis-card.is-positive strong {
  color: var(--pdc-green);
}

.percy-data-center__analysis-card.is-negative strong {
  color: #c84949;
}

.percy-data-center__analysis-records {
  margin-top: 17px;
  padding: 25px 27px;
  border: 1px solid var(--pdc-line);
  border-radius: var(--pdc-radius-md);
  background: var(--pdc-soft);
}

.percy-data-center__analysis-records h3 {
  margin: 0 0 14px !important;
  padding: 0 !important;
  color: var(--pdc-navy) !important;
  font-size: 19px !important;
  font-weight: 900 !important;
}

.percy-data-center__analysis-records ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.percy-data-center__analysis-records li {
  position: relative;
  padding-left: 18px;
  color: var(--pdc-ink);
  font-size: 13px;
}

.percy-data-center__analysis-records li::before {
  position: absolute;
  top: 0.68em;
  left: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--pdc-orange);
  content: "";
}

.percy-data-center__analysis-records strong {
  color: var(--pdc-navy);
  font-weight: 900;
}

.percy-data-center__analysis-records > p {
  margin: 15px 0 0;
  padding-top: 13px;
  border-top: 1px solid var(--pdc-line);
  color: var(--pdc-muted);
  font-size: 11px;
}

@media (max-width: 980px) {
  .percy-data-center__analysis-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .percy-data-center__analysis-lead {
    grid-template-columns: 1fr;
    gap: 6px;
    padding: 21px 18px;
  }

  .percy-data-center__analysis-grid {
    gap: 10px;
  }

  .percy-data-center__analysis-card {
    padding: 19px 13px;
  }

  .percy-data-center__analysis-card strong {
    font-size: 27px;
  }

  .percy-data-center__analysis-records {
    padding: 21px 17px;
  }

  .percy-data-center__analysis-records ul {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   MONTHLY CHART 01�ｽ螢ｽ諤ｦ陋ｻ�･騾具ｽｺ鬮ｮ�ｻ鬩･�ｽ
========================================================= */

.percy-data-center__chart-panel {
  padding: clamp(22px, 4vw, 38px);
  overflow: hidden;
  border: 1px solid rgba(15, 111, 204, 0.15);
  border-radius: var(--pdc-radius-lg);
  background:
    radial-gradient(
      circle at 94% 4%,
      rgba(244, 161, 22, 0.12),
      transparent 24%
    ),
    #fff;
  box-shadow: var(--pdc-shadow-md);
}

.percy-data-center__chart-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 12px;
}

.percy-data-center__chart-number {
  margin-bottom: 3px;
  color: var(--pdc-orange);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.14em;
}

.percy-data-center__chart-header h3 {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--pdc-navy) !important;
  font-size: clamp(23px, 3vw, 31px) !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
}

.percy-data-center__chart-unit {
  flex: 0 0 auto;
  padding: 7px 11px;
  border-radius: 999px;
  background: var(--pdc-blue-light);
  color: var(--pdc-blue);
  font-size: 11px;
  font-weight: 900;
}

.percy-data-center__chart-summary {
  margin-bottom: 22px;
  color: var(--pdc-muted);
  font-size: 14px;
}

.percy-data-center__chart-summary strong {
  color: var(--pdc-orange);
  font-size: 1.2em;
  font-weight: 900;
}

.percy-data-center__chart-canvas-wrap {
  position: relative;
  width: 100%;
  height: 360px;
  padding: 10px 4px 0;
}

.percy-data-center__chart-canvas-wrap canvas {
  max-width: 100%;
}

.percy-data-center__chart-fallback {
  display: grid;
  min-height: 220px;
  margin: 0;
  place-items: center;
  border: 1px dashed var(--pdc-line);
  border-radius: var(--pdc-radius-md);
  color: var(--pdc-muted);
  text-align: center;
}

.percy-data-center__chart-fallback[hidden] {
  display: none;
}

.percy-data-center__chart-table-wrap {
  margin-top: 27px;
  overflow-x: auto;
  border: 1px solid var(--pdc-line);
  border-radius: 14px;
}

.percy-data-center__chart-table {
  width: 100%;
  min-width: 420px;
  margin: 0;
  border: 0;
  border-collapse: collapse;
  background: #fff;
}

.percy-data-center__chart-table caption {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.percy-data-center__chart-table th,
.percy-data-center__chart-table td {
  padding: 13px 18px;
  border: 0;
  border-bottom: 1px solid var(--pdc-line);
  text-align: left;
}

.percy-data-center__chart-table th:last-child,
.percy-data-center__chart-table td:last-child {
  text-align: right;
}

.percy-data-center__chart-table thead th {
  background: var(--pdc-soft);
  color: var(--pdc-navy);
  font-size: 12px;
  font-weight: 900;
}

.percy-data-center__chart-table tbody td {
  color: var(--pdc-muted);
  font-size: 13px;
}

.percy-data-center__chart-table tbody tr:last-child td {
  border-bottom: 0;
}

.percy-data-center__chart-table tbody tr.is-highest td {
  background: rgba(244, 161, 22, 0.08);
  color: var(--pdc-navy);
  font-weight: 900;
}

.percy-data-center__chart-table tbody tr.is-highest td:last-child {
  color: var(--pdc-orange);
}

.percy-data-center__chart-note {
  margin: 15px 0 0;
  color: var(--pdc-muted);
  font-size: 11px;
}

.percy-data-center__coming-grid--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 20px;
}

.percy-data-center__chart-panel +
.percy-data-center__chart-panel {
  margin-top: 22px;
}

.percy-data-center__chart-panel--purchase {
  background:
    radial-gradient(
      circle at 94% 4%,
      rgba(44, 164, 111, 0.12),
      transparent 24%
    ),
    #fff;
}

.percy-data-center__chart-panel--purchase
.percy-data-center__chart-number,
.percy-data-center__chart-panel--purchase
.percy-data-center__chart-summary strong {
  color: var(--pdc-green);
}

.percy-data-center__chart-canvas-wrap--dual {
  height: 390px;
}

.percy-data-center__chart-table--purchase {
  min-width: 680px;
}

.percy-data-center__chart-table--purchase th:nth-child(n + 2),
.percy-data-center__chart-table--purchase td:nth-child(n + 2) {
  text-align: right;
}

.percy-data-center__chart-table--purchase
tbody tr.is-lowest td {
  background: rgba(44, 164, 111, 0.08);
  color: var(--pdc-navy);
  font-weight: 900;
}

.percy-data-center__chart-table--purchase
tbody tr.is-lowest td:nth-child(2) {
  color: var(--pdc-green);
}

.percy-data-center__coming-grid--one {
  grid-template-columns: minmax(0, 1fr);
  margin-top: 20px;
}

.percy-data-center__chart-panel--self {
  background:
    radial-gradient(
      circle at 94% 4%,
      rgba(15, 111, 204, 0.13),
      transparent 24%
    ),
    #fff;
}

.percy-data-center__chart-panel--self
.percy-data-center__chart-number,
.percy-data-center__chart-panel--self
.percy-data-center__chart-summary strong {
  color: var(--pdc-blue);
}

.percy-data-center__chart-panel--self
.percy-data-center__chart-table tbody tr.is-highest td {
  background: rgba(15, 111, 204, 0.08);
}

.percy-data-center__chart-panel--self
.percy-data-center__chart-table tbody tr.is-highest td:last-child {
  color: var(--pdc-blue);
}

@media (max-width: 640px) {
  .percy-data-center__chart-header {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .percy-data-center__chart-summary {
    margin-bottom: 14px;
    font-size: 13px;
  }

  .percy-data-center__chart-canvas-wrap {
    height: 300px;
    margin-inline: -5px;
    width: calc(100% + 10px);
  }

  .percy-data-center__chart-table-wrap {
    margin-top: 20px;
  }

  .percy-data-center__chart-table th,
  .percy-data-center__chart-table td {
    padding: 11px 14px;
  }

  .percy-data-center__coming-grid--two {
    grid-template-columns: 1fr;
  }

  .percy-data-center__chart-canvas-wrap--dual {
    height: 330px;
  }
}

/* =========================================================
   DAILY RECORDS�ｽ螢ｽ蠕玖崕�･陞ｳ貊難ｽｸ�ｬ郢晢ｿｽ�ｽ郢ｧ�ｿ
========================================================= */

.percy-data-center__daily-panel {
  overflow: hidden;
  border: 1px solid var(--pdc-line);
  border-radius: var(--pdc-radius-lg);
  background: #fff;
  box-shadow: var(--pdc-shadow-md);
}

.percy-data-center__daily-filters {
  padding: 22px;
  border-bottom: 1px solid var(--pdc-line);
  background: #fff;
}

.percy-data-center__daily-filter-grid {
  display: grid;
  grid-template-columns:
    minmax(170px, 1.1fr)
    minmax(160px, 1fr)
    minmax(160px, 1fr)
    minmax(120px, 0.7fr);
  gap: 12px;
}

.percy-data-center__daily-filter-grid label {
  display: block;
  margin: 0;
}

.percy-data-center__daily-filter-grid label > span {
  display: block;
  margin-bottom: 6px;
  color: var(--pdc-navy);
  font-size: 11px;
  font-weight: 900;
}

.percy-data-center__daily-filter-grid input,
.percy-data-center__daily-filter-grid select {
  width: 100%;
  min-height: 46px;
  margin: 0;
  padding: 9px 12px;
  border: 1px solid var(--pdc-line);
  border-radius: 11px;
  outline: none;
  background: var(--pdc-soft);
  color: var(--pdc-ink);
  font: inherit;
  font-size: 13px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.percy-data-center__daily-filter-grid input:focus,
.percy-data-center__daily-filter-grid select:focus {
  border-color: var(--pdc-blue);
  box-shadow: 0 0 0 3px rgba(15, 111, 204, 0.12);
}

.percy-data-center__daily-filter-actions {
  display: flex;
  justify-content: flex-end;
  gap: 9px;
  margin-top: 14px;
}

.percy-data-center__daily-filter-actions button {
  min-height: 44px;
  padding: 10px 18px;
  border: 1px solid var(--pdc-blue);
  border-radius: 11px;
  background: var(--pdc-blue);
  color: #fff;
  font: inherit;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.percy-data-center__daily-filter-actions button:hover {
  transform: translateY(-1px);
}

.percy-data-center__daily-filter-actions button.is-secondary {
  border-color: var(--pdc-line);
  background: #fff;
  color: var(--pdc-muted);
}

.percy-data-center__daily-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 19px 22px;
  border-bottom: 1px solid var(--pdc-line);
  background: linear-gradient(135deg, #fff, var(--pdc-blue-light));
}

.percy-data-center__daily-status {
  margin: 0;
  color: var(--pdc-navy);
  font-size: 14px;
  font-weight: 900;
}

.percy-data-center__daily-status.is-error {
  color: #b4233b;
}

.percy-data-center__daily-meta > span {
  flex: 0 0 auto;
  color: var(--pdc-muted);
  font-size: 11px;
  font-weight: 700;
}

.percy-data-center__daily-table-wrap {
  overflow-x: auto;
}

.percy-data-center__daily-table {
  width: 100%;
  min-width: 930px;
  margin: 0;
  border: 0;
  border-collapse: collapse;
  background: #fff;
}

.percy-data-center__daily-table caption {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.percy-data-center__daily-table th,
.percy-data-center__daily-table td {
  padding: 14px 15px;
  border: 0;
  border-bottom: 1px solid var(--pdc-line);
  text-align: right;
  white-space: nowrap;
}

.percy-data-center__daily-table th:first-child,
.percy-data-center__daily-table td:first-child,
.percy-data-center__daily-table th:nth-child(2),
.percy-data-center__daily-table td:nth-child(2) {
  text-align: left;
}

.percy-data-center__daily-table thead th {
  background: var(--pdc-navy);
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.02em;
}

.percy-data-center__daily-table tbody td {
  color: var(--pdc-muted);
  font-size: 12px;
}

.percy-data-center__daily-table tbody tr:hover td {
  background: rgba(15, 111, 204, 0.035);
}

.percy-data-center__daily-table tbody tr:last-child td {
  border-bottom: 0;
}

.percy-data-center__daily-table td:first-child {
  color: var(--pdc-navy);
  font-weight: 900;
}

.percy-data-center__daily-weather {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 68px;
  padding: 5px 9px;
  border-radius: 999px;
  background: var(--pdc-soft);
  color: var(--pdc-muted);
  font-size: 10px;
  font-weight: 900;
}

.percy-data-center__daily-weather.is-sunny {
  background: rgba(244, 161, 22, 0.13);
  color: #a96200;
}

.percy-data-center__daily-weather.is-rainy {
  background: rgba(15, 111, 204, 0.12);
  color: var(--pdc-blue);
}

.percy-data-center__daily-weather.is-cloudy {
  background: rgba(104, 120, 139, 0.13);
  color: #536273;
}

.percy-data-center__daily-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 18px 22px;
  border-top: 1px solid var(--pdc-line);
  background: var(--pdc-soft);
}

.percy-data-center__daily-pagination button {
  min-width: 118px;
  min-height: 42px;
  padding: 9px 16px;
  border: 0;
  border-radius: 11px;
  background: var(--pdc-blue);
  color: #fff;
  font: inherit;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.percy-data-center__daily-pagination button:hover:not(:disabled) {
  transform: translateY(-1px);
}

.percy-data-center__daily-pagination button:disabled {
  opacity: 0.34;
  cursor: not-allowed;
}

/* =========================================================
   陞ｳ貊難ｽｸ�ｬ郢晢ｿｽ�ｽ郢ｧ�ｿ陋ｻ�ｩ騾包ｽｨ郢晄亢ﾎ懃ｹｧ�ｷ郢晢ｽｼ邵ｺ�ｸ邵ｺ�ｮ陝�ｮ茨ｽｷ�ｽ
========================================================= */

.percy-data-center__policy-link {
  display: inline-flex;
  align-items: center;
  margin-top: 7px;
  color: var(--pdc-blue) !important;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
}

.percy-data-center__policy-link:hover {
  text-decoration: underline;
}

.percy-data-center__daily-pagination span {
  min-width: 100px;
  color: var(--pdc-navy);
  font-size: 12px;
  font-weight: 900;
  text-align: center;
}

@media (max-width: 760px) {
  .percy-data-center__daily-filters {
    padding: 16px;
  }

  .percy-data-center__daily-filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .percy-data-center__daily-filter-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .percy-data-center__daily-filter-actions button {
    padding-inline: 9px;
  }

  .percy-data-center__daily-meta {
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
    padding: 16px;
  }

  .percy-data-center__daily-table-wrap {
    padding: 12px;
    overflow: visible;
  }

  .percy-data-center__daily-table,
  .percy-data-center__daily-table tbody {
    display: block;
    min-width: 0;
    width: 100%;
  }

  .percy-data-center__daily-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
  }

  .percy-data-center__daily-table tbody tr {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 11px;
    overflow: hidden;
    border: 1px solid var(--pdc-line);
    border-radius: 14px;
    background: #fff;
    box-shadow: var(--pdc-shadow-sm);
  }

  .percy-data-center__daily-table tbody tr:last-child {
    margin-bottom: 0;
  }

  .percy-data-center__daily-table tbody td {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    min-height: 68px;
    padding: 11px 12px;
    border-right: 1px solid var(--pdc-line);
    border-bottom: 1px solid var(--pdc-line);
    text-align: left !important;
    white-space: normal;
  }

  .percy-data-center__daily-table tbody td:nth-child(2n) {
    border-right: 0;
  }

  .percy-data-center__daily-table tbody td::before {
    display: block;
    margin-bottom: 3px;
    color: var(--pdc-muted);
    font-size: 9px;
    font-weight: 800;
    content: attr(data-label);
  }

  .percy-data-center__daily-table tbody td:last-child {
    grid-column: 1 / -1;
    align-items: center;
    min-height: 58px;
    border-right: 0;
    border-bottom: 0;
    background: var(--pdc-blue-light);
    color: var(--pdc-blue);
    font-size: 17px;
    font-weight: 900;
  }

  .percy-data-center__daily-table tbody td[colspan] {
    grid-column: 1 / -1;
    align-items: center;
    border: 0;
    text-align: center !important;
  }

  .percy-data-center__daily-table tbody td[colspan]::before {
    display: none;
  }

  .percy-data-center__daily-weather {
    min-width: 0;
  }

  .percy-data-center__daily-pagination {
    gap: 8px;
    padding: 14px 12px;
  }

  .percy-data-center__daily-pagination button {
    min-width: 0;
    flex: 1 1 0;
    padding-inline: 9px;
  }

  .percy-data-center__daily-pagination span {
    min-width: 82px;
    font-size: 11px;
  }
}

@media (max-width: 420px) {
  .percy-data-center__daily-filter-grid {
    grid-template-columns: 1fr;
  }
}

/* 郢ｧ�ｭ郢晢ｽｼ郢晄㈱�ｽ郢晉判譯�抄諛亥�邵ｺ�ｮ霑ｴ�ｾ陜ｨ�ｨ闖ｴ蜥ｲ�ｽ�ｮ郢ｧ蜻茨ｿｽ驕抵ｽｺ邵ｺ�ｫ邵ｺ蜉ｱ竏ｪ邵ｺ蜷ｶﾂ€�ｽ */
#percy-data-center a:focus-visible,
#percy-data-center button:focus-visible,
#percy-data-center input:focus-visible,
#percy-data-center select:focus-visible {
  outline: 3px solid #f4a116;
  outline-offset: 4px;
}

#latest-data,
#percy-data-center section[id] {
  scroll-margin-top: 24px;
}

/* PageSpeed Insights縺ｮ繧ｳ繝ｳ繝医Λ繧ｹ繝亥渕貅悶↓蟇ｾ蠢懊＠縺ｾ縺吶€� */
#percy-data-center .percy-data-center__summary-grid article:nth-child(1) > span,
#percy-data-center .percy-data-center__summary-grid article:nth-child(1) strong {
  color: #a86100;
}

#percy-data-center .percy-data-center__summary-grid article:nth-child(2) > span,
#percy-data-center .percy-data-center__summary-grid article:nth-child(2) strong {
  color: #197a50;
}

#percy-data-center .percy-data-center__section-heading p:last-child,
#percy-data-center #percy-monthly-analysis-billing-note {
  color: #596879;
}

#percy-data-center .percy-data-center__chart-table tbody tr.is-highest td:last-child {
  color: #a86100;
}

#percy-data-center .percy-data-center__chart-table--purchase tbody tr.is-lowest td:nth-child(2) {
  color: #197a50;
}