/* §2 — brand structure: surface vs substance */
.rsg-page .bk-struct { border:1px solid var(--line); border-radius:20px; overflow:hidden; box-shadow:0 18px 44px rgba(0,0,0,0.08); margin:0 0 24px; background:#fff; }
.rsg-page .bks-head { display:flex; align-items:center; gap:12px; }
.rsg-page .bks-head .bks-ic { width:36px; height:36px; border-radius:10px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.rsg-page .bks-head .bks-ic svg { width:19px; height:19px; }
.rsg-page .bks-head h3 { font-family:var(--font-display); font-weight:800; font-size:16.5px; margin:0; line-height:1.15; letter-spacing:-0.01em; }
.rsg-page .bks-head .bks-sub { display:block; font-family:var(--font-mono); font-size:9px; letter-spacing:0.1em; text-transform:uppercase; font-weight:700; margin-top:4px; }
.rsg-page .bks-surface { padding:22px 26px 24px; background:linear-gradient(180deg,#FBFCFB,#F0F3F1); display:grid; grid-template-columns:1fr auto; column-gap:30px; align-items:center; }
.rsg-page .bks-surface .bks-ic { background:#fff; border:1px solid var(--line); color:#94A3B8; }
.rsg-page .bks-surface h3 { color:var(--ink-900); }
.rsg-page .bks-surface .bks-sub { color:#94A3B8; }
.rsg-page .bks-surface .bks-head { grid-column:1; grid-row:1; }
.rsg-page .bks-berg-viz { grid-column:2; grid-row:1 / span 2; align-self:center; flex-shrink:0; line-height:0; }
.rsg-page .bks-berg-viz svg { display:block; width:252px; height:91px; }
@media (max-width:760px){ .rsg-page .bks-surface { grid-template-columns:1fr; } .rsg-page .bks-berg-viz { display:none; } }
.rsg-page .bks-chips { display:flex; flex-wrap:wrap; gap:9px; margin-top:15px; }
.rsg-page .bks-chip { font-size:13px; font-weight:700; color:#475569; background:#fff; border:1px solid #E3E8E3; border-radius:999px; padding:8px 15px; box-shadow:0 2px 6px rgba(0,0,0,0.03); }
.rsg-page .bks-surface-body { grid-column:1; grid-row:2; display:grid; grid-template-columns:auto 1fr; gap:28px; align-items:center; margin-top:15px; }
.rsg-page .bks-surface-body .bks-chips { margin-top:0; }
.rsg-page .bks-copy { display:flex; align-items:center; gap:15px; background:#fff; border:1px solid #E3E8E3; border-radius:14px; padding:13px 18px 13px 15px; box-shadow:0 4px 14px rgba(0,0,0,0.05); }
.rsg-page .bks-clone { position:relative; width:50px; height:44px; flex-shrink:0; }
.rsg-page .bks-clone .bcc { position:absolute; width:34px; height:34px; border-radius:9px; display:flex; align-items:center; justify-content:center; }
.rsg-page .bks-clone .bcc svg { width:17px; height:17px; }
.rsg-page .bks-clone .bcc.back { top:0; left:0; background:#F1F4F1; border:1px dashed #C3CEC5; }
.rsg-page .bks-clone .bcc.front { bottom:0; right:0; background:#fff; border:1px solid #E0E6E0; box-shadow:0 5px 12px rgba(0,0,0,0.09); }
.rsg-page .bks-copy-txt { flex:1; }
.rsg-page .bks-copy-txt strong { font-family:var(--font-display); font-weight:800; font-size:12.5px; color:var(--ink-900); }
.rsg-page .bks-copy-txt span { display:block; font-size:11.5px; color:var(--ink-2); line-height:1.45; margin-top:3px; }
@media (max-width:720px){ .rsg-page .bks-surface-body { grid-template-columns:1fr; gap:16px; } }
.rsg-page .bks-water { display:flex; align-items:center; gap:11px; padding:12px 26px; background:#fff; border-top:1px dashed #C8D6CB; border-bottom:1px dashed #C8D6CB; }
.rsg-page .bks-water .bks-warrow { width:24px; height:24px; border-radius:50%; background:linear-gradient(135deg,var(--green-500),var(--green-700)); display:flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 4px 10px rgba(20,62,37,0.25); }
.rsg-page .bks-water .bks-warrow svg { width:13px; height:13px; color:#fff; }
.rsg-page .bks-water p { margin:0; font-size:13px; font-style:italic; color:var(--ink-2); line-height:1.4; }
.rsg-page .bks-water p strong { font-style:normal; color:var(--ink-900); }
.rsg-page .bks-deep { position:relative; padding:24px 26px 26px; background:linear-gradient(160deg,#E9F5ED 0%,#D6E9DD 100%); border-top:1px solid #CBE2D3; overflow:hidden; }
.rsg-page .bks-deep::before { content:""; position:absolute; right:-50px; bottom:-70px; width:320px; height:320px; background:radial-gradient(circle, rgba(44,122,75,0.08) 0%, transparent 70%); pointer-events:none; }
.rsg-page .bks-berg { position:absolute; left:50%; bottom:-26px; transform:translateX(-50%); width:280px; height:auto; opacity:0.05; pointer-events:none; z-index:0; }
.rsg-page .bks-deep .bks-ic { background:linear-gradient(135deg,#2C7A4B,#143E25); color:#fff; box-shadow:0 6px 14px rgba(20,62,37,0.22); }
.rsg-page .bks-deep h3 { color:var(--ink-900); }
.rsg-page .bks-deep .bks-sub { color:var(--green-600); }
.rsg-page .bks-grid { position:relative; z-index:1; display:grid; grid-template-columns:repeat(3,1fr); gap:14px 24px; margin-top:18px; }
.rsg-page .bks-item { display:flex; align-items:center; gap:10px; }
.rsg-page .bks-item .bks-chk { width:21px; height:21px; border-radius:50%; background:linear-gradient(135deg,#2C7A4B,#1F5B36); border:none; box-shadow:0 3px 7px rgba(20,62,37,0.22); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.rsg-page .bks-item .bks-chk svg { width:11px; height:11px; color:#fff; }
.rsg-page .bks-item span { font-size:13.5px; font-weight:500; color:var(--ink-2); line-height:1.3; }
.rsg-page .ppc-tip.bk-tip .bk-tip-body { flex:1; display:flex; flex-direction:column; align-items:flex-start; }
.rsg-page .ppc-tip.bk-tip .bk-tip-body p { margin:0; }
.rsg-page .bk-tip-cta { align-self:flex-end; margin-top:13px; padding:8px 16px; font-size:12px; white-space:nowrap; }
.rsg-page .bk-tip-cta { line-height:1.2; }
.rsg-page .bk-tip-cta svg { width:14px !important; height:14px !important; margin-right:6px !important; }

@media (max-width:520px){ .rsg-page .bk-tip-cta { align-self:stretch; justify-content:center; white-space:normal; text-align:center; line-height:1.3; padding:11px 16px; } .rsg-page .bk-tip-cta svg { flex-shrink:0; } }
@media (max-width:820px){ .rsg-page .bks-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:520px){ .rsg-page .bks-grid { grid-template-columns:1fr; } .rsg-page .bks-surface, .rsg-page .bks-deep, .rsg-page .bks-water { padding-left:18px; padding-right:18px; } }