.insight-header { width: min(980px, calc(100% - 48px)); height: 82px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.insight-header nav { display: flex; gap: 9px; }
.insight-header nav a { padding: 10px 16px; border: 1px solid var(--line); border-radius: 999px; color: #53685D; background: #FFFFFFB8; font-size: 12px; font-weight: 750; white-space: nowrap; }
.insight-header nav a:hover, .insight-header nav a[aria-current="page"] { border-color: #B8E8CE; color: var(--deep); background: #E8F8EF; }
.insight-main { width: min(980px, calc(100% - 48px)); margin: 0 auto; }
.insight-hero { position: relative; overflow: hidden; padding: 42px 52px 34px; border: 1px solid #D8EDE1; border-radius: 28px; background: radial-gradient(circle at 92% 18%, #D6F7E8 0, transparent 36%), linear-gradient(125deg,#FFFFFF 5%,#F1FBF6 65%,#ECF9F7); box-shadow: var(--shadow); }
.insight-hero::after { content: ""; position: absolute; right: 37px; top: 40px; width: 130px; height: 130px; background: url("/assets/hero-spark.svg") center / contain no-repeat; opacity: .16; pointer-events: none; }
.insight-hero > * { position: relative; z-index: 1; }
.insight-hero .back-link { display: inline-block; margin-bottom: 36px; color: var(--deep); font-size: 12px; font-weight: 750; }
.insight-hero h1 { max-width: 780px; margin: 17px 0 18px; font-size: clamp(32px,4.6vw,48px); line-height: 1.27; letter-spacing: -.055em; }
.insight-hero h1 em { color: var(--deep); font-style: normal; }
.insight-hero p { max-width: 680px; margin: 0; color: #5D7768; font-size: 15px; line-height: 1.85; }
.insight-hero-foot { display: flex; flex-wrap: wrap; gap: 9px 19px; margin-top: 48px; padding-top: 21px; border-top: 1px solid #D9EDE2; color: #789587; font-size: 11px; font-weight: 650; }
.insight-index-hero { min-height: 355px; }
.insight-index-section { padding: 56px 0 42px; }
.insight-section-heading span, .insight-conclusion span, .insight-answer > span, .insight-unlock > div > span { color: var(--deep); font-size: 11px; font-weight: 850; letter-spacing: .13em; }
.insight-section-heading h2 { margin: 12px 0 20px; font-size: clamp(24px,3.5vw,32px); line-height: 1.3; letter-spacing: -.045em; }
.insight-section-heading p { margin: -7px 0 22px; color: var(--muted); font-size: 13px; line-height: 1.75; }
.insight-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.insight-card { min-height: 294px; display: flex; flex-direction: column; padding: 25px; border: 1px solid #D6EBDE; border-radius: 22px; background: white; box-shadow: 0 12px 30px rgba(38,133,98,.055); transition: transform .2s, box-shadow .2s; }
.insight-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); }
.insight-card-top { display: flex; justify-content: space-between; gap: 10px; color: var(--deep); font-weight: 850; }
.insight-card-top small { font-size: 11px; }
.insight-card-top > span { font-size: 21px; line-height: 1; }
.insight-card > strong { display: block; margin-top: 31px; font-size: 22px; line-height: 1.43; letter-spacing: -.04em; }
.insight-card-dek { display: block; margin-top: 14px; color: #6B8376; font-size: 12px; line-height: 1.7; }
.insight-card-read { display: flex; justify-content: space-between; align-items: center; margin-top: auto; padding-top: 22px; color: var(--deep); font-size: 11px; font-weight: 800; }
.insight-card-read b { font-size: 18px; }
.insight-note { margin-bottom: 65px; padding: 23px 26px; border: 1px solid #DCECE3; border-radius: 18px; background: #F0F9F4; }
.insight-note strong { color: var(--deep); font-size: 12px; }
.insight-note p { margin: 9px 0 0; color: #6B8376; font-size: 12px; line-height: 1.8; }
.insight-article-layout { display: grid; grid-template-columns: minmax(0,1fr) 222px; align-items: start; gap: 30px; padding-top: 30px; }
.insight-answer { padding: 28px 31px 32px; border-radius: 23px; background: #0B8564; color: white; box-shadow: 0 20px 46px rgba(15,138,102,.16); }
.insight-answer > span { color: #BDEFD4; }
.insight-answer h2 { margin: 12px 0; font-size: 24px; letter-spacing: -.03em; }
.insight-answer p { margin: 0; font-size: 15px; line-height: 1.9; }
.insight-section { display: grid; grid-template-columns: 48px minmax(0,1fr); gap: 18px; padding: 42px 0; border-bottom: 1px solid var(--line); }
.insight-section-count { color: var(--deep); font-size: 17px; font-weight: 850; }
.insight-section h2 { margin: 0 0 17px; font-size: clamp(22px,3vw,28px); line-height: 1.38; letter-spacing: -.035em; }
.insight-section p { margin: 0 0 17px; color: #4F665A; font-size: 14px; line-height: 1.95; }
.insight-section p:last-child { margin-bottom: 0; }
.insight-points { display: grid; gap: 8px; margin: 22px 0 0; padding: 0; list-style: none; }
.insight-points li { display: grid; grid-template-columns: 68px minmax(0,1fr); gap: 12px; padding: 14px 16px; border: 1px solid #E1EEE6; border-radius: 12px; background: #F7FBF8; }
.insight-points strong { color: var(--deep); font-size: 12px; }
.insight-points span { color: #5D7567; font-size: 12px; line-height: 1.75; }
.insight-aside { position: sticky; top: 18px; padding: 23px 19px; border: 1px solid var(--line); border-radius: 18px; background: #FFFFFFC9; }
.insight-aside > span { color: var(--deep); font-size: 11px; font-weight: 850; }
.insight-aside ol { display: grid; gap: 13px; margin: 18px 0; padding-left: 17px; color: #789587; }
.insight-aside li { font-size: 12px; line-height: 1.55; }
.insight-aside a { color: #496B5B; }
.insight-aside a:hover { color: var(--deep); }
.insight-aside p { margin: 0; padding-top: 16px; border-top: 1px solid var(--line); color: #88A193; font-size: 11px; line-height: 1.6; }
.insight-conclusion { margin: 38px 0 14px; padding: 29px 31px; border-radius: 20px; background: #E4F7EC; }
.insight-conclusion h2 { margin: 12px 0 0; color: #105E49; font-size: 22px; line-height: 1.5; letter-spacing: -.035em; }
.insight-related { padding: 54px 0 0; }
.insight-case-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.insight-case { position: relative; display: flex; flex-direction: column; gap: 11px; min-height: 172px; padding: 21px 22px; border: 1px solid var(--line); border-radius: 17px; background: white; }
.insight-case:hover { border-color: #91D9B4; }
.insight-case small { color: var(--deep); font-size: 10px; font-weight: 800; }
.insight-case strong { padding-right: 14px; font-size: 15px; line-height: 1.5; }
.insight-case > span { color: #789285; font-size: 11px; line-height: 1.6; }
.insight-case b { position: absolute; right: 17px; top: 18px; color: var(--deep); font-size: 17px; }
.insight-unlock { display: grid; grid-template-columns: minmax(0,1fr) 164px; gap: 24px; align-items: center; margin-top: 28px; padding: 29px 32px; border-radius: 21px; background: linear-gradient(115deg,#DDF7E7,#EAF9F4); }
.insight-unlock h2 { margin: 11px 0; font-size: 27px; letter-spacing: -.04em; }
.insight-unlock p { max-width: 600px; margin: 0; color: #587668; font-size: 12px; line-height: 1.8; }
.insight-unlock img { display: block; width: 164px; height: 164px; padding: 8px; border-radius: 13px; background: white; object-fit: contain; }
.insight-next { padding: 52px 0 15px; }
.insight-next-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.insight-next-grid a { display: flex; align-items: center; justify-content: space-between; gap: 13px; min-height: 76px; padding: 17px 20px; border: 1px solid var(--line); border-radius: 16px; background: white; font-size: 14px; font-weight: 750; line-height: 1.5; }
.insight-next-grid a:hover { color: var(--deep); border-color: #9DDDBB; }
.insight-next-grid span { flex: none; color: var(--deep); font-size: 17px; }
.insight-source-note { margin: 22px 0 65px; color: #8AA195; font-size: 11px; line-height: 1.75; }
.insight-footer { width: min(980px, calc(100% - 48px)); }
@media (max-width: 760px) {
  .insight-header { width: calc(100% - 32px); height: 72px; }
  .insight-header nav { gap: 4px; }
  .insight-header nav a { padding: 9px 11px; font-size: 11px; }
  .insight-main, .insight-footer { width: calc(100% - 32px); }
  .insight-hero { padding: 26px 24px 26px; border-radius: 22px; }
  .insight-hero::after { content: none; }
  .insight-hero .back-link { margin-bottom: 26px; }
  .insight-hero h1 { font-size: clamp(27px,8vw,36px); }
  .insight-hero p { font-size: 13px; }
  .insight-hero-foot { margin-top: 31px; font-size: 10px; }
  .insight-index-hero { min-height: 0; }
  .insight-index-section { padding: 42px 0 30px; }
  .insight-grid, .insight-case-grid, .insight-next-grid { grid-template-columns: 1fr; }
  .insight-card { min-height: 0; padding: 22px; }
  .insight-card > strong { margin-top: 20px; font-size: 20px; }
  .insight-card-read { padding-top: 18px; }
  .insight-article-layout { grid-template-columns: 1fr; gap: 0; padding-top: 17px; }
  .insight-aside { display: none; }
  .insight-answer { padding: 23px; }
  .insight-answer h2 { font-size: 21px; }
  .insight-answer p { font-size: 13px; }
  .insight-section { grid-template-columns: 1fr; gap: 11px; padding: 34px 2px; }
  .insight-section h2 { font-size: 22px; }
  .insight-section p { font-size: 13px; }
  .insight-points li { grid-template-columns: 1fr; gap: 5px; }
  .insight-conclusion { padding: 24px; }
  .insight-conclusion h2 { font-size: 20px; }
  .insight-related { padding-top: 43px; }
  .insight-case { min-height: 0; }
  .insight-unlock { grid-template-columns: 1fr; justify-items: start; padding: 24px; }
  .insight-unlock h2 { font-size: 23px; }
  .insight-unlock img { justify-self: center; }
}
@media (max-width: 390px) {
  .insight-header .brand-main { font-size: 21px; }
  .insight-header nav a { padding: 8px; font-size: 10px; }
}