/* =============================================================================
   LEGAL / POLICY PAGE
   Fully scoped to page-tensabi-legal.php.
============================================================================= */

.tensabi-legal {
    min-height: 70vh;
    padding: 150px 0 100px;
    color: #333;
    background: #fff;
}

.tensabi-legal__inner {
    width: min(calc(100% - 80px), 1040px);
    margin-inline: auto;
}

.tensabi-legal__article {
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.tensabi-legal__header {
    margin: 0 0 50px;
    padding: 0 0 28px;
    border-bottom: 2px solid var(--orange);
}

.tensabi-legal__eyebrow {
    margin: 0 0 10px;
    color: var(--orange);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.5;
    letter-spacing: .08em;
}

.tensabi-legal__title {
    margin: 0;
    color: var(--ink);
    font-size: clamp(36px, 4vw, 50px);
    line-height: 1.35;
}

.tensabi-legal__content {
    color: #333;
    font-size: 16px;
    line-height: 2;
    overflow-wrap: anywhere;
}

.tensabi-legal__content > *:first-child {
    margin-top: 0;
}

.tensabi-legal__content p {
    margin: 0 0 1.65em;
}

.tensabi-legal__content h2 {
    margin: 3em 0 1.15em;
    padding: 0 0 .55em;
    border-bottom: 1px solid var(--line);
    color: var(--ink);
    font-size: 27px;
    line-height: 1.5;
}

.tensabi-legal__content h2:first-of-type {
    margin-top: 2.3em;
}

.tensabi-legal__content h3 {
    margin: 2.2em 0 .9em;
    color: var(--ink);
    font-size: 21px;
    line-height: 1.5;
}

.tensabi-legal__content ul,
.tensabi-legal__content ol {
    margin: .5em 0 1.8em;
    padding-left: 1.6em;
}

.tensabi-legal__content li {
    margin: .35em 0;
    line-height: 1.9;
}

.tensabi-legal__content a {
    color: var(--orange-deep);
    text-decoration: underline;
    text-underline-offset: .18em;
}

.tensabi-legal__content blockquote {
    margin: 2em 0;
    padding: 20px 24px;
    border-left: 4px solid var(--orange);
    background: var(--cream);
}

.tensabi-legal__content table {
    width: 100%;
    margin: 2em 0;
    border-collapse: collapse;
}

.tensabi-legal__content th,
.tensabi-legal__content td {
    padding: 12px 14px;
    border: 1px solid var(--line);
    text-align: left;
    vertical-align: top;
}

.tensabi-legal__content .terms-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 22px;
    margin: 0 0 42px;
    padding: 18px 22px;
    border-left: 4px solid var(--orange);
    border-radius: 10px;
    background: #fff7f1;
}

.tensabi-legal__content .terms-meta p {
    margin: 0;
}

.tensabi-legal__content .terms-meta strong {
    color: var(--orange);
}

.tensabi-legal__content .terms-plans {
    display: flex;
    gap: 24px;
    margin: 28px 0 36px;
}

.tensabi-legal__content .terms-plans > .wp-block-column {
    flex: 1 1 0;
    margin: 0;
    padding: 28px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #fffaf6;
}

.tensabi-legal__content .terms-plans h3 {
    margin: 0 0 22px;
}

.tensabi-legal__content .terms-plans p {
    margin-bottom: 1em;
}

.tensabi-legal__content .terms-addendum {
    margin-top: 80px;
    padding-top: 8px;
}

@media (max-width: 767px) {
    .tensabi-legal {
        padding: 118px 0 70px;
    }

    .tensabi-legal__inner {
        width: calc(100% - 36px);
    }

    .tensabi-legal__header {
        margin-bottom: 38px;
        padding-bottom: 22px;
    }

    .tensabi-legal__title {
        font-size: 32px;
    }

    .tensabi-legal__content {
        font-size: 15px;
        line-height: 1.9;
    }

    .tensabi-legal__content p {
        margin-bottom: 1.5em;
    }

    .tensabi-legal__content h2 {
        margin-top: 2.6em;
        font-size: 22px;
    }

    .tensabi-legal__content h3 {
        font-size: 19px;
    }

    .tensabi-legal__content .terms-plans {
        flex-direction: column;
        gap: 18px;
    }

    .tensabi-legal__content .terms-plans > .wp-block-column {
        padding: 22px 20px;
    }

    .tensabi-legal__content table {
        display: block;
        overflow-x: auto;
    }
}


/* 日本語URLアクセスレポート詳細 */
.tensabi-legal__content .ts-report-detail{margin-top:-12px;color:#3b3431;font-size:16px;line-height:1.9}
.tensabi-legal__content .ts-report-detail p{margin:0 0 1.35em}
.tensabi-legal__content .ts-report-detail h2{margin:0 0 20px;padding:0;border:0;font-size:clamp(28px,3.6vw,42px);line-height:1.45}
.tensabi-legal__content .ts-report-detail h3{margin:0;color:var(--ink)}
.ts-report-detail__intro{max-width:820px;margin:0 0 90px}
.ts-report-detail__lead{color:#e9552e;font-size:clamp(22px,3vw,30px);font-weight:800;line-height:1.65}
.ts-report-detail__section{margin:0 0 110px}
.ts-report-detail__heading{max-width:740px;margin:0 auto 42px;text-align:center}
.ts-report-detail__heading .eyebrow,.ts-report-detail__two-col .eyebrow{margin:0 0 10px;color:#e9552e;font-size:12px;font-weight:800;letter-spacing:.12em}
.ts-report-detail__section--cream{margin-inline:-50px;padding:64px 50px;border-radius:30px;background:#fff7f1}
.ts-report-detail__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ts-report-detail__cards article{position:relative;padding:30px 26px;border:1px solid #eee1da;border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(93,58,43,.08)}
.ts-report-detail__cards article>span{display:inline-block;margin-bottom:18px;color:#e9552e;font-size:13px;font-weight:800;letter-spacing:.1em}
.ts-report-detail__cards h3{font-size:20px;line-height:1.5}
.ts-report-detail__cards p{margin:12px 0 0!important;color:#655b56;font-size:15px}
.ts-report-cycle{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0!important;padding:0!important;list-style:none}
.ts-report-cycle li{position:relative;margin:0!important;padding:24px 20px;border-radius:18px;background:#fff;line-height:1.7!important}
.ts-report-cycle li:not(:last-child)::after{content:"→";position:absolute;right:-15px;top:50%;z-index:1;color:#e9552e;font-size:20px;font-weight:800;transform:translateY(-50%)}
.ts-report-cycle span{display:block;color:#e9552e;font-size:12px;font-weight:800;letter-spacing:.1em}
.ts-report-cycle strong{display:block;margin:7px 0;font-size:17px}
.ts-report-cycle p{margin:0!important;color:#6d625d;font-size:14px}
.ts-report-detail__usecases{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.ts-report-detail__usecases article{padding:25px 26px;border-radius:18px;background:#f8f6f4}
.ts-report-detail__usecases strong{display:inline-block;margin-bottom:8px;color:#e9552e;font-size:20px}
.ts-report-detail__usecases p{margin:0!important;font-size:15px}
.ts-report-detail__two-col{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:58px;align-items:center;padding:56px;border:1px solid #eee2db;border-radius:28px}
.ts-report-detail__example{display:grid;grid-template-columns:auto 1fr;gap:10px 14px;padding:26px;border-radius:20px;background:#fff7f1}
.ts-report-detail__example span{align-self:center;color:#8b7770;font-size:13px}
.ts-report-detail__example strong{padding:10px 12px;border-radius:9px;background:#fff;color:#e9552e;font-size:16px;text-align:center}
.ts-report-detail__redirect{display:flex;flex-direction:column;align-items:center;padding:28px;border-radius:20px;background:#fff7f1;text-align:center}
.ts-report-detail__redirect strong{padding:10px 20px;border:2px solid #e9552e;border-radius:999px;background:#fff;color:#e9552e;font-size:19px}
.ts-report-detail__redirect span{margin:7px 0;color:#776a65;font-size:13px}
.ts-report-detail__redirect b{color:#e9552e;font-size:23px}
.ts-report-detail__redirect em{padding:10px 18px;border-radius:10px;background:#e9552e;color:#fff;font-style:normal;font-weight:800}
.ts-report-detail__notice{margin:0 0 90px;padding:34px 38px;border-left:5px solid #e9552e;border-radius:0 18px 18px 0;background:#f7f5f3}
.tensabi-legal__content .ts-report-detail__notice h2{font-size:23px}
.ts-report-detail__notice p:last-child{margin-bottom:0}
.ts-report-detail__cta{padding:58px 34px;border-radius:28px;background:#e95d34;color:#fff;text-align:center}
.tensabi-legal__content .ts-report-detail__cta h2{color:#fff;font-size:clamp(28px,4vw,42px)}
.ts-report-detail__cta>p{margin-bottom:8px!important;font-weight:700}
.ts-report-detail__cta>div{display:flex;justify-content:center;gap:14px;margin:28px 0 18px}
.ts-report-detail__cta .button{display:inline-flex;min-height:54px;padding:14px 26px;align-items:center;justify-content:center;border:2px solid #fff;border-radius:999px;background:#fff;color:#e9552e;font-weight:800;text-decoration:none}
.ts-report-detail__cta .button--outline{background:transparent;color:#fff}
.ts-report-detail__cta small{font-size:13px}
.ts-report-detail .ts-report-mock{box-sizing:border-box;width:100%;padding:32px;border:1px solid #eaded7;border-radius:24px;background:#fff;box-shadow:0 20px 54px rgba(91,54,37,.13);color:#302b29;text-align:left}
.ts-report-detail .ts-report-mock *{box-sizing:border-box}
.ts-report-detail .ts-report-mock__top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.ts-report-detail .ts-report-mock__badge{display:inline-block;margin-bottom:8px;padding:5px 10px;border-radius:999px;background:#fff0e8;color:#e9552e;font-size:11px;font-weight:700;letter-spacing:.08em}
.tensabi-legal__content .ts-report-detail .ts-report-mock__top h3{margin:0 0 4px;font-size:22px;line-height:1.4}
.ts-report-detail .ts-report-mock__top p{margin:0;color:#776b66;font-size:13px}
.ts-report-detail .ts-report-mock__total{flex:none;min-width:140px;padding:12px 18px;border-radius:14px;background:#fff7f1;text-align:right}
.ts-report-detail .ts-report-mock__total span{display:block;color:#776b66;font-size:12px}
.ts-report-detail .ts-report-mock__total strong{display:block;color:#e9552e;font-size:40px;line-height:1.1}
.ts-report-detail .ts-report-mock__total small{margin-left:3px;font-size:14px}
.ts-report-detail .ts-report-mock__filter{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin:22px 0 20px;padding:13px 15px;border:1px solid #e6ded9;border-radius:10px;font-size:13px}
.ts-report-detail .ts-report-mock__filter>span:first-child{color:#776b66}
.ts-report-detail .ts-report-mock__filter strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ts-report-detail .ts-report-mock__chevron{color:#e9552e;font-size:18px}
.ts-report-detail .ts-report-mock__chart-label{margin:0 0 6px!important;color:#5f5551;font-size:12px!important;font-weight:700}
.ts-report-detail .ts-report-mock__chart-scroll{overflow-x:auto;padding:18px 4px 4px;border:1px solid #eee5e0;border-radius:12px;background:linear-gradient(#fff,#fffaf7);-webkit-overflow-scrolling:touch;scrollbar-color:#f0ad95 #f7eee9}
.ts-report-detail .ts-report-mock__chart{display:flex;align-items:flex-end;gap:11px;width:820px;height:210px;padding:0 12px;border-bottom:1px solid #d8cec8}
.ts-report-detail .ts-report-mock__bar{display:grid;grid-template-rows:22px 1fr 26px;align-items:end;width:40px;height:100%;text-align:center}
.ts-report-detail .ts-report-mock__bar b{align-self:start;font-size:11px;line-height:1}
.ts-report-detail .ts-report-mock__bar i{display:block;width:30px;height:var(--v);min-height:4px;margin:auto;border-radius:5px 5px 0 0;background:#ff6633}
.ts-report-detail .ts-report-mock__bar span{align-self:end;color:#6b615c;font-size:10px;line-height:22px;white-space:nowrap}
.ts-report-detail .ts-report-mock__footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:14px;color:#8a7d76;font-size:11px}
.ts-report-detail .ts-report-mock__button{display:inline-flex;min-height:34px;padding:8px 16px;align-items:center;border-radius:999px;background:#ff6633;color:#fff;font-weight:700}
@media(max-width:900px){.ts-report-detail__cards{grid-template-columns:1fr}.ts-report-cycle{grid-template-columns:repeat(2,1fr)}.ts-report-cycle li:nth-child(2)::after{display:none}.ts-report-detail__two-col{grid-template-columns:1fr;gap:32px}.ts-report-detail__section--cream{margin-inline:0;padding:44px 28px}}
@media(max-width:767px){.tensabi-legal__content .ts-report-detail{font-size:16px}.ts-report-detail__intro{margin-bottom:70px}.ts-report-detail__section{margin-bottom:78px}.ts-report-detail__heading{margin-bottom:30px;text-align:left}.ts-report-detail__heading p{font-size:15px}.ts-report-detail__section--cream{padding:36px 18px;border-radius:22px}.ts-report-cycle{grid-template-columns:1fr}.ts-report-cycle li:not(:last-child)::after{content:"↓";right:auto;left:50%;top:auto;bottom:-20px;transform:translateX(-50%)}.ts-report-detail__usecases{grid-template-columns:1fr}.ts-report-detail__two-col{padding:30px 20px;border-radius:22px}.ts-report-detail__notice{padding:26px 22px}.ts-report-detail__cta{padding:42px 18px}.ts-report-detail__cta>div{flex-direction:column}.ts-report-detail__cta .button{width:100%}.ts-report-detail .ts-report-mock{padding:18px 14px;border-radius:18px}.tensabi-legal__content .ts-report-detail .ts-report-mock__top h3{font-size:16px}.ts-report-detail .ts-report-mock__total{min-width:100px;padding:10px 12px}.ts-report-detail .ts-report-mock__total strong{font-size:29px}.ts-report-detail .ts-report-mock__filter{grid-template-columns:1fr auto;gap:4px 10px}.ts-report-detail .ts-report-mock__filter>span:first-child{grid-column:1/-1}.ts-report-detail .ts-report-mock__chart-scroll{margin-right:-14px;border-radius:10px 0 0 10px}.ts-report-detail .ts-report-mock__footer{align-items:flex-start;flex-direction:column}.ts-report-detail .ts-report-mock__button{align-self:flex-end}}

.ts-report-detail__two-col h2{font-size:clamp(28px,3vw,36px)!important}

/* Access report detail: real-screen sample image */
.ts-report-detail__screen {
  margin: 42px auto 0;
  padding: 14px;
  overflow: hidden;
  border: 1px solid #eadfd9;
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 20px 56px rgba(72, 44, 31, 0.1);
}
.ts-report-detail__screen-scroll {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-color: #f0ad95 #f7eee9;
}
.ts-report-detail__screen img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 15px;
}
.ts-report-detail__screen figcaption {
  margin: 11px 5px 0;
  color: #7b6e68;
  font-size: 12px;
  line-height: 1.7;
  text-align: center;
}
@media (max-width: 767px) {
  .ts-report-detail__screen {
    margin-top: 28px;
    padding: 7px;
    border-radius: 18px;
  }
  .ts-report-detail__screen-scroll {
    margin-right: -7px;
  }
  .ts-report-detail__screen img {
    width: 760px;
    max-width: none;
    border-radius: 11px 0 0 11px;
  }
  .ts-report-detail__screen figcaption {
    font-size: 10px;
    text-align: left;
  }
}