:root {
  font-family: "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  color: #18303a;
  background: #edf3f4;
  color-scheme: light;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}
* { box-sizing: border-box; }
body { margin: 0; background: #edf3f4; line-height: 1.8; }
a { color: inherit; }
.b35-brand { padding: 21px max(24px, calc((100% - 1180px) / 2)); background: #16323c; }
.b35-brand a { color: #e8f0ec; font-size: 24px; font-weight: 700; text-decoration: none; }
.b35-navigation { display: flex; flex-wrap: wrap; gap: 8px 14px; padding: 13px max(24px, calc((100% - 1180px) / 2)); background: #d8e5e6; }
.b35-navigation a { padding: 6px 4px; color: #2d4c53; border-bottom: 2px solid #7ea0a1; text-decoration: none; font-size: 14px; }
main { max-width: 1180px; margin: 0 auto; padding: 36px 24px 96px; }
h1, h2, h3, p, figure { margin-top: 0; }
h1 { max-width: 960px; font-size: clamp(30px, 4.3vw, 56px); line-height: 1.22; letter-spacing: -.035em; }
h2 { margin-bottom: 22px; font-size: clamp(24px, 3vw, 37px); line-height: 1.32; }
h3 { font-size: 19px; line-height: 1.45; }
p { color: #4e6870; }
.ckg-care-cover { display: grid; grid-template-columns: minmax(0, 1fr) 164px; gap: 42px; align-items: center; padding: 26px 0 76px; border-bottom: 1px solid #b5c8c9; }
.ckg-care-cover__heading p { max-width: 830px; font-size: 18px; line-height: 2; }
.ckg-care-cover__seal { margin: 0; padding: 21px 13px; border: 1px solid #95afb1; text-align: center; background: #e2ecec; }
.ckg-care-cover__icon { width: 50px; height: 50px; object-fit: contain; }
.ckg-care-cover__seal figcaption { margin-top: 12px; color: #5b7579; font-size: 12px; }
.ckg-care-pillar, .ckg-care-current, .ckg-care-questions, .ckg-care-material, .ckg-care-report, .ckg-care-exchange, .ckg-care-past, .ckg-care-detail, .ckg-care-view, .ckg-care-duty { margin-top: 66px; }
.ckg-care-pillar { display: grid; grid-template-columns: minmax(0, 1fr) 200px; gap: 28px; align-items: center; }
.ckg-care-pillar h2 { grid-column: 1 / -1; }
.ckg-care-pillar__essay { padding: 26px 30px; background: #dce9e9; border-left: 4px solid #43808a; }
.ckg-care-pillar__tokens { display: grid; gap: 10px; }
.ckg-care-pillar__tokens span { padding: 10px 13px; border: 1px solid #a7bfc0; color: #527176; }
.ckg-care-current { max-width: 900px; margin-left: auto; }
.ckg-care-current__text { padding: 28px; border-top: 1px solid #96b1b3; border-bottom: 1px solid #96b1b3; }
.ckg-care-questions { padding: 30px; background: #dce9e9; }
.ckg-care-questions__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 28px; }
.ckg-care-faq-item { padding: 14px 0; border-top: 1px solid #aac0c0; }
.ckg-care-faq-item summary { cursor: pointer; font-weight: 700; }
.ckg-care-faq-item p { margin: 12px 0 0; }
.ckg-care-material { display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 34px; }
.ckg-care-material__body { padding: 24px; background: #16323c; }
.ckg-care-material__body p { color: #d3e2e2; }
.ckg-care-report__items, .ckg-care-journal__list { margin: 0; padding: 0; list-style: none; }
.ckg-care-story { display: grid; grid-template-columns: 102px minmax(0, 1fr); gap: 10px 18px; padding: 19px 0; border-top: 1px solid #b5c8c9; }
.ckg-care-story time { padding-top: 8px; color: #658189; font-variant-numeric: tabular-nums; }
.ckg-care-story__heading { display: flex; gap: 14px; align-items: center; }
.ckg-care-story__heading h3 { margin: 0; }
.ckg-care-story__heading h3 a { text-decoration-color: #43808a; text-underline-offset: 4px; }
.ckg-care-story__icon { width: 46px; height: 46px; object-fit: contain; }
.ckg-care-story > p { grid-column: 2; margin: 0; }
.ckg-care-report__all { display: inline-block; margin-top: 16px; padding: 8px 16px; background: #16323c; color: #e8f0ec; text-decoration: none; }
.ckg-care-exchange__topics { display: grid; grid-template-columns: 1fr 1.1fr .9fr; gap: 17px; }
.ckg-care-exchange__topic { padding: 22px; background: #e0ebeb; }
.ckg-care-past { display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 34px; }
.ckg-care-past__entry { padding: 25px; border-left: 4px solid #619296; }
.ckg-care-detail { display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 34px; padding: 30px 0; border-top: 1px solid #b5c8c9; }
.ckg-care-detail__entry { max-width: 760px; }
.ckg-care-view { display: grid; grid-template-columns: .7fr 1.3fr; gap: 34px; padding: 30px; background: #e1ebea; }
.ckg-care-duty { display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 34px; }
.ckg-care-duty__panel { padding: 24px 28px; border-top: 4px solid #43808a; }
.ckg-care-about__top, .ckg-care-journal__top, .ckg-care-index__top, .ckg-care-language__top, .ckg-care-mobile__top { padding: 17px 0 30px; border-bottom: 1px solid #b5c8c9; }
.ckg-care-about__top p, .ckg-care-journal__top p, .ckg-care-index__top p, .ckg-care-language__top p, .ckg-care-mobile__top p { color: #477981; letter-spacing: .08em; }
.ckg-care-about__duo { display: grid; grid-template-columns: 1.1fr .9fr; gap: 32px; padding-top: 34px; }
.ckg-care-about__wide { padding: 28px; background: #dce9e9; }
.ckg-care-about__compact { padding: 27px 0; }
.ckg-care-journal__list { padding-top: 10px; }
.ckg-care-journal .ckg-care-story { grid-template-columns: 112px minmax(0, 1fr); padding: 23px 14px; margin-bottom: 10px; background: #e2ecec; }
.ckg-care-index__planes { display: grid; grid-template-columns: .9fr 1.1fr; gap: 26px; padding-top: 36px; }
.ckg-care-index__plane--left { padding: 28px; border: 1px solid #a7bfc0; }
.ckg-care-index__plane--right { padding: 28px; margin-top: 58px; background: #dce9e9; }
.ckg-care-language__split { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; padding-top: 34px; }
.ckg-care-language__terms { padding: 27px; background: #dce9e9; }
.ckg-care-language__context { padding: 27px 0; }
.ckg-care-mobile__cards { display: grid; grid-template-columns: .85fr 1.15fr; gap: 28px; padding-top: 34px; }
.ckg-care-mobile__card { padding: 27px; border: 1px solid #a7bfc0; }
.ckg-care-mobile__card--b { margin-top: 55px; background: #dce9e9; }
.b35-footer { padding: 32px max(24px, calc((100% - 1180px) / 2)); background: #16323c; color: #e8f0ec; }
.b35-footer p, .b35-footer a { color: #e8f0ec; }
.b35-footer a { display: inline-block; margin-right: 18px; }
@media (max-width: 760px) {
  main { padding: 24px 18px 64px; }
  .ckg-care-cover { grid-template-columns: 1fr; gap: 18px; padding-top: 14px; }
  .ckg-care-cover__seal { display: flex; align-items: center; gap: 12px; width: fit-content; }
  .ckg-care-cover__seal figcaption { margin: 0; }
  .ckg-care-pillar, .ckg-care-material, .ckg-care-past, .ckg-care-detail,
  .ckg-care-view, .ckg-care-duty, .ckg-care-questions__grid,
  .ckg-care-exchange__topics, .ckg-care-about__duo, .ckg-care-index__planes,
  .ckg-care-language__split, .ckg-care-mobile__cards { display: block; }
  .ckg-care-pillar__tokens { margin-top: 16px; }
  .ckg-care-material__body, .ckg-care-past__entry, .ckg-care-detail__entry,
  .ckg-care-duty__panel { margin-top: 16px; }
  .ckg-care-story { grid-template-columns: 1fr; }
  .ckg-care-story > p { grid-column: 1; }
  .ckg-care-story__heading { grid-row: 2; }
  .ckg-care-index__plane--right, .ckg-care-mobile__card--b { margin-top: 20px; }
  .ckg-care-language__terms, .ckg-care-language__context { margin-top: 18px; }
}