/* 주소나라 warm theme - 2026-11 prototype */
:root {
  --nr-t: #b3271b;
  --nr-td: #6f1710;
  --nr-tl: #fdf0e4;
  --nr-tm: #f6cdb8;
  --nr-c: #c02a1f;
  --nr-cd: #8a1d14;
  --nr-cl: #fdeee2;
  --nr-ink: #2e1a11;
  --nr-tx: #5c4335;
  --nr-mu: #8b7062;
  --nr-ln: #f1decd;
  --nr-pp: #fdf8ef;
  --mt-pine: #8f1b12;
  --mt-pine-2: #a82318;
  --mt-mint: #f8d3bf;
  --p3b2: #c02a1f;
}

html { scroll-behavior: smooth; }
body { background: #fffaf1; }
::selection { background: #ffd9c7; color: #8f1b12; }

/* ---------- hero ---------- */
.nr-hero {
  position: relative;
  overflow: hidden;
  padding: 48px 0 76px !important;
  background:
    radial-gradient(760px 380px at 12% -8%, rgba(255,255,255,.92), rgba(255,255,255,0) 62%),
    radial-gradient(680px 420px at 88% 6%, rgba(255,168,90,.55), rgba(255,168,90,0) 64%),
    linear-gradient(155deg, #fff6e7 0%, #ffe3c4 46%, #f8d3bf 100%) !important;
  border-bottom: 0 !important;
}
.nr-hero::before,
.nr-hero::after {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  width: 134px;
  height: 134px;
  border-radius: 30px;
  background: linear-gradient(145deg, rgba(255,255,255,.55), rgba(255,255,255,.10));
  border: 1px solid rgba(255,255,255,.65);
  box-shadow: 0 18px 40px -24px rgba(122,26,18,.45);
  transform: rotate(-10deg);
}
.nr-hero::before { right: 8%; top: 44px; }
.nr-hero::after { right: calc(8% + 150px); top: 98px; width: 112px; height: 112px; transform: rotate(9deg); }
.nr-hero .nr-in { position: relative; z-index: 1; max-width: 860px; }

.nr-hero h1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto !important;
  font-size: clamp(34px, 4.6vw, 56px) !important;
  line-height: 1.1 !important;
  letter-spacing: -.04em;
  font-weight: 800;
  color: var(--nr-ink);
}
.nr-hero h1 .nr-h1a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(176,42,28,.16);
  color: #b3271b;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .14em;
  padding: 7px 15px;
  border-radius: 999px;
  margin: 0 0 18px;
}
.nr-hero h1 .nr-h1b { display: block; color: var(--nr-ink); }
.nr-lead {
  max-width: 660px !important;
  margin-top: 20px !important;
  font-size: 17.5px !important;
  line-height: 1.78;
  color: #6b4a38 !important;
}

.nr-find {
  margin-top: 30px !important;
  max-width: 660px !important;
  height: 66px !important;
  padding: 0 9px 0 24px !important;
  border: 1px solid rgba(122,26,18,.18) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: 0 24px 50px -30px rgba(122,26,18,.55) !important;
  backdrop-filter: blur(8px);
}
.nr-find button {
  height: 48px !important;
  padding: 0 26px !important;
  border-radius: 999px !important;
  background: var(--mt-pine) !important;
  color: #fff7ec !important;
  font-weight: 700 !important;
}
.nr-find button:hover { background: var(--mt-pine-2) !important; }
.nr-sug { margin-top: 14px !important; }
.nr-sug button {
  background: rgba(255,255,255,.72) !important;
  border-color: rgba(122,26,18,.14) !important;
  border-radius: 999px !important;
}
.nr-sug button:hover { background: #fff !important; border-color: var(--nr-t) !important; }

.h5531 { margin: 26px 0 4px !important; gap: 12px !important; }
.h5531 a {
  padding: 13px 24px !important;
  border-radius: 999px !important;
  font-size: 15.5px !important;
  letter-spacing: -.01em;
}
html body .h5531.h5531 a.h5531-l {
  background: var(--mt-pine) !important;
  border-color: var(--mt-pine) !important;
  color: #fff7ec !important;
  -webkit-text-fill-color: #fff7ec !important;
  box-shadow: 0 16px 30px -18px rgba(122,26,18,.7) !important;
}
html body .h5531.h5531 a.h5531-r {
  background: linear-gradient(135deg, #ffd977 0%, #ffbf33 100%) !important;
  border-color: rgba(122,26,18,.18) !important;
  color: #6b160d !important;
  -webkit-text-fill-color: #6b160d !important;
  font-weight: 700 !important;
  box-shadow: 0 16px 30px -20px rgba(122,26,18,.55), inset 0 1px 0 rgba(255,255,255,.65) !important;
}
html body .h5531.h5531 a.h5531-r:hover {
  background: linear-gradient(135deg, #ffe08a 0%, #ffc94d 100%) !important;
}
html body .h5531.h5531 a.h5531-l:hover,
html body .h5531.h5531 a.h5531-r:hover { transform: translateY(-2px); }

.nr-flow { gap: 14px !important; margin-top: 34px !important; }
.nr-flow li {
  padding: 16px 18px !important;
  border: 1px solid rgba(255,255,255,.78);
  border-radius: 18px;
  background: rgba(255,255,255,.55);
  backdrop-filter: blur(4px);
}
.nr-meta { margin-top: 18px !important; color: #8a6d5b !important; }

/* ---------- sections ---------- */
.nr-sec { padding: 76px 0; }
.nr-sec.nr-tint { background: linear-gradient(180deg, #fffaf1 0%, #fdf2e6 100%) !important; }
#nrw .nr-eye {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #c02a1f !important;
  font-weight: 700;
  letter-spacing: .06em;
}
#nrw .nr-eye::before {
  content: "";
  width: 18px;
  height: 2px;
  border-radius: 2px;
  background: #e6895f;
}
#nrw .nr-hd h2 {
  font-size: clamp(23px, 2.6vw, 31px) !important;
  letter-spacing: -.02em;
  line-height: 1.32;
}

/* ---------- category cards ---------- */
.nr-cards { gap: 18px !important; }
.nr-cc {
  border-radius: 22px !important;
  border-color: #f1decd !important;
  box-shadow: 0 1px 0 rgba(122,26,18,.02);
  transition: transform .18s, box-shadow .18s, border-color .18s;
}
.nr-cc:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 44px -30px rgba(122,26,18,.5) !important;
  border-color: #f0bfa4 !important;
}
.nr-cc-i {
  border-radius: 14px !important;
  background: linear-gradient(135deg, #fdf0e3, #f8d4bd) !important;
  color: #b3271b !important;
}
.nr-cc:first-child .nr-cc-i {
  background: var(--mt-pine) !important;
  color: #ffe9d2 !important;
}
.nr-cc-h h3 { font-size: 19px !important; }
.nr-pill {
  border-color: #f1decd !important;
  background: #fffaf3 !important;
  border-radius: 999px !important;
}
.nr-pill:hover { background: #fdf2e6 !important; border-color: #e6895f !important; }
.nr-more { color: #b3271b !important; }


/* nav active state */
.nrh-nav a.on {
  background: transparent !important;
  color: #8f1b12 !important;
  font-weight: 700 !important;
}
.nrh-nav a:hover { background: rgba(176,42,28,.07) !important; }


/* ---------- category pages ---------- */
.nr-top {
  padding: 56px 0 52px !important;
  background:
    radial-gradient(680px 300px at 88% -10%, rgba(255,168,90,.45), rgba(255,168,90,0) 65%),
    linear-gradient(160deg, #fff6e8 0%, #ffffff 72%) !important;
  border-bottom: 1px solid #f1decd !important;
}
.nr-top h1 { color: var(--nr-ink) !important; letter-spacing: -.03em; line-height: 1.28; }
.nr-top .nr-lead { color: #6b4a38 !important; }
.nr-fact {
  border-radius: 20px !important;
  border-color: #f1decd !important;
  background: linear-gradient(165deg, #ffffff, #fdf3e8) !important;
  box-shadow: 0 22px 44px -34px rgba(122,26,18,.55) !important;
}
.nr-fact > p { color: #c02a1f !important; }
.nr-crumb a { color: #8a7163; }
.nr-crumb a:hover { color: #b3271b; }
.nr-lh .nr-fil { border-color: #f1decd !important; background: #fff !important; border-radius: 999px !important; }

/* ---------- article pages ---------- */
body.single { background: linear-gradient(180deg, #fff5e7 0, #fffaf1 560px) !important; }
.p3b2-s { max-width: 760px !important; padding-top: 44px !important; }
.p3b2-s .wp-block-post-title { font-weight: 800; letter-spacing: -.03em; color: var(--nr-ink); word-break: keep-all; }
.p3b2-sec > h1 { word-break: keep-all; letter-spacing: -.03em; color: var(--nr-ink); }
.p3b2-a strong, .p3b2-e { word-break: keep-all; }
.p3b2-s .wp-block-post-featured-image img {
  border-radius: 20px !important;
  box-shadow: 0 26px 50px -40px rgba(122,26,18,.6);
}
.p3b2-s .wp-block-post-content { color: #4a3324 !important; }
.p3b2-s .wp-block-post-content h2 {
  border-bottom: 0 !important;
  padding: 0 0 0 18px !important;
  position: relative;
}
.p3b2-s .wp-block-post-content h2::before {
  content: "";
  position: absolute;
  left: 0;
  top: .26em;
  width: 5px;
  height: 1.02em;
  border-radius: 3px;
  background: linear-gradient(180deg, #e04a2e, #e6895f);
}
.p3b2-s .wp-block-post-content a { color: #b3271b !important; text-decoration-color: #f2b28a !important; }
.p3b2-s figure img { border-radius: 16px !important; }
.p3b2-s figcaption, .p3b2-s .wp-element-caption { color: #8b7062 !important; }
.p3b2-s .p3b2-bk { border-top-color: #f1decd !important; }
.p3b2-s .p3b2-bk a { color: #b3271b !important; }

/* ---------- post lists ---------- */
.p3b2-c {
  border-radius: 20px !important;
  border: 1px solid #f3e3d3;
  box-shadow: 0 10px 30px -24px rgba(122,26,18,.45) !important;
}
.p3b2-c:hover { box-shadow: 0 22px 40px -28px rgba(122,26,18,.5) !important; }
.p3b2-im img { border-radius: 14px; }
.p3b2-a { color: var(--nr-ink) !important; }
.p3b2-a:hover strong { color: #b3271b !important; }
.p3b2-sec > h2::before { color: #c02a1f !important; }
.p3b2-more a { border-radius: 999px !important; background: #8f1b12 !important; }

/* ---------- about / privacy ---------- */
.nr-prose h2, .nr-pv h2 { color: var(--nr-ink); }
.nr-pv-t table { border-radius: 16px; overflow: hidden; }
.nr-pv-t th { background: #fdf1e4 !important; color: #b3271b !important; }
.nr-how { background: linear-gradient(165deg, #8f1b12, #a82318) !important; border-radius: 20px !important; }

/* ---------- footer ---------- */
#nrf { background: linear-gradient(160deg, #8f1b12 0%, #5e0f09 100%) !important; }

@media (max-width: 900px) {
  .nr-hero { padding: 48px 0 56px !important; }
  .nr-hero::before,
  .nr-hero::after { display: none; }
  .nr-flow { grid-template-columns: 1fr !important; }
}
@media (max-width: 520px) {
  .nr-hero h1 { font-size: 29px !important; }
  .nr-lead { font-size: 15.5px !important; }
  .nr-find { height: 58px !important; padding-left: 18px !important; }
  .nr-find input { font-size: 15px !important; padding: 0 8px !important; }
  .nr-find button { padding: 0 18px !important; height: 42px !important; }
  .nr-sug { font-size: 13px !important; }
}

/* ---------- cute keyword badge v3 (warm) ---------- */
html body .nr-hero h1 .nr-h1a.nr-h1a-cute {
  flex-wrap: wrap;
  justify-content: center;
  gap: 9px;
  padding: 9px 9px 9px 18px;
  border: 1px solid rgba(143,27,18,.14);
  background: rgba(255,252,246,.86);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .015em;
  color: #9b6a55;
  box-shadow: 0 14px 26px -20px rgba(122,26,18,.55), inset 0 0 0 3px rgba(255,255,255,.55);
}
html body .nr-hero h1 .nr-h1a-cute .nr-h1a-k { color: #a4694f; }
html body .nr-hero h1 .nr-h1a-cute .nr-h1a-dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #eab08f;
  box-shadow: 0 0 0 3px rgba(234,176,143,.18);
}
html body .nr-hero h1 .nr-h1a-cute .nr-h1a-brand {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 12px 5px 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, #b3271b 0%, #8f1b12 100%);
  color: #fff7ec;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0;
  transform: rotate(-2deg);
  box-shadow: 0 7px 15px -8px rgba(111,23,16,.7), inset 0 1px 0 rgba(255,255,255,.22);
}
html body .nr-hero h1 .nr-h1a-cute .nr-h1a-brand::before {
  content: "✦";
  font-size: 10px;
  line-height: 1;
  color: #ffd977;
}
@media (max-width: 520px) {
  html body .nr-hero h1 .nr-h1a.nr-h1a-cute { gap: 6px; padding: 8px 7px 8px 13px; font-size: 11.5px; }
  html body .nr-hero h1 .nr-h1a-cute .nr-h1a-brand { font-size: 11.5px; }
}

/* ---------- header not sticky + nav tag ---------- */
html body .wp-site-blocks > header.wp-block-template-part {
  position: static !important;
  top: auto !important;
  z-index: auto !important;
}
#nrh .nrh-nav a.nrh-tag {
  background: rgba(255,255,255,.72) !important;
  border: 1px solid rgba(179,39,27,.18);
  color: #8f1b12 !important;
  font-weight: 700 !important;
  padding: 0 13px;
}
#nrh .nrh-nav a.nrh-tag::before {
  content: "✦";
  font-size: 10px;
  color: #d9803f;
  margin-right: 6px;
}
#nrh .nrh-nav a.nrh-tag:hover { background: #fffaf3 !important; border-color: rgba(179,39,27,.34); }

/* ---------- spacing tidy ---------- */
html body #nrh { margin-block-start: 0 !important; margin-top: 0 !important; }
html body .nr-hero h1 .nr-h1a { margin-bottom: 16px; }

/* ---------- banner aurora ---------- */
.lb-bn img { filter: none; }