:root{--accent:#0a8a78;--bg:#f3fbf9;--ink:#08201a;--muted:#4a6259;--line:#d9ebe2;--card:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65}a{text-decoration:none;color:inherit}
.kako-header{position:sticky;top:0;z-index:30;background:#111;color:#fff;border-bottom:1px solid rgba(255,255,255,.16)}.kako-header-inner{max-width:1160px;margin:0 auto;min-height:68px;padding:0 20px;display:flex;align-items:center;gap:18px}.kako-brand{font-weight:900;color:#fff;white-space:nowrap}.kako-nav{display:flex;gap:16px;margin-left:auto;align-items:center}.kako-nav a{color:#fff;font-weight:800;font-size:14px}.kako-open{background:var(--accent);color:#fff;border-radius:999px;padding:10px 16px;font-weight:900}.menu-toggle{display:none;border:1px solid rgba(255,255,255,.4);background:#111;color:#fff;border-radius:999px;padding:9px 13px;font-weight:900}
.kako-page{max-width:1060px;margin:0 auto;padding:42px 20px 70px}.kako-hero{padding:38px 0 24px;text-align:center}.kako-kicker{margin:0 0 10px;color:var(--accent);font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.kako-hero h1{font-size:clamp(34px,5vw,58px);line-height:1.05;margin:0 auto 16px;max-width:860px}.kako-hero p{max-width:760px;margin:0 auto;color:var(--muted);font-size:17px}.kako-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:start}.kako-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px}.kako-card h2{font-size:28px;line-height:1.15;margin:0 0 12px}.kako-card h3{font-size:20px;margin:20px 0 8px}.kako-list{padding-left:20px;margin:12px 0}.kako-list li{margin:8px 0}.kako-table{width:100%;border-collapse:collapse;margin-top:14px;background:#fff}.kako-table th,.kako-table td{border:1px solid var(--line);padding:12px;text-align:left;vertical-align:top}.kako-table th{background:#f2fbf5}.kako-note{background:#f4fbf7;border-left:4px solid var(--accent);padding:16px 18px;margin:18px 0;border-radius:10px}.kako-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.kako-links a{border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:var(--accent);font-weight:900;background:#fff}.kako-footer{border-top:1px solid var(--line);padding:28px 20px;text-align:center;color:var(--muted);background:#fff}
@media(max-width:760px){.kako-header-inner{flex-wrap:wrap}.menu-toggle{display:inline-flex;margin-left:auto}.kako-nav{display:none;width:100%;flex-direction:column;align-items:flex-start;padding:8px 0 14px}.kako-header.is-open .kako-nav{display:flex}.kako-open{display:inline-flex}.kako-layout{grid-template-columns:1fr}.kako-page{padding:24px 16px 54px}.kako-card{padding:18px}.kako-hero{text-align:left}.kako-hero h1{font-size:34px}.kako-hero p{margin-left:0}.kako-table{font-size:14px}}


.kako-title-strip{max-width:1180px;margin:18px auto 10px;padding:14px 18px;background:#fff;border:1px solid #d9ebe2;border-radius:14px}
.kako-title-strip strong{display:block;margin-bottom:10px;color:#08201a}
.kako-title-strip .kako-links{display:flex;flex-wrap:wrap;gap:9px}
.kako-title-strip .kako-links a{border:1px solid #d9ebe2;border-radius:999px;padding:7px 11px;font-weight:800;color:var(--accent,#0a8a78);background:#fff}
.kako-useful-guide{margin-top:22px}
.kako-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.kako-check{border:1px solid #d9ebe2;border-radius:12px;padding:14px;background:#fff}
.kako-check strong{display:block;margin-bottom:6px;color:#08201a}
@media(max-width:760px){.kako-title-strip{margin:12px 12px}.kako-check-grid{grid-template-columns:1fr}.kako-title-strip .kako-links{max-height:unset}}

/* Kakobuy-inspired independent brand mark. */
.kako-home-brand,
.brand.footer-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #111 !important;
  font-weight: 900;
  letter-spacing: 0;
  text-decoration: none;
}

.kako-brand-mark,
.brand-mark,
.brand-icon {
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  background: #ff2f3f;
  color: #fff !important;
  font-weight: 950;
  font-size: 22px;
  line-height: 1;
  box-shadow: 0 8px 18px rgba(255, 47, 63, .18);
}

.kako-home-brand span:last-child,
.brand.footer-brand span:last-child {
  color: inherit;
}

@media (max-width: 720px) {
  .kako-brand-mark,
  .brand-mark,
  .brand-icon {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    font-size: 20px;
  }
}

/* Final Kakobuy logo visibility fix. */
.kako-home-topbar .kako-home-brand,
.kako-home-brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #fff !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  text-indent: 0 !important;
  overflow: visible !important;
}
.kako-home-brand .kako-brand-mark,
.kako-home-topbar .kako-brand-mark {
  display: inline-flex !important;
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 9px !important;
  background: #ff2f3f !important;
  color: #fff !important;
  font-size: 22px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  box-shadow: 0 8px 18px rgba(255, 47, 63, .22) !important;
}
.kako-home-brand > span:not(.kako-brand-mark) {
  display: inline !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  opacity: 1 !important;
  visibility: visible !important;
  max-width: none !important;
  width: auto !important;
  height: auto !important;
  clip-path: none !important;
}
@media (max-width: 720px) {
  .kako-home-brand .kako-brand-mark,
  .kako-home-topbar .kako-brand-mark {
    flex-basis: 30px !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    font-size: 20px !important;
  }
  .kako-home-brand > span:not(.kako-brand-mark) {
    display: inline !important;
    font-size: 16px !important;
  }
}

/* Buyer scenario differentiation block. */
.kako-scenario {
  margin: 18px auto 22px;
  padding: 20px 22px;
  border: 1px solid #d9eee6;
  border-radius: 12px;
  background: #fbfffd;
}
.kako-scenario h2 {
  margin: 0 0 10px;
  font-size: clamp(22px, 2.4vw, 30px);
  line-height: 1.2;
}
.kako-scenario p {
  margin: 10px 0;
  line-height: 1.7;
}
.kako-scenario ul {
  margin: 12px 0 0;
  padding-left: 20px;
}
.kako-scenario li {
  margin: 7px 0;
}
@media (max-width: 760px) {
  .kako-scenario {
    padding: 17px;
    margin: 16px 0 20px;
  }
}

/* Compact topic-specific buyer layout. */
.kako-specific-layout {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 18px;
  margin: 18px 0 22px;
}
.kako-specific-layout .kako-card {
  margin: 0;
}
.kako-specific-layout h2 {
  margin-bottom: 10px;
}
.kako-specific-layout p,
.kako-specific-layout li {
  line-height: 1.68;
}
@media (max-width: 760px) {
  .kako-specific-layout {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}



/* hk-useful-block-20260815 */
.hk-useful-block{max-width:980px;margin:28px auto;padding:0 0 24px;border-bottom:1px solid rgba(0,90,70,.14)}
.hk-useful-block h2{font-size:clamp(24px,3vw,34px);line-height:1.12;margin:0 0 14px;text-align:left}
.hk-useful-block p{font-size:17px;line-height:1.75;margin:0 0 18px;color:#19362f}
.hk-useful-block ul{margin:10px 0 0 20px;padding:0;line-height:1.75;font-size:16px}
.hk-decision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.hk-decision-grid div{border:1px solid rgba(0,110,85,.18);background:#fff;border-radius:14px;padding:16px;min-height:120px}
.hk-decision-grid strong{display:block;color:#006d55;font-size:18px;margin-bottom:8px}
.hk-decision-grid span{display:block;color:#243f38;line-height:1.55}
@media(max-width:760px){.hk-decision-grid{grid-template-columns:1fr}.hk-useful-block{margin:22px auto}.hk-useful-block h2{text-align:left;font-size:24px}}