@charset "utf-8";

body{
  background:var(--jh-bg, #f6f7f9);
}

.p-terms{
  padding:0 14px calc(76px + env(safe-area-inset-bottom));
}

.tm-hero{
  margin:12px 0 12px;
  padding:24px 20px 20px;
  border:1px solid #e5e7eb;
  border-radius:24px;
  background:linear-gradient(135deg, #fff 0%, #fffaf4 100%);
  box-shadow:0 10px 28px rgba(15, 23, 42, .06);
}
.tm-kicker{
  margin:0 0 8px;
  color:#ea580c;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
}
.tm-hero h1{
  margin:0;
  color:#111827;
  font-size:27px;
  line-height:1.18;
  letter-spacing:-.045em;
}
.tm-hero__desc{
  margin:12px 0 0;
  color:#4b5563;
  font-size:14px;
  font-weight:600;
  line-height:1.75;
  word-break:keep-all;
}
.tm-date{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:8px;
  margin:18px 0 0;
}
.tm-date>div{
  display:grid;
  gap:4px;
  padding:12px;
  border:1px solid #e5e7eb;
  border-radius:16px;
  background:#fff;
}
.tm-date dt{
  color:#6b7280;
  font-size:11px;
  font-weight:800;
}
.tm-date dd{
  margin:0;
  color:#111827;
  font-size:13px;
  font-weight:900;
}

.tm-summary{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
  margin:0 0 12px;
}
.tm-summary-card{
  min-width:0;
  padding:14px;
  border:1px solid #e5e7eb;
  border-radius:18px;
  background:#fff;
}
.tm-summary-card .material-symbols-outlined{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  margin-bottom:10px;
  border-radius:12px;
  background:#fff7ed;
  color:#ea580c;
  font-size:20px;
}
.tm-summary-card strong{
  display:block;
  color:#111827;
  font-size:13px;
  font-weight:900;
  letter-spacing:-.025em;
}
.tm-summary-card p{
  margin:6px 0 0;
  color:#6b7280;
  font-size:12px;
  font-weight:600;
  line-height:1.55;
  word-break:keep-all;
}

.tm-anchor{
  position:sticky;
  top:calc(54px + env(safe-area-inset-top));
  z-index:20;
  display:flex;
  gap:8px;
  margin:0 -14px 14px;
  padding:8px 14px;
  overflow-x:auto;
  background:rgba(246, 247, 249, .92);
  backdrop-filter:blur(10px);
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.tm-anchor::-webkit-scrollbar{display:none;}
.tm-anchor a{
  flex:0 0 auto;
  padding:9px 12px;
  border:1px solid #e5e7eb;
  border-radius:999px;
  background:#fff;
  color:#374151;
  font-size:12px;
  font-weight:900;
  text-decoration:none;
  white-space:nowrap;
}
.tm-anchor a:active{
  transform:translateY(1px);
}

.tm-card{
  scroll-margin-top:112px;
  margin:0 0 12px;
  padding:18px;
  border:1px solid #e5e7eb;
  border-radius:22px;
  background:#fff;
  box-shadow:0 8px 22px rgba(15, 23, 42, .045);
}
.tm-intro{
  display:grid;
  gap:8px;
  border-color:#fed7aa;
  background:#fffaf4;
}
.tm-card p{
  margin:0;
  color:#374151;
  font-size:14px;
  font-weight:600;
  line-height:1.78;
  word-break:keep-all;
}
.tm-card p + p{margin-top:10px;}
.tm-card__head{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  align-items:start;
  gap:10px;
  margin:0 0 14px;
}
.tm-section-num{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  margin:0;
  border-radius:12px;
  background:#111827;
  color:#fff;
  font-size:12px;
  font-weight:900;
  line-height:1;
}
.tm-card h2{
  margin:2px 0 0;
  color:#111827;
  font-size:19px;
  line-height:1.35;
  letter-spacing:-.04em;
}
.tm-article{
  padding-top:14px;
  border-top:1px solid #eef0f3;
}
.tm-article:first-of-type{
  padding-top:0;
  border-top:0;
}
.tm-article + .tm-article{
  margin-top:16px;
}
.tm-article h3{
  margin:0 0 10px;
  color:#111827;
  font-size:15px;
  font-weight:900;
  line-height:1.45;
  letter-spacing:-.03em;
}
.tm-list{
  display:grid;
  gap:8px;
  margin:0;
  padding-left:20px;
  color:#374151;
  font-size:14px;
  font-weight:600;
  line-height:1.75;
  word-break:keep-all;
}
.tm-list li::marker{
  color:#9ca3af;
  font-weight:800;
}
.tm-list ol{
  display:grid;
  gap:5px;
  margin:7px 0 0;
  padding-left:18px;
  color:#4b5563;
  font-size:13px;
  line-height:1.65;
}
.tm-list + p,
.tm-article p + .tm-list{
  margin-top:10px;
}
.tm-notice{
  margin-top:14px;
  padding:14px;
  border:1px solid #fed7aa;
  border-radius:16px;
  background:#fff7ed;
}
.tm-notice strong{
  display:block;
  margin-bottom:5px;
  color:#9a3412;
  font-size:13px;
  font-weight:900;
}
.tm-notice p{
  color:#7c2d12;
  font-size:13px;
  line-height:1.65;
}
.tm-link-row{
  margin-top:12px !important;
}
.tm-link-row a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  background:#111827;
  color:#fff;
  font-size:13px;
  font-weight:900;
}
.tm-bylaw{
  display:grid;
  gap:6px;
  padding:14px;
  border:1px dashed #d1d5db;
  border-radius:16px;
  background:#f9fafb;
}
.tm-bylaw p{
  color:#374151;
  font-size:13px;
}

@media (max-width:360px){
  .p-terms{padding-left:12px; padding-right:12px;}
  .tm-hero{padding:22px 18px 18px;}
  .tm-summary{grid-template-columns:1fr;}
  .tm-date{grid-template-columns:1fr;}
  .tm-card{padding:16px;}
}