/* optage-case.css | Article blocks only. Load after existing site CSS.
   No body/html/:root/universal selectors, no existing container definition,
   no @import, no Font Awesome and no dependence on JavaScript. */
.pot-page.optage-case {
  --oc-navy:#41567c; --oc-dark:#35435c; --oc-yellow:#d3be00;
  --oc-pale:#ecf4f8; --oc-line:#d0cbc1; --oc-text:#333;
  --oc-anchor-offset:160px;
  min-width:0; color:var(--oc-text); font-size:16px;
  font-family:inherit; line-height:1.9; text-align:left;
  overflow-wrap:anywhere; box-sizing:border-box;
}
.pot-page.optage-case p { margin:0; }
.pot-page.optage-case p+p { margin-top:18px; }
.pot-page.optage-case h1,
.pot-page.optage-case h2,
.pot-page.optage-case h3 { margin-top:0; background-image:none; }
.pot-page.optage-case figure { margin:0; }
.pot-page.optage-case figcaption { margin-top:8px; font-size:13px; line-height:1.7; color:#666; }
.pot-page.optage-case img { max-width:100%; height:auto; vertical-align:bottom; }
.pot-page.optage-case a { color:var(--oc-navy); text-decoration:none; }
.pot-page.optage-case a:hover { text-decoration:underline; }
.pot-page.optage-case a:focus-visible { outline:3px solid #b3a000; outline-offset:4px; }
.pot-page.optage-case .oc-summary-table,
.pot-page.optage-case .oc-survey-table { width:100%; border-collapse:collapse; line-height:1.85; text-align:left; margin:0; }
.pot-page.optage-case .oc-summary-table ul,
.pot-page.optage-case .oc-article-index ol,
.pot-page.optage-case .oc-sidebar ul,
.pot-page.optage-case .oc-breadcrumb ol { margin:0; padding:0; }
.pot-page.optage-case .oc-customer-info dl { margin:0; }
.pot-page.optage-case .oc-breadcrumb { padding-top:18px;padding-bottom:30px }
.pot-page.optage-case .oc-breadcrumb ol { display:flex;flex-wrap:wrap;list-style:none;gap:5px 0;font-size:12px;color:#777;line-height:1.8 }
.pot-page.optage-case .oc-breadcrumb a { color:#707070 }
.pot-page.optage-case .oc-breadcrumb li+li:before { content:">";margin:0 10px;color:#999 }
.pot-page.optage-case .oc-page-heading { background:var(--oc-navy);padding:25px 30px 28px;color:#fff;border-bottom:5px solid var(--oc-yellow) }
.pot-page.optage-case .oc-page-heading span { font-size:14px;letter-spacing:.04em }
.pot-page.optage-case .oc-page-heading .oc-company-label { font-size:27px;font-weight:500;line-height:1.6;margin-top:5px }
.pot-page.optage-case .oc-case-intro { padding-top:36px }
.pot-page.optage-case .oc-case-label { font-size:14px;color:var(--oc-navy);font-weight:700;border-left:4px solid var(--oc-yellow);padding-left:12px;margin-bottom:15px }
.pot-page.optage-case .oc-case-intro .oc-case-title { font-size:28px;line-height:1.65;color:var(--oc-navy);letter-spacing:.015em }
.pot-page.optage-case .oc-intro-photos { display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:26px 0 24px }
.pot-page.optage-case .oc-intro-photos img { width:100%;aspect-ratio:1.48;object-fit:cover }
.pot-page.optage-case .oc-content-section { margin-bottom:48px }
.pot-page.optage-case .oc-section-title { position:relative;color:var(--oc-navy);font-size:24px;line-height:1.55;font-weight:700;border-bottom:3px solid var(--oc-line);padding-bottom:13px;margin-bottom:24px;scroll-margin-top:24px }
.pot-page.optage-case .oc-section-title:after { content:"";position:absolute;bottom:-3px;left:0;width:80px;height:3px;background:var(--oc-yellow) }
.pot-page.optage-case .oc-summary-table th,
.pot-page.optage-case .oc-summary-table td { border:1px solid #d0d0d0;padding:20px }
.pot-page.optage-case .oc-summary-table th { width:125px;background:var(--oc-pale);color:var(--oc-navy);font-weight:700;font-size:17px;vertical-align:middle }
.pot-page.optage-case .oc-summary-table ul { list-style:none }
.pot-page.optage-case .oc-summary-table li { position:relative;padding-left:1em }
.pot-page.optage-case .oc-summary-table li:before { content:"・";position:absolute;left:0;color:var(--oc-navy) }
.pot-page.optage-case .oc-summary-table li+li { margin-top:9px }
.pot-page.optage-case .oc-customer-info { display:flex;align-items:center;gap:28px;padding:24px;background:#f7f8fa;border:1px solid #ddd }
.pot-page.optage-case .oc-optage-logo { width:180px;flex-shrink:0 }
.pot-page.optage-case .oc-customer-info dl { flex:1;font-size:14px;line-height:1.8 }
.pot-page.optage-case .oc-customer-info dt { font-weight:700;color:var(--oc-navy) }
.pot-page.optage-case .oc-customer-info dd { margin:3px 0 14px }
.pot-page.optage-case .oc-customer-info dd:last-child { margin-bottom:0 }
.pot-page.optage-case .oc-article-index { background:var(--oc-pale);padding:23px 26px;margin-bottom:50px }
.pot-page.optage-case .oc-article-index p { color:var(--oc-navy);font-weight:700;margin-bottom:10px }
.pot-page.optage-case .oc-article-index ol { display:grid;grid-template-columns:1fr 1fr;gap:8px 26px;list-style-position:inside;font-size:14px }
.pot-page.optage-case .oc-article-index a { text-decoration:underline;text-underline-offset:3px }
.pot-page.optage-case .oc-interview { display:flow-root }
.pot-page.optage-case .oc-question { font-size:17px;font-weight:700;color:var(--oc-navy);line-height:1.8;margin:0 0 22px }
.pot-page.optage-case .oc-interview p { line-height:2 }
.pot-page.optage-case .oc-interview-photo { float:right;width:40%;margin:0 0 20px 26px }
.pot-page.optage-case .oc-interview-photo img { width:100% }
.pot-page.optage-case .oc-interview-photo figcaption { font-size:12px }
.pot-page.optage-case .oc-impression { background:#f6f8fa;border-left:4px solid var(--oc-yellow);padding:25px 28px }
.pot-page.optage-case .oc-impression .oc-bold-lead { font-size:17px;color:var(--oc-navy);margin-bottom:12px }
.pot-page.optage-case .oc-thanks { padding-top:25px;border-top:1px dotted #aaa;font-size:14px }
.pot-page.optage-case .oc-thanks-title { font-weight:700;color:var(--oc-navy);font-size:17px;margin-bottom:18px }
.pot-page.optage-case .oc-survey-note { font-size:14px;color:#666;margin:-10px 0 18px }
.pot-page.optage-case .oc-survey-highlight { display:grid;grid-template-columns:1fr 1fr;border:1px solid #cdd8e5;background:var(--oc-pale);margin-bottom:22px }
.pot-page.optage-case .oc-survey-highlight>div { padding:23px;text-align:center }
.pot-page.optage-case .oc-survey-highlight>div+div { border-left:1px solid #cdd8e5 }
.pot-page.optage-case .oc-survey-highlight p { font-weight:700;color:var(--oc-navy);font-size:16px }
.pot-page.optage-case .oc-survey-highlight strong { display:block;line-height:1.3;font-size:48px;color:var(--oc-navy);margin:12px 0 4px;letter-spacing:.02em }
.pot-page.optage-case .oc-survey-highlight strong span { font-size:23px }
.pot-page.optage-case .oc-survey-highlight small { font-size:13px;color:#666 }
.pot-page.optage-case .oc-survey-table th,
.pot-page.optage-case .oc-survey-table td { border:1px solid #d0d0d0;padding:14px 18px;font-size:15px }
.pot-page.optage-case .oc-survey-table thead { background:var(--oc-navy);color:#fff }
.pot-page.optage-case .oc-survey-table thead th { font-weight:700 }
.pot-page.optage-case .oc-survey-table tbody th { background:#f7f8fa;font-weight:500 }
.pot-page.optage-case .oc-survey-table tbody td { font-weight:700;color:var(--oc-navy);width:43% }
.pot-page.optage-case .oc-voices { display:grid;grid-template-columns:1fr 1fr;gap:20px }
.pot-page.optage-case .oc-voices blockquote { border:1px solid #d6dce3;border-top:3px solid var(--oc-yellow);background:#fafbfc;padding:22px;font-size:14px;line-height:1.95 }
.pot-page.optage-case .oc-service-cta { border:1px solid var(--oc-navy);padding:28px;text-align:center;background:var(--oc-pale) }
.pot-page.optage-case .oc-service-cta h2 { font-size:23px;color:var(--oc-navy);line-height:1.7 }
.pot-page.optage-case .oc-service-cta p { font-size:14px;margin:10px 0 20px }
.pot-page.optage-case .oc-cta-links { display:flex;gap:12px;flex-wrap:wrap;justify-content:center }
.pot-page.optage-case .oc-button { display:inline-flex;align-items:center;justify-content:center;min-height:50px;min-width:175px;padding:12px 20px;font-size:15px;font-weight:700;border:1px solid var(--oc-navy);line-height:1.5 }
.pot-page.optage-case .oc-button:hover { text-decoration:none;background:var(--oc-dark);color:#fff }
.pot-page.optage-case .oc-primary { background:var(--oc-navy);color:#fff }
.pot-page.optage-case .oc-outline { background:#fff;color:var(--oc-navy) }
.pot-page.optage-case .oc-back-service { text-align:center;font-size:14px }
.pot-page.optage-case .oc-back-service a { text-decoration:underline }
.pot-page.optage-case .oc-sidebar h2 { font-size:16px;line-height:1.7;background:var(--oc-yellow);font-weight:700 }
.pot-page.optage-case .oc-sidebar h2 a { display:block;padding:18px 12px;color:#fff;text-shadow:0 1px 1px #736a00 }
.pot-page.optage-case .oc-sidebar ul { list-style:none;border-left:1px solid #d0d0d0;border-right:1px solid #d0d0d0 }
.pot-page.optage-case .oc-sidebar li { border-bottom:1px solid #d0d0d0;font-size:14px;line-height:1.7 }
.pot-page.optage-case .oc-sidebar li a { padding:15px 14px;display:block }
.pot-page.optage-case .oc-sidebar li.oc-active a { background:var(--oc-navy);color:#fff }
@media (max-width:979px) {
.pot-page.optage-case .oc-sidebar { margin-top:5px }
.pot-page.optage-case .oc-sidebar ul { display:grid;grid-template-columns:1fr 1fr }
.pot-page.optage-case .oc-sidebar li:nth-child(odd) { border-right:1px solid #d0d0d0 }
.pot-page.optage-case .oc-case-intro .oc-case-title { font-size:28px }
}
@media (max-width:767px) {
.pot-page.optage-case .oc-breadcrumb { padding-top:14px;padding-bottom:20px }
.pot-page.optage-case .oc-breadcrumb ol { font-size:12px }
.pot-page.optage-case .oc-breadcrumb li+li:before { margin:0 6px }
.pot-page.optage-case .oc-page-heading { padding:19px 20px 22px }
.pot-page.optage-case .oc-page-heading .oc-company-label { font-size:23px }
.pot-page.optage-case .oc-page-heading span { font-size:13px }
.pot-page.optage-case .oc-case-intro { padding-top:27px }
.pot-page.optage-case .oc-case-intro .oc-case-title { font-size:23px;line-height:1.7 }
.pot-page.optage-case .oc-desktop-break { display:none }
.pot-page.optage-case .oc-intro-photos { gap:12px;margin:22px 0 }
.pot-page.optage-case .oc-intro-photos figcaption { font-size:12px }
.pot-page.optage-case .oc-intro-photos img { aspect-ratio:1.3;object-position:center }
.pot-page.optage-case .oc-section-title { font-size:21px;padding-bottom:12px;margin-bottom:20px }
.pot-page.optage-case .oc-content-section { margin-bottom:36px }
.pot-page.optage-case .oc-summary-table th,
.pot-page.optage-case .oc-summary-table td { padding:15px }
.pot-page.optage-case .oc-summary-table th { width:80px;font-size:16px }
.pot-page.optage-case .oc-summary-table td { font-size:15px }
.pot-page.optage-case .oc-customer-info { padding:20px;flex-direction:column;align-items:flex-start;gap:22px }
.pot-page.optage-case .oc-customer-info dl { font-size:15px }
.pot-page.optage-case .oc-article-index { padding:20px;margin-bottom:36px }
.pot-page.optage-case .oc-article-index ol { grid-template-columns:1fr;font-size:15px }
.pot-page.optage-case .oc-interview-photo { float:none;width:100%;margin:0 0 22px }
.pot-page.optage-case .oc-interview-photo img { max-height:350px;object-fit:cover;object-position:center 30% }
.pot-page.optage-case .oc-question { font-size:16px }
.pot-page.optage-case .oc-impression { padding:20px }
.pot-page.optage-case .oc-survey-highlight>div { padding:20px 9px }
.pot-page.optage-case .oc-survey-highlight p { font-size:14px }
.pot-page.optage-case .oc-survey-highlight strong { font-size:38px }
.pot-page.optage-case .oc-survey-highlight strong span { font-size:18px }
.pot-page.optage-case .oc-survey-table th,
.pot-page.optage-case .oc-survey-table td { font-size:14px;padding:12px }
.pot-page.optage-case .oc-voices { grid-template-columns:1fr;gap:15px }
.pot-page.optage-case .oc-voices blockquote { font-size:15px;padding:20px }
.pot-page.optage-case .oc-service-cta { padding:24px 18px }
.pot-page.optage-case .oc-service-cta h2 { font-size:21px }
.pot-page.optage-case .oc-cta-links { flex-direction:column }
.pot-page.optage-case .oc-button { width:100%;font-size:16px }
.pot-page.optage-case .oc-sidebar h2 a { color:var(--oc-dark);text-shadow:none }
.pot-page.optage-case .oc-sidebar li a { padding:13px 12px }
}
@media print {
.pot-page.optage-case .oc-breadcrumb,
.pot-page.optage-case .oc-sidebar,
.pot-page.optage-case .oc-article-index,
.pot-page.optage-case .oc-service-cta,
.pot-page.optage-case .oc-back-service { display:none }
.pot-page.optage-case .oc-page-heading { -webkit-print-color-adjust:exact;print-color-adjust:exact }
.pot-page.optage-case .oc-interview,
.pot-page.optage-case .oc-voices blockquote { break-inside:avoid }
}

/* Targeted compatibility rules for the legacy site stylesheet. */
.pot-page.optage-case .oc-page-heading .oc-company-label { margin-bottom:0; }
.pot-page.optage-case .oc-case-title { margin-bottom:0; font-weight:700; padding:0; border:0; }
.pot-page.optage-case .oc-section-title { scroll-margin-top:var(--oc-anchor-offset); }
.pot-page.optage-case .oc-intro-photos figure { min-width:0; }
.pot-page.optage-case .oc-customer-info { box-sizing:border-box; }
.pot-page.optage-case .oc-customer-info .oc-optage-logo { width:180px; max-width:100%; height:auto; }
.pot-page.optage-case .oc-voices blockquote { margin:0; font-style:normal; box-sizing:border-box; }
.pot-page.optage-case .oc-voices blockquote::before,
.pot-page.optage-case .oc-voices blockquote::after { content:none; display:none; }
.pot-page.optage-case .oc-voices blockquote p { margin:0; padding:0; line-height:1.95; }
.pot-page.optage-case .oc-bold-lead strong { font-weight:700; }
.pot-page.optage-case .oc-button { box-sizing:border-box; max-width:100%; transition:background-color .2s,color .2s; }
.pot-page.optage-case .oc-primary { color:#fff; }
.pot-page.optage-case .oc-button:hover { color:#fff; text-decoration:none; }
.pot-page.optage-case .oc-sidebar h2 { margin:0; }
.pot-page.optage-case .oc-breadcrumb li { list-style:none; }
@media (max-width:767px) {
  .pot-page.optage-case .oc-button { min-width:0; }
  .pot-page.optage-case .oc-summary-table th { width:80px; }
}
@media (prefers-reduced-motion:reduce) {
  .pot-page.optage-case .oc-button { transition:none; }
}
/* Keep short company/type words together rather than leaving one final character. */
.pot-page.optage-case .oc-company-label { word-break:keep-all; overflow-wrap:anywhere; }
.pot-page.optage-case .oc-sidebar h2 { letter-spacing:0; }