/* 주소나라 — 밝은 노랑 테마 (2026-11) */

:root{
  --ob-bg:#fff6d6;
  --ob-bg2:#fffcf2;
  --ob-v:#8a5b00;
  --ob-vd:#6d4700;
  --ob-vk:#3a2b06;
  --ob-vl:#fff0b0;
  --ob-vm:#efc94c;
  --ob-ink:#2f250c;
  --ob-tx:#4a3e22;
  --ob-mu:#7d6c46;
  --ob-ln:#efe0b0;
  --ob-ok:#6f7a16;
  --ob-okl:#f6f3d4;
  --ob-no:#b45309;
  --ob-nol:#fff1d6;
  --p7be:#8a5b00;
  --yellow:#ffcf33;
  --yellow-soft:#ffefb8;
  --yellow-ink:#3a2b06;
}

html{scroll-behavior:smooth}
body{background:#fffdf6!important;color:var(--ob-tx)}
#obw{background:#fffdf6;color:var(--ob-tx)}
#obw ::selection{background:#ffe58a;color:#3a2b06}

/* 헤더 */
#obh{background:rgba(255,253,246,.97);border-bottom-color:#f0e3bd}
#obh .obh-drop{background:#fffdf6;box-shadow:0 28px 40px -28px rgba(90,66,0,.28)}
#obh .obh-nav a:hover,#obh .obh-nav a.on{background:var(--ob-vl)}
#obh .obh-all{background:var(--yellow)!important;color:var(--yellow-ink)!important;border:1px solid #efbf00}
#obh .obh-all:hover{background:#ffd95e!important}
#obh .obh-all svg{color:var(--yellow-ink)}

/* 상단 카드 버튼 */
html body #obw .h87c2.h87c2 a.h87c2-l{
  background:var(--yellow)!important;
  color:var(--yellow-ink)!important;
  -webkit-text-fill-color:var(--yellow-ink)!important;
  border:2px solid #e8b800!important;
}
html body #obw .h87c2.h87c2 a.h87c2-r{
  background:#fffef9!important;
  color:#6d4700!important;
  -webkit-text-fill-color:#6d4700!important;
  border:2px solid #eccf74!important;
}
html body #obw .h87c2.h87c2 a:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(120,86,0,.16)}

/* 히어로 */
#obw .ob-hero{background:linear-gradient(180deg,#fff9e3 0%,#fff2c4 100%);border-bottom-color:#f1e3b8}
#obw .ob-kick{color:#8a5b00}
#obw .ob-hero h1 .ob-h1s{color:#c9a227}
#obw .ob-hero h1 .ob-h1b{color:#7a4f00}
#obw .ob-flow{background:#fffef9;border-color:#efe1b5;box-shadow:0 24px 50px -36px rgba(120,86,0,.35)}
#obw .ob-flow li b{background:#fffef9;border-color:#e0b62c;color:#8a5b00}
#obw .ob-flow li:last-child b{background:var(--yellow);color:var(--yellow-ink);border-color:#e8b800}
#obw .ob-num b{color:#6d4700}

/* 섹션·카드 */
#obw .ob-sec.ob-alt{background:#fff9e6;border-top-color:#f2e6c0;border-bottom-color:#f2e6c0}
#obw .ob-cat{background:#fffef9;border-color:#efe1b5;border-radius:16px}
#obw .ob-cat.ob-cat-1{border-color:#eccf74;background:linear-gradient(180deg,#fff7d9 0,#fffef9 120px)}
#obw .ob-cat-top > b{background:#fff3c4;color:#8a5b00}
#obw .ob-cat > p{line-height:1.72}
#obw .ob-tbl{background:#fffef9;border-color:#efe1b5}
#obw .ob-tbl thead th{background:#fff4cf;color:#6d4700}
#obw .ob-box{background:#fffef9;border-color:#efe1b5}
#obw .ob-note{background:#fff9e6;border-color:#f0e0ae}
#obw .ob-tip{background:#fff9e6;border-color:#f0e0ae}
#obw .ob-tip::before{background:#e0b62c;color:#3a2b06}
#obw .ob-cmp-h em{background:#e0b62c;color:#3a2b06}
#obw .ob-lk:hover .ob-lk-o{background:#e0b62c;color:#3a2b06}
#obw .ob-btn{background:var(--yellow)!important;color:var(--yellow-ink)!important}
#obw .ob-btn:hover{background:#ffd95e!important}
#obw .ob-btn.ob-ghost{background:#fffef9!important;color:#6d4700!important;border-color:#eccf74!important}
#obw .ob-faq summary i::before,#obw .ob-faq summary i::after{background:#b78a12}

/* 게시글 카드·본문 */
#obw .p7be-c{background:#fffef9;box-shadow:0 4px 18px rgba(120,86,0,.08);border:1px solid #f3e6bd}
#obw .p7be-c:hover{box-shadow:0 10px 26px rgba(120,86,0,.14)}
#obw .p7be-b time{color:#a07a12}
#obw .p7be-e{color:#6b5a35}
#obw .p7be-s .wp-block-post-content h2:before{background:#e0b62c}
#obw .p7be-s .wp-block-post-content a{color:#8a5b00}
#obw .p7be-s figcaption{color:#8b7a52}
#obw .p7be-bk a{color:#8a5b00}

/* 푸터 */
#obf{background:#3a2b06;color:#efe4c8}
#obf a{color:#f3e8cc}
#obf a:hover{color:#ffd95e}
#obf .obf-b strong{color:#fff6d6}
#obf .obf-bot{border-top-color:rgba(255,246,214,.18);color:#cbbd97}

/* 접근성·정돈 */
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ffcf33;outline-offset:2px;border-radius:6px}
#obw h1,#obw h2,#obw h3{letter-spacing:-.02em}
#obw .ob-sec{padding:64px 0}
#obw .ob-lead{color:#5a4a26}
#obw img{border-radius:10px}
#obw .ob-cat img,#obw .ob-chip img{border-radius:8px}

@media(max-width:720px){
  #obw .ob-sec{padding:44px 0}
  #obw .ob-hero{padding:38px 0 46px}
  #obw .ob-cat{padding:20px}
}

/* 스크롤바 포함 100vw로 생기는 8px 가로 넘침 방지 */
#obw{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;overflow-x:clip}