/* INFOCHIEF METHOD PAGE — Scoped visual refinement, 2026-10-27.
   No changes to header, mega menus, footer, sticky callout or shared CSS. */

.infochief-method-premium #main-content .section { padding-top: 52px; padding-bottom: 56px; }
.infochief-method-premium #main-content .method-overview { padding-top: 44px; padding-bottom: 58px; }
.infochief-method-premium #main-content .section-soft { background: linear-gradient(180deg,#f8fbff 0%,#f3f7fc 100%); }
.infochief-method-premium #main-content .method-main-grid {
  grid-template-columns: minmax(0,1.55fr) minmax(345px,.92fr);
  align-items: start; gap: clamp(24px,3vw,44px);
}
.infochief-method-premium #main-content .method-main-grid > * { min-width: 0; }
.infochief-method-premium #main-content h2 { color: #173e69; text-wrap: balance; }
.infochief-method-premium #main-content .method-section-title,
.infochief-method-premium #main-content .section-head h2 { font-size: clamp(27px,2.2vw,34px); font-weight: 800; line-height: 1.25; letter-spacing:-.025em; }
.infochief-method-premium #main-content .method-section-title { margin: 0 0 14px; }
.infochief-method-premium #main-content .method-intro {
  font-size: 14px; line-height: 1.78; color: #506580;
  max-width: 900px; margin: 0 0 22px;
}
.infochief-method-premium #main-content .method-process-list { gap: 14px; }
.infochief-method-premium #main-content .method-process-list li {
  gap: 13px; grid-template-columns: 42px minmax(0,1fr);
  padding: 19px 17px; border-radius: 14px; border-color:#dce7f5;
  box-shadow: 0 7px 20px rgba(24,67,113,.045);
  min-height: 141px; align-items: start;
}
.infochief-method-premium #main-content .method-process-list > li > span {
  width: 40px; height: 40px; font-size: 12px;
  border-radius: 50%; background:#0b4965;
}
.infochief-method-premium #main-content .method-process-list strong {
  color:#173e69; font-size: 14.5px; line-height: 1.38;
}
.infochief-method-premium #main-content .method-process-list p {
  margin: 7px 0 0; color: #586e87; font-size: 12.5px; line-height: 1.6;
}
.infochief-method-premium #main-content .method-signature {
  padding: 32px 30px; border-radius: 18px;
  background:linear-gradient(155deg,#164774 0%,#245a91 55%,#31659f 100%);
  box-shadow:0 18px 38px rgba(19,57,103,.14);
}
.infochief-method-premium #main-content .method-signature h2 {
  color:#fff; font-size: clamp(24px,2vw,29px); line-height:1.24;
  margin:0 0 21px; letter-spacing: -.02em;
}
.infochief-method-premium #main-content .method-signature-list { gap:3px; margin-bottom: 25px; }
.infochief-method-premium #main-content .method-signature-list article {
  grid-template-columns: 42px minmax(0,1fr); gap:13px; padding: 15px 0;
  align-items:start; border-bottom-color:rgba(255,255,255,.17);
}
.infochief-method-premium #main-content .method-signature-list article>span {
  width:38px; height:38px; font-size:11px;
}
.infochief-method-premium #main-content .method-signature-list strong {
  color:#fff; font-size:14px; line-height:1.4;
}
.infochief-method-premium #main-content .method-signature-list p {
  color:#e5f0ff; font-size:12.5px; line-height:1.65; margin:5px 0 0;
}
.infochief-method-premium #main-content .method-signature .btn-light {
  display: inline-flex; justify-content:center; align-items:center;
  width:100%; max-width:340px; min-height:44px;
  white-space:normal; text-align:center; font-size:13px;
  padding: 11px 14px;
}
.infochief-method-premium #main-content .section-head { align-items: end; gap: 20px; margin-bottom:22px; }
.infochief-method-premium #main-content .section-head h2 { margin:0; }
.infochief-method-premium #main-content .section-head .text-link { font-size:13px; white-space:nowrap; }
.infochief-method-premium #main-content .method-intro-wide { max-width:1100px; margin-bottom:24px; }
.infochief-method-premium #main-content .method-photo-grid { gap:17px; }
.infochief-method-premium #main-content .method-photo-grid figure {
  display:flex; flex-direction:column; border-color:#deebf6;
  border-radius: 15px; box-shadow:0 9px 25px rgba(27,73,123,.055);
}
.infochief-method-premium #main-content .method-photo-grid img {
  width: 100%; aspect-ratio:4 / 3; object-fit:cover;
}
.infochief-method-premium #main-content .method-photo-grid figcaption {
  flex:1; padding:15px 15px 18px;
}
.infochief-method-premium #main-content .method-photo-grid strong {
  color:#163e6e; font-size:14px; line-height:1.45;
}
.infochief-method-premium #main-content .method-photo-grid span {
  margin-top:6px; color:#586b81; font-size:12.5px; line-height:1.6;
}
.infochief-method-premium #main-content .method-focus-intro {
  margin:11px 0 0; max-width:780px; font-size:14px; line-height:1.65; color:#546b83;
}
.infochief-method-premium #main-content .method-category-grid {
  grid-template-columns: repeat(3,minmax(0,1fr)); gap:18px;
}
.infochief-method-premium #main-content .method-category-grid .category-card {
  min-width:0; min-height:205px; padding:25px 24px 23px;
  border-color:#dce8f5; border-radius:15px;
  box-shadow: 0 8px 23px rgba(25,68,114,.05);
}
.infochief-method-premium #main-content .method-category-grid .category-icon {
  width:60px; height:60px; margin-bottom:16px;
}
.infochief-method-premium #main-content .method-category-grid strong {
  color:#153e6c; font-size:19px; line-height:1.35;
}
.infochief-method-premium #main-content .method-category-grid small {
  color:#5b7086; font-size:13px; line-height:1.55; margin-top:9px;
}
@media (max-width:1150px) {
  .infochief-method-premium #main-content .method-main-grid { grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr); gap:22px; }
  .infochief-method-premium #main-content .method-process-list { grid-template-columns:1fr 1fr; }
  .infochief-method-premium #main-content .method-process-list li { min-height:169px; padding:15px; }
  .infochief-method-premium #main-content .method-photo-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:1020px) {
  .infochief-method-premium #main-content .method-main-grid { grid-template-columns: 1fr; gap:23px; }
  .infochief-method-premium #main-content .method-process-list li { min-height:138px; }
  .infochief-method-premium #main-content .method-signature { padding:26px; }
}
@media (max-width:760px) {
  .infochief-method-premium #main-content .section { padding-top:36px; padding-bottom:42px; }
  .infochief-method-premium #main-content .method-overview { padding-top:33px; padding-bottom:45px; }
  .infochief-method-premium #main-content .method-process-list { grid-template-columns:1fr; gap:11px; }
  .infochief-method-premium #main-content .method-process-list li { min-height:0; padding:16px; }
  .infochief-method-premium #main-content .method-signature { padding:25px 22px; }
  .infochief-method-premium #main-content .method-photo-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap:12px; }
  .infochief-method-premium #main-content .method-photo-grid figcaption { padding:11px 12px 14px; }
  .infochief-method-premium #main-content .method-photo-grid strong { font-size:12.5px; }
  .infochief-method-premium #main-content .method-photo-grid span { font-size:11.5px; }
  .infochief-method-premium #main-content .method-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .infochief-method-premium #main-content .method-category-grid .category-card { min-height:184px; padding:18px 17px; }
  .infochief-method-premium #main-content .method-category-grid strong { font-size:16px; }
  .infochief-method-premium #main-content .method-category-grid small { font-size:12px; }
  .infochief-method-premium #main-content .method-intro { font-size:13px; }
  .infochief-method-premium #main-content .section-head { align-items:flex-start; gap:8px; }
  .infochief-method-premium #main-content .section-head .text-link { display:inline-flex; font-size:12px; margin-top:5px; }
}
@media (max-width:420px) {
  .infochief-method-premium #main-content .section-head { flex-direction:column; }
  .infochief-method-premium #main-content .method-category-grid { grid-template-columns:1fr 1fr; }
  .infochief-method-premium #main-content .method-category-grid .category-card { min-height:186px; padding:15px 12px; }
  .infochief-method-premium #main-content .method-category-grid .category-icon { width:52px; height:52px; margin-bottom:13px; font-size:25px; }
  .infochief-method-premium #main-content .method-category-grid strong { font-size:14px; }
  .infochief-method-premium #main-content .method-category-grid small { font-size:11.5px; }
  .infochief-method-premium #main-content .method-photo-grid { grid-template-columns:1fr 1fr; gap:10px; }
  .infochief-method-premium #main-content .method-photo-grid figure { border-radius:11px; }
}
@media (prefers-reduced-motion:reduce) {
  .infochief-method-premium #main-content .method-photo-grid figure,
  .infochief-method-premium #main-content .method-category-grid .category-card { transition:none; }
}