/* 台南信合美眼科｜內頁共用公版 V1
   載入順序：Bootstrap → style-v3-1013.css → inner.css
   Mobile First；使用首頁變數，不覆寫首頁元件。 */
.inner-page { overflow-wrap: anywhere; }
.inner-skip { position: fixed; top: 8px; left: 8px; z-index: 1050; padding: 12px 20px; background: #fff; color: var(--color-primary-dark); transform: translateY(-150%); }
.inner-skip:focus { transform: translateY(0); }
.inner-hero { padding: 48px 0 44px; background: radial-gradient(circle at 90% 0%, rgba(87,184,176,.12), transparent 45%), linear-gradient(135deg,var(--color-blue-soft),var(--color-soft)); border-bottom: 1px solid var(--color-border); }
.inner-hero h1 { margin: 10px 0 18px; font-size: clamp(32px,5vw,48px); }
.inner-lead { max-width: 760px; font-size: 16px; line-height: 1.9; }
.inner-breadcrumb { padding-top: 18px; padding-bottom: 18px; font-size: 14px; }
.inner-breadcrumb .breadcrumb { margin: 0; --bs-breadcrumb-divider: '›'; }
.inner-breadcrumb a { color: var(--color-primary-dark); text-decoration: underline; text-underline-offset: 3px; }
.inner-section { padding: 48px 0; }
.inner-section h2 { font-size: clamp(26px,3vw,36px); margin-bottom: 20px; }
.inner-section h3 { font-size: 21px; margin-bottom: 12px; }
.inner-soft { background: var(--color-bg); }
.inner-prose { line-height: 1.9; }
.inner-prose p { margin-bottom: 18px; }
.inner-prose h3 { margin-top: 28px; }
.inner-prose ul { padding-left: 1.4em; }
.inner-prose li + li { margin-top: 8px; }
.inner-prose a { color: var(--color-primary-dark); text-decoration: underline; text-underline-offset: 3px; }
.inner-note { padding: 22px 24px; margin-top: 28px; border-left: 3px solid var(--color-primary); background: var(--color-soft); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; }
.inner-note strong { display: block; color: var(--color-heading); margin-bottom: 8px; }
.inner-note p { margin: 0; }
.inner-split { display: grid; grid-template-columns: minmax(0,1fr); gap: 28px; align-items: center; }
.inner-split + .inner-split { margin-top: 48px; }
.inner-figure { margin: 0; min-width: 0; }
.inner-figure img { width: 100%; height: auto; border-radius: var(--radius-md); background: var(--color-soft); }
/* 情境照需要統一比例時才加 inner-photo；设备／說明圖勿加。 */
.inner-figure.inner-photo img { aspect-ratio: 3 / 2; object-fit: cover; }
.inner-figure figcaption { margin-top: 10px; font-size: 14px; color: var(--color-body); }
.inner-section-heading { max-width: 760px; margin-bottom: 28px; }
.inner-section-heading h2 { margin-bottom: 14px; }
.inner-card-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 20px; }
.inner-card { min-width: 0; padding: 26px; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: #fff; box-shadow: var(--shadow-card); }
.inner-card h3 { margin-top: 14px; }
.inner-number { display: inline-flex; width: 44px; height: 44px; align-items: center; justify-content: center; color: var(--color-primary-dark); background: var(--color-soft); border-radius: 50%; font-weight: 700; }
.inner-status { display: block; margin-top: 18px; font-size: 14px; color: var(--color-body); }
.inner-table-wrap { max-width: 100%; overflow-x: auto; border: 1px solid var(--color-border); border-radius: var(--radius-sm); }
.inner-table-wrap:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 4px; }
.inner-table { width: 100%; min-width: 640px; border-collapse: collapse; font-size: 16px; }
.inner-table caption { padding: 12px 18px; font-size: 14px; caption-side: bottom; }
.inner-table th, .inner-table td { padding: 17px 18px; border-bottom: 1px solid var(--color-border); text-align: left; vertical-align: top; }
.inner-table thead th { background: var(--color-soft); color: var(--color-heading); }
.inner-table tbody th { color: var(--color-heading); }
.inner-table tbody tr:last-child > * { border-bottom: 0; }
.inner-faq { --bs-accordion-border-color: var(--color-border); --bs-accordion-active-bg: var(--color-soft); --bs-accordion-active-color: var(--color-primary-dark); --bs-accordion-btn-focus-box-shadow: none; }
.inner-faq .accordion-item { margin-bottom: 12px; border: 1px solid var(--color-border); border-radius: var(--radius-sm); overflow: hidden; }
.inner-faq .accordion-header { margin: 0; }
.inner-faq .accordion-button { padding: 20px; font-size: 17px; line-height: 1.6; font-weight: 600; color: var(--color-heading); }
.inner-faq .accordion-body { padding: 4px 20px 22px; line-height: 1.9; }
.inner-faq .accordion-button:focus-visible { outline: 2px solid var(--color-primary); outline-offset: -4px; }
.inner-cta-section { padding-top: 0; }
.inner-cta { padding: 30px 24px; background: var(--color-soft); border: 1px solid var(--color-border); border-radius: var(--radius-lg); display: grid; gap: 24px; }
.inner-cta h2 { font-size: clamp(25px,3vw,32px); }
.inner-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.inner-actions .btn { flex: 1 1 140px; }
@media (min-width: 768px) {
  .inner-hero { padding: 64px 0; }
  .inner-lead { font-size: 18px; }
  .inner-section { padding: 64px 0; }
  .inner-cta-section { padding-top: 0; }
  .inner-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .inner-cta { padding: 40px; }
}
@media (min-width: 992px) {
  .inner-hero { padding: 76px 0; }
  .inner-section { padding: 80px 0; }
  .inner-cta-section { padding-top: 0; }
  .inner-split { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 56px; }
  .inner-split + .inner-split { margin-top: 80px; }
  .inner-split-reverse .inner-figure { grid-column: 1; grid-row: 1; }
  .inner-split-reverse .inner-prose { grid-column: 2; grid-row: 1; }
  .inner-card-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .inner-cta { grid-template-columns: minmax(0,1fr) auto; align-items: center; }
  .inner-actions { flex-direction: column; }
  .inner-actions .btn { flex: none; min-width: 170px; }
}

.p2p        { text-align:left;line-height:2;font-size:16px; padding:5px;text-indent: 2em;margin: 0; }
.p2p a {
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
    font-weight: inherit;
    vertical-align: baseline;
}