/*
Theme Name: SB01 Guide
Template: generatepress
Version: 1.0.0
Text Domain: sb01-guide
*/

:root {
  --sb-ink: #13213c;
  --sb-ink-soft: #40506d;
  --sb-teal: #0f9f91;
  --sb-teal-dark: #08766d;
  --sb-mint: #e8f7f4;
  --sb-paper: #f7f9fc;
  --sb-line: #dce4ed;
  --sb-radius: 18px;
  --sb-shadow: 0 14px 40px rgba(19,33,60,.09);
}

body { color: var(--sb-ink); background: var(--sb-paper); font-family: Pretendard, "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif; line-height: 1.72; }
.site-header { position: sticky; top: 0; z-index: 50; border-top: 4px solid var(--sb-teal); border-bottom: 1px solid var(--sb-line); background: rgba(255,255,255,.94); backdrop-filter: blur(14px); }
.site-branding .main-title a { color: var(--sb-ink); font-weight: 800; letter-spacing: -.04em; }
.main-navigation { background: transparent; }
.main-navigation .main-nav ul li a { color: var(--sb-ink); font-weight: 700; }
.main-navigation .main-nav ul li:hover > a { color: var(--sb-teal-dark); background: var(--sb-mint); }
.site-content { max-width: 1180px; }
.entry-content h1, .entry-content h2, .entry-content h3 { color: var(--sb-ink); line-height: 1.25; letter-spacing: -.035em; }
.sb-hero { padding: clamp(42px,8vw,92px); border-radius: 30px; background: linear-gradient(135deg,var(--sb-ink),#203b68 62%,var(--sb-teal)); color: #fff; box-shadow: var(--sb-shadow); }
.sb-hero h1 { color:#fff; font-size:clamp(2.25rem,5.4vw,4rem); max-width:900px; word-break:keep-all; }
.sb-hero p { color:#dce8f6; font-size:1.15rem; max-width:680px; }
.sb-kicker { color:#8ff0df; font-size:.82rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.sb-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:34px 0; }
.sb-card { padding:26px; border:1px solid var(--sb-line); border-radius:var(--sb-radius); background:#fff; box-shadow:0 8px 24px rgba(19,33,60,.05); }
.sb-card strong { display:block; margin-bottom:8px; color:var(--sb-teal-dark); font-size:1.08rem; }
.sb-steps { padding:28px; border-left:5px solid var(--sb-teal); border-radius:0 var(--sb-radius) var(--sb-radius) 0; background:var(--sb-mint); }
.wp-block-button__link { border-radius:999px; background:var(--sb-teal); font-weight:800; box-shadow:none; }
.wp-block-button__link:hover { background:var(--sb-teal-dark); }
.site-footer { background:var(--sb-ink); color:#dbe4f0; }
.page-id-16 .entry-header { display:none; }
.page-id-16 .content-area { width:100%; }
.page-id-16 #right-sidebar { display:none; }
.page-id-16 .site-main { margin:0; }
.page-id-16 .inside-article { padding:clamp(22px,4vw,48px); }
@media (max-width:780px) { .sb-card-grid { grid-template-columns:1fr; } .sb-hero { padding:38px 24px; border-radius:22px; } }