/*
Theme Name: KINDA LEE Editorial
Theme URI: https://kindabylee.com
Author: KINDA LEE
Description: Refined bilingual editorial WordPress theme for KINDA LEE.
Version: 25.0.11
Text Domain: kinda-lee
*/

/* KINDA BABY handwritten Korean font */
@import url("https://fonts.googleapis.com/css2?family=Gaegu:wght@400;700&family=Gowun+Dodum&display=swap");

:root{
  --cobalt:#1546D0;
  --brick:#B24A3A;
  --sun:#FFD21C;
  --ink:#111111;
  --paper:#f4f0e7;
  --paper2:#ebe5da;
  --white:#ffffff;
  --muted:#69645d;
  --line:#d8d1c4;
  --max:1360px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:Arial,Helvetica,sans-serif;line-height:1.5;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.wrap{width:min(calc(100% - 48px),var(--max));margin:0 auto}

/* HEADER */
.site-header{
  position:sticky;top:44px;z-index:100;background:rgba(244,240,231,.96);
  border-bottom:1px solid var(--line);backdrop-filter:blur(10px)
}
.header-inner{
  min-height:112px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px
}
.brand{
  display:flex;align-items:center;gap:26px
}
.kl-logo-image{
  width:82px;
  height:82px;
  object-fit:cover;
  display:block;
  flex:0 0 82px;
}
.brand-text strong{
  display:block;font-size:26px;line-height:1;font-weight:800;letter-spacing:.20em
}
.brand-text small{
  display:block;margin-top:10px;font-size:11px;letter-spacing:.10em;
  color:var(--brick);font-weight:700
}
.main-nav ul{
  display:flex;justify-content:flex-end;gap:30px;list-style:none;margin:0;padding:0;
  font-size:13px;font-weight:700;letter-spacing:.05em
}
.main-nav a{position:relative}
.main-nav a:after{
  content:"";position:absolute;left:0;bottom:-7px;width:0;height:2px;background:var(--cobalt);transition:.2s
}
.main-nav a:hover:after{width:100%}

/* HERO */
.hero{
  border-bottom:1px solid var(--line);
  display:grid;grid-template-columns:1.05fr .95fr;
  min-height:720px
}
.hero-copy{
  padding:86px max(28px,calc((100vw - var(--max))/2)) 72px max(28px,calc((100vw - var(--max))/2));
  padding-right:70px;display:flex;flex-direction:column;justify-content:center
}
.hero-eyebrow{
  font-size:12px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;
  color:var(--brick);margin-bottom:26px
}
.hero h1{
  margin:0 0 28px;font-size:clamp(62px,7.2vw,112px);line-height:.88;
  letter-spacing:-.07em;font-weight:850;max-width:790px
}
.hero h1 .cobalt{color:var(--cobalt)}
.hero h1 .brick{color:var(--brick)}
.hero-tagline{
  font-size:16px;font-weight:700;letter-spacing:.03em;margin-bottom:14px
}
.hero-desc{
  margin:0 0 34px;max-width:670px;font-size:18px;color:#38342f
}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{
  min-height:50px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--ink);font-size:13px;font-weight:800;letter-spacing:.04em
}
.btn.dark{background:var(--ink);color:#fff}
.btn:hover{transform:translateY(-2px)}

/* editorial visual */
.hero-art{
  position:relative;overflow:hidden;background:var(--cobalt);min-height:720px
}
.hero-art .panel{
  position:absolute;inset:0;background:
  linear-gradient(32deg,transparent 0 52%,rgba(166,74,55,.96) 52% 64%,transparent 64%),
  linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 24%),
  linear-gradient(rgba(255,255,255,.06) 0 1px,transparent 1px 20%);
  background-size:auto,25% 100%,100% 20%;
}
.hero-art .mega{
  position:absolute;right:-34px;top:-75px;color:rgba(255,255,255,.13);
  font-size:clamp(260px,31vw,520px);font-weight:900;line-height:.82;letter-spacing:-.14em
}
.hero-art .issue{
  position:absolute;left:52px;right:52px;bottom:54px;color:#fff;
  border-top:1px solid rgba(255,255,255,.8);padding-top:22px
}
.issue-label{font-size:11px;letter-spacing:.2em;font-weight:800;text-transform:uppercase}
.issue h2{font-size:46px;line-height:.98;letter-spacing:-.05em;margin:12px 0 10px;max-width:520px}
.issue p{font-size:16px;max-width:520px;margin:0}

/* marquee */
.marquee{background:var(--brick);color:#fff;border-bottom:1px solid var(--ink)}
.marquee-inner{display:flex;gap:44px;padding:13px 0;white-space:nowrap;overflow:hidden;font-size:12px;font-weight:800;letter-spacing:.13em}

/* general */
.section{padding:104px 0;border-bottom:1px solid var(--line)}
.section-head{
  display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;margin-bottom:48px
}
.kicker{font-size:11px;color:var(--cobalt);font-weight:900;letter-spacing:.2em;text-transform:uppercase}
.section-title{
  font-size:clamp(48px,6vw,82px);line-height:.92;letter-spacing:-.06em;margin:10px 0 0
}
.section-intro{max-width:550px;font-size:17px;color:#4a453f;justify-self:end}

/* k trend */
.ktrend-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:24px}
.editorial-card{
  min-height:520px;padding:34px;border:1px solid var(--line);position:relative;
  display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden
}
.editorial-card.primary{background:var(--paper2)}
.editorial-card.side{background:var(--ink);color:#fff}
.editorial-card .num{position:absolute;top:22px;right:26px;font-size:72px;font-weight:900;opacity:.08}
.editorial-card .tiny{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:var(--brick)}
.editorial-card.side .tiny{color:#8ba6ff}
.editorial-card h3{font-size:42px;line-height:1;letter-spacing:-.045em;margin:12px 0}
.editorial-card p{max-width:620px;margin:0;color:inherit}

/* category */
.category-grid{
  display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);
  background:var(--line);gap:1px
}
.category-card{
  background:var(--paper);min-height:330px;padding:28px;display:flex;flex-direction:column;justify-content:space-between
}
.category-card:hover{background:#fff}
.category-index{font-size:11px;color:var(--brick);font-weight:900;letter-spacing:.1em}
.category-card h3{font-size:32px;margin:0;letter-spacing:-.04em}
.category-card p{font-size:14px;color:#5f5a53;margin:10px 0 0}

/* latest */
.latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.post-card{padding-top:18px;border-top:4px solid var(--ink)}
.post-card:nth-child(2){border-color:var(--cobalt)}
.post-card:nth-child(3){border-color:var(--brick)}
.post-card .meta{font-size:11px;color:#6c665e;letter-spacing:.14em;text-transform:uppercase;font-weight:800}
.post-card h3{font-size:28px;line-height:1.06;letter-spacing:-.04em;margin:14px 0 10px}
.post-card p{font-size:14px;color:#5a554e}

/* about */
.about{
  background:var(--ink);color:#fff;padding:92px 0
}
.about-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:64px;align-items:start}
.about-logo{
  color:var(--cobalt);font-size:clamp(130px,17vw,250px);font-weight:900;line-height:.74;letter-spacing:-.14em
}
.about-copy h2{font-size:58px;line-height:.94;letter-spacing:-.055em;margin:10px 0 24px;max-width:760px}
.about-copy p{max-width:760px;font-size:18px;color:#d3d3d3}

/* footer / content */
.site-footer{background:var(--cobalt);color:#fff;padding:30px 0}
.footer-inner{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.08em}
.entry-wrap{padding:90px 0}
.entry-wrap h1{font-size:clamp(48px,7vw,90px);line-height:.94;letter-spacing:-.06em}
.entry-content{max-width:820px;font-size:17px}
.entry-content>*{margin-bottom:1.35em}

@media(max-width:980px){
  .header-inner{grid-template-columns:auto 1fr;min-height:86px}
  .main-nav{display:none}
  .kl-logo-image{width:68px;height:68px;flex-basis:68px}
  .brand-text strong{font-size:22px}
  .hero{grid-template-columns:1fr}
  .hero-copy{padding:74px 28px 58px}
  .hero-art{min-height:460px}
  .section-head,.ktrend-grid,.about-grid{grid-template-columns:1fr}
  .section-intro{justify-self:start}
  .category-grid{grid-template-columns:repeat(2,1fr)}
  .latest-grid{grid-template-columns:1fr}
}
@media(max-width:580px){
  .wrap{width:min(calc(100% - 28px),var(--max))}
  .brand-text small{display:none}
  .brand-text strong{font-size:18px;letter-spacing:.14em}
  .hero h1{font-size:58px}
  .hero-art .issue{left:28px;right:28px;bottom:30px}
  .issue h2{font-size:36px}
  .category-grid{grid-template-columns:1fr}
  .footer-inner{flex-direction:column}
}


/* V5 — broader editorial categories + community */
.talk-link{color:var(--brick)}
.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.topic-card{
  min-height:360px;padding:34px;border:1px solid var(--line);
  display:flex;flex-direction:column;justify-content:flex-end;background:var(--paper2)
}
.topic-card span{font-size:11px;letter-spacing:.18em;font-weight:900;text-transform:uppercase;color:var(--brick)}
.topic-card h3{font-size:38px;line-height:1;letter-spacing:-.045em;margin:12px 0}
.topic-card p{margin:0;max-width:560px}
.cobalt-card{background:var(--cobalt);color:#fff}
.cobalt-card span{color:var(--sun)}
.brick-card{background:var(--brick);color:#fff}
.brick-card span{color:#fff3c6}

.talk-section{
  background:var(--brick);color:#fff;padding:88px 0;border-bottom:1px solid var(--ink)
}
.talk-grid{
  display:grid;grid-template-columns:.55fr 1.45fr .7fr;gap:54px;align-items:start
}
.talk-label{
  font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;
  display:flex;gap:10px;align-items:center
}
.talk-dot{
  display:inline-block;width:13px;height:13px;border-radius:50%;background:var(--sun)
}
.talk-copy h2{
  margin:0 0 18px;font-size:clamp(44px,5vw,72px);line-height:.96;letter-spacing:-.055em
}
.talk-copy p{font-size:18px;max-width:700px;color:#fff7f3;margin:0 0 28px}
.talk-btn{
  display:inline-flex;min-height:50px;align-items:center;padding:0 20px;
  background:var(--sun);color:var(--ink);font-size:12px;font-weight:900;letter-spacing:.08em
}
.talk-side{border-top:1px solid rgba(255,255,255,.65);padding-top:18px}
.talk-stat{font-size:18px;font-weight:800;margin-bottom:10px}
.talk-side p{font-size:14px;color:#fff1ec;margin:0}

.talk-comments{
  max-width:860px;margin-top:70px;padding-top:40px;border-top:4px solid var(--brick)
}
.talk-comments h2{font-size:42px;letter-spacing:-.04em;margin:8px 0 24px}
.comment-list{list-style:none;padding:0}
.comment-list li{padding:20px 0;border-top:1px solid var(--line)}
.comment-form textarea,.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"]{
  width:100%;border:1px solid var(--line);background:#fff;padding:13px;font:inherit
}
.comment-form input[type="submit"]{
  border:0;background:var(--cobalt);color:#fff;padding:14px 20px;font-weight:800;cursor:pointer
}

@media(max-width:980px){
  .topic-grid,.talk-grid{grid-template-columns:1fr}
}

/* V6 final */
.top-talk-bar{position:sticky;top:0;z-index:120;display:block;min-height:44px;background:var(--brick);color:#fff;border-bottom:1px solid rgba(17,17,17,.15)}
.top-talk-inner{min-height:44px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}
.top-talk-label{display:inline-flex;align-items:center;gap:9px;font-size:10px;font-weight:900;letter-spacing:.18em;white-space:nowrap}
.top-talk-dot{width:9px;height:9px;border-radius:50%;background:var(--sun);flex:0 0 auto}
.top-talk-question{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:13px;font-weight:800}
.top-talk-cta{font-size:10px;font-weight:900;letter-spacing:.10em;color:var(--sun);white-space:nowrap}
.top-talk-bar:hover .top-talk-cta{text-decoration:underline}
.ko-sub{font-size:14px;font-weight:700;color:var(--brick);margin-top:7px;letter-spacing:-.01em}
.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.topic-card{min-height:350px;padding:34px;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end;background:var(--paper2)}
.topic-card span{font-size:11px;letter-spacing:.18em;font-weight:900;text-transform:uppercase;color:var(--brick)}
.topic-card h3{font-size:38px;line-height:1;letter-spacing:-.045em;margin:12px 0}
.topic-card p{margin:0;max-width:560px}
.cobalt-card{background:var(--cobalt);color:#fff}.cobalt-card span{color:var(--sun)}
.brick-card{background:var(--brick);color:#fff}.brick-card span{color:#fff3c6}
.kinda-talk-intro{background:#eee8dd}
.talk-section{display:none}
@media(max-width:980px){
 .site-header{top:42px}.top-talk-bar,.top-talk-inner{min-height:42px}
 .top-talk-inner{grid-template-columns:auto 1fr}.top-talk-cta{display:none}
 .topic-grid{grid-template-columns:1fr}
}
@media(max-width:580px){
 .top-talk-label{font-size:9px}.top-talk-question{font-size:11px;text-align:right}
}
/* V7 — dedicated weekly talk post */
.talk-article{
  max-width:960px;
  margin:0 auto;
  padding:12px 0 22px;
}
.talk-hero-label{
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--brick);
  font-size:11px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  margin-bottom:20px;
}
.talk-title{
  max-width:900px;
  font-size:clamp(50px,7vw,96px)!important;
  line-height:.95!important;
  letter-spacing:-.06em!important;
  margin:0 0 20px!important;
}
.talk-deck{
  max-width:760px;
  font-size:20px;
  line-height:1.55;
  color:#4b4540;
  margin-bottom:44px;
}
.talk-article .entry-content{
  max-width:760px;
  font-size:18px;
}
.talk-comments{
  max-width:900px;
  margin:70px auto 0;
  padding-top:38px;
  border-top:5px solid var(--brick);
}
.talk-comments h2{
  font-size:44px;
  letter-spacing:-.045em;
  margin:10px 0 6px;
}
.talk-comments-intro{
  margin:0 0 30px;
  color:#5c564f;
}
.comment-list{
  list-style:none;
  margin:0;
  padding:0;
}
.comment-list .comment{
  border-top:1px solid var(--line);
  padding:24px 0;
}
.comment-list .children{
  list-style:none;
  margin:18px 0 0 32px;
  padding-left:20px;
  border-left:2px solid var(--paper2);
}
.comment-author{
  font-weight:800;
}
.comment-metadata{
  font-size:12px;
  color:#777;
  margin:5px 0 10px;
}
.reply a{
  color:var(--cobalt);
  font-size:12px;
  font-weight:800;
}
.comment-respond{
  margin-top:42px;
  padding:24px;
  background:var(--paper2);
}
.comment-respond h3{
  font-size:28px;
  margin-top:0;
}
.comment-form textarea,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"]{
  width:100%;
  border:1px solid var(--line);
  background:#fff;
  padding:14px;
  font:inherit;
}
.comment-form textarea{height:110px;min-height:110px;resize:vertical}
.comment-form input[type="submit"]{
  border:0;
  background:var(--cobalt);
  color:#fff;
  padding:14px 22px;
  font-weight:900;
  cursor:pointer;
}

/* V8 — bilingual category navigation strip */
.category-strip{
  background:var(--brick);
  border-top:1px solid rgba(17,17,17,.12);
  border-bottom:1px solid rgba(17,17,17,.18);
}
.category-strip-inner{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
}
.category-strip-item{
  min-width:0;
  min-height:76px;
  padding:15px 10px 13px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
  border-right:1px solid rgba(255,255,255,.18);
  transition:background .18s ease;
}
.category-strip-item:first-child{
  border-left:1px solid rgba(255,255,255,.18);
}
.category-strip-item:hover{
  background:rgba(17,17,17,.10);
}
.category-strip-item strong{
  display:block;
  font-size:11px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:.10em;
  white-space:nowrap;
}
.category-strip-item small{
  display:block;
  margin-top:7px;
  font-size:10px;
  line-height:1.3;
  font-weight:600;
  letter-spacing:-.02em;
  color:rgba(255,255,255,.82);
  white-space:normal;
}
.category-strip-item.talk strong{
  color:var(--sun);
}
@media(max-width:1100px){
  .category-strip-inner{
    grid-template-columns:repeat(4,1fr);
  }
  .category-strip-item{
    border-bottom:1px solid rgba(255,255,255,.18);
  }
}
@media(max-width:650px){
  .category-strip-inner{
    grid-template-columns:repeat(2,1fr);
  }
  .category-strip-item{
    min-height:68px;
    padding:12px 8px;
  }
  .category-strip-item strong{font-size:10px}
  .category-strip-item small{font-size:9px}
}


/* V9 — bilingual labels directly under top navigation categories */
.main-nav ul{
  align-items:center;
  gap:22px;
}
.main-nav li{
  display:flex;
  align-items:center;
}
.main-nav a{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  text-align:center;
  min-height:54px;
}
.main-nav .nav-en{
  display:block;
  font-size:12px;
  line-height:1.05;
  font-weight:900;
  letter-spacing:.02em;
  white-space:nowrap;
}
.main-nav .nav-ko{
  display:block;
  max-width:130px;
  font-size:9px;
  line-height:1.15;
  font-weight:600;
  color:#7a7268;
  letter-spacing:-.03em;
  white-space:nowrap;
}
.main-nav .talk-link .nav-en{
  color:var(--brick);
}
.main-nav .talk-link .nav-ko{
  color:var(--brick);
  opacity:.82;
}
.main-nav a:after{
  bottom:-2px;
}
@media(max-width:1180px){
  .main-nav ul{gap:14px}
  .main-nav .nav-en{font-size:11px}
  .main-nav .nav-ko{font-size:8px;max-width:115px}
}


/* V10 — real category pages */
.category-page{min-height:65vh}
.category-hero{
  padding:86px 0 72px;
  border-bottom:1px solid var(--line);
  background:var(--paper2);
}
.category-hero h1{
  margin:10px 0 8px;
  font-size:clamp(54px,8vw,112px);
  line-height:.88;
  letter-spacing:-.065em;
}
.category-hero-ko{
  color:var(--brick);
  font-size:18px;
  font-weight:800;
  margin-top:18px;
}
.category-hero p{
  max-width:720px;
  margin:14px 0 0;
  font-size:17px;
  color:#514b44;
}
.category-content{padding:72px 0 100px}
.archive-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:36px 26px;
}
.archive-card{
  border-top:4px solid var(--cobalt);
  padding-top:14px;
}
.archive-card:nth-child(3n+2){border-top-color:var(--brick)}
.archive-thumb,.archive-placeholder{
  display:block;
  aspect-ratio:4/3;
  overflow:hidden;
  margin-bottom:18px;
  background:var(--cobalt);
}
.archive-thumb img{
  width:100%;height:100%;object-fit:cover;transition:transform .25s ease;
}
.archive-thumb:hover img{transform:scale(1.025)}
.archive-placeholder{
  display:grid;place-items:center;color:rgba(255,255,255,.8);
  font-size:14px;font-weight:900;letter-spacing:.14em;
}
.archive-meta{
  font-size:10px;font-weight:800;letter-spacing:.14em;color:#777;text-transform:uppercase
}
.archive-card h2{
  margin:10px 0 10px;
  font-size:28px;line-height:1.06;letter-spacing:-.04em
}
.archive-card p{font-size:14px;color:#5c564f}
.archive-read{
  display:inline-block;margin-top:8px;font-size:11px;font-weight:900;letter-spacing:.08em;color:var(--brick)
}
.category-empty{
  max-width:760px;
  padding:48px 0 80px;
}
.category-empty h2{
  font-size:44px;letter-spacing:-.04em;margin:10px 0
}
.archive-pagination{margin-top:56px}
@media(max-width:900px){
  .archive-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:580px){
  .archive-grid{grid-template-columns:1fr}
}


/* ==========================================================
   V12 — EDITORIAL BUT WARM
   Softer, calmer reading experience while retaining identity
   ========================================================== */
:root{
  --paper:#F7F3EB;
  --paper2:#FBF8F2;
  --ink:#171717;
  --muted:#6F6961;
  --cobalt:#1546D0;
  --brick:#B24A3A;
  --sun:#FFD21C;
  --line:#DED7CC;
}

body{
  background:var(--paper);
  color:var(--ink);
  line-height:1.68;
}
.site-header{
  background:rgba(247,243,235,.97);
}
.header-inner{
  min-height:104px;
}
.brand-title{
  letter-spacing:.16em;
}
.main-nav ul{
  gap:24px;
}
.main-nav .nav-ko{
  color:#81796F;
}

/* Keep the talk prompt visible but make it a refined magazine ribbon. */
.talkbar{
  min-height:38px;
  background:var(--brick);
}
.talkbar .wrap{
  min-height:38px;
}
.talkbar-label,
.talkbar-question,
.talkbar-link{
  font-size:10px;
}
.talkbar-link{
  color:#F3D56B;
}

/* Hero: less confrontational, more whitespace and editorial rhythm. */
.hero{
  background:var(--paper2);
}
.hero-left{
  padding-top:92px;
  padding-bottom:96px;
}
.hero h1{
  font-size:clamp(58px,6.6vw,104px);
  line-height:.91;
  letter-spacing:-.058em;
  max-width:760px;
}
.hero .lead{
  max-width:690px;
  color:#514B44;
  line-height:1.7;
}
.hero-right{
  background:#3158CF;
}
.hero-right:before{
  opacity:.46;
}
.hero-right:after{
  opacity:.76;
}

/* Reduce the visual dominance of the cobalt graphic panel. */
@media(min-width:1000px){
  .hero-grid{
    grid-template-columns:58% 42%;
  }
}

/* Homepage category strip: airy rather than loud. */
.category-strip{
  background:#EFE8DD;
  border-color:var(--line);
}
.category-strip-item{
  color:var(--ink);
  border-color:#D9D0C4;
  min-height:82px;
}
.category-strip-item:first-child{
  border-left-color:#D9D0C4;
}
.category-strip-item strong{
  color:var(--ink);
}
.category-strip-item small{
  color:#776F65;
}
.category-strip-item.talk strong{
  color:var(--brick);
}
.category-strip-item:hover{
  background:#F7F3EB;
}

/* Give editorial sections more breathing room. */
section{
  scroll-margin-top:150px;
}
.section,
.editorial-section,
.latest-section{
  padding-top:96px;
  padding-bottom:104px;
}
.kicker{
  letter-spacing:.18em;
}
h2{
  letter-spacing:-.045em;
}

/* Cards become quieter and more print-like. */
.card,
.story-card,
.archive-card{
  box-shadow:none !important;
}
.archive-card{
  border-top-width:2px;
}
.archive-card:nth-child(3n+2){
  border-top-color:#C78A7B;
}

/* Dedicated calm community module */
.kinda-community{
  margin:24px 0 104px;
}
.kinda-community-box{
  position:relative;
  display:grid;
  grid-template-columns:1fr auto;
  gap:42px;
  align-items:end;
  padding:54px 58px;
  background:#FBF8F2;
  border:1px solid #D8D0C4;
}
.kinda-community-box:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:5px;
  background:var(--cobalt);
}
.kinda-community-label{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:18px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
}
.kinda-community-dot{
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--sun);
}
.kinda-community h2{
  margin:0 0 14px;
  max-width:780px;
  font-size:clamp(34px,4.2vw,62px);
  line-height:1.02;
  letter-spacing:-.05em;
}
.kinda-community p{
  max-width:720px;
  margin:0;
  color:#615A52;
}
.kinda-community-action{
  white-space:nowrap;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  color:var(--brick);
  border-bottom:1px solid var(--brick);
  padding-bottom:4px;
}

/* Category pages also inherit the calmer palette. */
.category-hero{
  padding-top:92px;
  padding-bottom:78px;
  background:#F1EBE1;
}
.category-hero h1{
  font-size:clamp(50px,7vw,96px);
}
.category-content{
  padding-top:78px;
}

/* Footer: cobalt stays as a signature rather than dominating the page. */
.site-footer{
  background:#244FD1;
}

/* Responsive */
@media(max-width:900px){
  .kinda-community-box{
    grid-template-columns:1fr;
    padding:42px 34px;
    gap:24px;
  }
}
@media(max-width:650px){
  .hero-left{
    padding-top:62px;
    padding-bottom:68px;
  }
  .hero h1{
    font-size:clamp(48px,15vw,72px);
  }
  .kinda-community{
    margin-bottom:72px;
  }
}


/* ==========================================================
   V13 — TOKYO FILM / SOFT ANALOG EDITORIAL
   Cobalt + Brick retained, film mood added lightly
   ========================================================== */
:root{
  --film-paper:#F6F0E5;
  --film-paper-2:#FBF7EF;
  --film-ink:#1E1B18;
  --film-blue:#1546D0;
  --film-brick:#B24A3A;
  --film-yellow:#FFD21C;
}
body{
  background:
    radial-gradient(circle at 20% 10%,rgba(255,255,255,.55),transparent 28%),
    repeating-linear-gradient(0deg,rgba(78,63,44,.018) 0 1px,transparent 1px 4px),
    var(--film-paper);
  color:var(--film-ink);
}
.site-header{
  background:rgba(246,240,229,.95);
  backdrop-filter:blur(10px);
}
.brand-text small{color:var(--film-brick)}
.film-home{
  overflow:hidden;
}
.film-hero{
  padding:38px 0 26px;
  background:var(--film-paper);
  border-bottom:1px solid #DDD2C4;
}
.film-hero-grid{
  display:grid;
  grid-template-columns:.62fr 1.38fr;
  gap:54px;
  align-items:center;
}
.film-hero-copy{
  padding:52px 0 50px;
}
.film-date{
  margin-bottom:20px;
  color:#6F7CA7;
  font-size:12px;
  font-style:italic;
  letter-spacing:.15em;
}
.film-hero h1{
  margin:0 0 30px;
  font-family:Georgia,'Times New Roman',serif;
  font-weight:400;
  font-size:clamp(58px,7vw,106px);
  line-height:.92;
  letter-spacing:-.055em;
}
.film-hero-copy p{
  max-width:460px;
  margin:0 0 26px;
  font-size:16px;
  line-height:1.9;
  color:#48413A;
}
.film-link{
  color:#143B9A;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
}
.film-collage{
  position:relative;
  min-height:565px;
  display:grid;
  grid-template-columns:1.5fr 1fr;
  grid-template-rows:1fr 1fr;
  gap:14px;
  padding:20px 22px 10px;
}
.film-photo{
  margin:0;
  background:#fff;
  padding:7px;
  box-shadow:0 10px 26px rgba(65,48,32,.08);
  transform:rotate(-.2deg);
}
.film-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.86) contrast(.96) sepia(.06);
}
.film-main{
  grid-row:1/3;
  position:relative;
}
.film-main figcaption{
  position:absolute;
  right:11px;
  bottom:11px;
  color:#D08347;
  font:11px/1 monospace;
  letter-spacing:.12em;
}
.film-small.top{transform:rotate(.4deg)}
.film-small.bottom{transform:rotate(-.35deg)}
.film-tape{
  position:absolute;
  width:94px;
  height:24px;
  background:rgba(207,180,129,.42);
  transform:rotate(-3deg);
  z-index:4;
}
.tape-one{left:1px;top:0}
.film-note{
  position:absolute;
  right:-12px;
  top:34px;
  writing-mode:vertical-rl;
  color:#35558F;
  font-family:cursive;
  font-size:16px;
  transform:rotate(2deg);
}
.film-latest{
  padding:56px 0 68px;
  background:rgba(255,255,255,.18);
  border-bottom:1px solid #DDD2C4;
}
.film-section-head{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:24px;
  font-size:11px;
  letter-spacing:.12em;
}
.film-dot{
  display:inline-block;
  width:9px;height:9px;border-radius:50%;
  background:var(--film-yellow);
  margin-right:9px;
}
.film-rule{height:1px;background:#D8CDC0;flex:1}
.film-story-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.film-story-card{
  display:block;
}
.film-thumb{
  position:relative;
  aspect-ratio:1.18/1;
  overflow:hidden;
  margin-bottom:16px;
  background:#E8DED0;
}
.film-thumb img{
  width:100%;height:100%;object-fit:cover;
  filter:saturate(.84) contrast(.95) sepia(.05);
  transition:transform .25s ease;
}
.film-story-card:hover img{transform:scale(1.025)}
.film-thumb span{
  position:absolute;left:8px;top:8px;
  background:#173A77;color:#fff;
  padding:5px 8px;
  font-size:9px;font-weight:900;letter-spacing:.07em;
}
.film-story-card h3{
  margin:0 0 6px;
  font-family:Georgia,'Times New Roman',serif;
  font-size:22px;
  line-height:1.35;
  font-weight:400;
}
.film-story-card small{
  color:#776D64;
  font-size:11px;
}
.kinda-baby-film{
  padding:72px 0 86px;
  border-bottom:1px solid #DDD2C4;
}
.kinda-baby-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:70px;
  align-items:center;
}
.kinda-baby-copy h2{
  margin:12px 0 22px;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(42px,5vw,70px);
  line-height:1.04;
  font-weight:400;
  letter-spacing:-.045em;
}
.kinda-baby-copy p{
  max-width:650px;
  color:#5D554C;
  line-height:1.85;
}
.film-outline-btn{
  display:inline-flex;
  margin-top:18px;
  min-height:44px;
  align-items:center;
  padding:0 18px;
  border:1px solid #988D80;
  font-size:10px;
  font-weight:900;
  letter-spacing:.09em;
}
.kinda-baby-photo-wrap{
  position:relative;
  max-width:440px;
  justify-self:end;
  padding:14px 14px 18px;
  background:#FBF7EF;
  box-shadow:0 14px 34px rgba(65,48,32,.09);
  transform:rotate(1.1deg);
}
.kinda-baby-photo{
  width:100%;
  aspect-ratio:1/1.05;
  object-fit:cover;
  filter:saturate(.78) contrast(.94) sepia(.08);
}
.baby-tape{
  left:50%;top:-9px;
  transform:translateX(-50%) rotate(3deg);
}
.baby-caption{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin-top:12px;
  font-size:11px;
  color:#5B534A;
}
.baby-caption em{
  font-family:Georgia,serif;
  margin-bottom:3px;
}
.film-community{
  padding-top:72px;
  margin-bottom:72px;
}
.film-community .kinda-community-box{
  background:#FBF7EF;
}
.film-category-strip{
  margin-top:0;
}
.film-lower-section{
  padding-top:82px;
  padding-bottom:88px;
}
.film-about{
  background:#1B1B1A;
}
@media(max-width:980px){
  .film-hero-grid,.kinda-baby-grid{grid-template-columns:1fr}
  .film-collage{min-height:520px}
  .kinda-baby-photo-wrap{justify-self:start}
}
@media(max-width:700px){
  .film-collage{
    grid-template-columns:1fr 1fr;
    min-height:430px;
    gap:8px;
    padding:8px;
  }
  .film-story-grid{grid-template-columns:1fr}
  .film-story-card{display:grid;grid-template-columns:140px 1fr;gap:14px}
  .film-thumb{margin:0}
  .film-hero-copy{padding-top:28px}
  .film-note{display:none}
}


/* ==========================================================
   V14 — TRENDING SEOUL / K-TREND FIRST
   Film mood remains subtle; Tokyo references removed
   ========================================================== */
.seoul-hero{
  padding-top:28px;
  padding-bottom:28px;
}
.seoul-hero-grid{
  grid-template-columns:.48fr 1.52fr;
  gap:42px;
}
.seoul-main-wrap{
  position:relative;
  min-height:430px;
}
.seoul-main-photo{
  height:100%;
  min-height:430px;
  margin:0;
  padding:0;
  overflow:hidden;
  box-shadow:none;
  transform:none;
}
.seoul-main-photo img{
  width:100%;
  height:100%;
  min-height:430px;
  object-fit:cover;
  filter:saturate(.88) contrast(.97) sepia(.035);
}
.seoul-hot-card{
  position:absolute;
  right:20px;
  bottom:18px;
  width:210px;
  padding:18px 18px 16px;
  background:rgba(251,247,239,.94);
  border:1px solid rgba(79,66,52,.16);
  backdrop-filter:blur(4px);
}
.seoul-hot-card span{
  display:block;
  margin-bottom:6px;
  color:var(--brick);
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
}
.seoul-hot-card strong{
  display:block;
  margin-bottom:4px;
  font-family:Georgia,'Times New Roman',serif;
  font-size:24px;
  font-weight:400;
  letter-spacing:.02em;
}
.seoul-hot-card small{
  display:block;
  color:#574F47;
  line-height:1.45;
}
.seoul-tape{
  right:38px;
  top:-7px;
  left:auto;
  transform:rotate(6deg);
}
.kinda-baby-v14-head{
  margin-bottom:26px;
}
.kinda-baby-v14-head h2{
  margin:8px 0 10px;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(38px,4vw,58px);
  line-height:1.04;
  font-weight:400;
  letter-spacing:-.045em;
}
.kinda-baby-v14-head p{
  max-width:620px;
  color:#5D554C;
}
.baby-diary-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:18px;
}
.baby-diary-card img{
  width:100%;
  aspect-ratio:1.15/1;
  object-fit:cover;
  filter:saturate(.80) contrast(.95) sepia(.065);
}
.baby-diary-card h3{
  margin:8px 0 4px;
  font-size:13px;
  line-height:1.35;
  font-weight:700;
}
.baby-diary-card small{
  color:#8A8177;
  font-size:10px;
}
@media(max-width:1100px){
  .baby-diary-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:980px){
  .seoul-hero-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  .baby-diary-grid{grid-template-columns:repeat(2,1fr)}
  .seoul-main-wrap,.seoul-main-photo,.seoul-main-photo img{min-height:330px}
  .seoul-hot-card{right:10px;bottom:10px;width:185px}
}

/* ==========================================================
   V15 — REFINED CONTEMPORARY K-EDITORIAL
   Tighter hero, stronger nav readability, calmer brand spacing
   ========================================================== */
.site-header .wrap{max-width:1380px}
.brand{gap:24px}
.brand-mark{flex:0 0 auto}
.brand-text{padding-top:1px}
.brand-text strong{letter-spacing:.20em}
.brand-text small{margin-top:7px;letter-spacing:.08em;font-size:10px}
.primary-nav{gap:28px}
.primary-nav a{font-size:12px;line-height:1.15}
.primary-nav a small{font-size:9px;line-height:1.25;margin-top:5px;opacity:.68}

.seoul-hero{padding:18px 0 20px}
.seoul-hero-grid{grid-template-columns:.50fr 1.50fr;gap:42px;align-items:center}
.seoul-hero .film-hero-copy{padding:34px 0 38px}
.seoul-hero .film-date{margin-bottom:22px;font-size:11px;letter-spacing:.17em}
.seoul-hero .film-hero-copy h1{
  max-width:520px;
  margin:0 0 26px;
  font-size:clamp(54px,5.25vw,82px);
  line-height:.94;
  letter-spacing:-.055em;
}
.seoul-hero .film-hero-copy p{font-size:15px;line-height:1.8;margin-bottom:23px}
.seoul-main-wrap{min-height:390px}
.seoul-main-photo,.seoul-main-photo img{min-height:390px}
.seoul-main-photo img{object-position:center 52%;filter:saturate(.91) contrast(.98) sepia(.025)}
.seoul-hot-card{width:190px;padding:15px 16px 14px;right:18px;bottom:16px}
.seoul-hot-card strong{font-size:22px}
.seoul-hot-card small{font-size:10px}
.seoul-tape{width:82px;height:20px;right:40px}

.film-latest{padding-top:48px}
.film-section-head{margin-bottom:20px}

@media(min-width:1180px){
  .seoul-hero-grid{min-height:500px}
}
@media(max-width:1180px){
  .primary-nav{gap:18px}
  .primary-nav a{font-size:11px}
}
@media(max-width:980px){
  .seoul-hero .film-hero-copy h1{max-width:760px}
  .seoul-main-wrap,.seoul-main-photo,.seoul-main-photo img{min-height:360px}
}


/* ==========================================================
   V16 — CLEANER TREND PHOTOGRAPHY + UNIFIED COLOR SYSTEM
   Accent balance: Cobalt dominant / Brick ~20% / Bright Yellow ~10%
   ========================================================== */
:root{
  --cobalt:#1546D0;
  --brick:#B24A3A;
  --sun:#FFD21C;
  --film-blue:#1546D0;
  --film-brick:#B24A3A;
  --film-yellow:#FFD21C;
}

/* One cobalt everywhere — no secondary blue tones. */
a,
.film-link,
.kicker,
.main-nav .nav-ko,
.archive-read{
  --local-blue:#1546D0;
}
.film-link,
.kicker,
.archive-read{
  color:var(--cobalt);
}
.main-nav .nav-ko{
  color:var(--cobalt);
  opacity:.84;
}
.main-nav .talk-link .nav-en{
  color:var(--brick);
}
.main-nav .talk-link .nav-ko{
  color:var(--brick);
}

/* Cobalt gets a stronger presence without filling huge areas. */
.top-talk-bar{
  background:var(--brick);
}
.top-talk-dot,
.film-dot,
.kinda-community-dot{
  background:var(--sun);
}
.top-talk-cta{
  color:var(--sun);
}
.film-link{
  display:inline-flex;
  align-items:center;
  background:var(--cobalt);
  color:#fff;
  min-height:38px;
  padding:0 14px;
}
.film-thumb span{
  background:var(--cobalt);
}
.kinda-community-label{
  color:var(--cobalt);
}
.kinda-community-action{
  color:var(--cobalt);
  border-bottom-color:var(--cobalt);
}
.film-outline-btn{
  border-color:var(--cobalt);
  color:var(--cobalt);
}

/* Brick stays meaningful: talk/community/editorial accents, not deleted. */
.seoul-hot-card span,
.ko-sub,
.brand-text small{
  color:var(--brick);
}
.seoul-hot-card{
  border-top:4px solid var(--brick);
}
.film-community .kinda-community-box{
  border-left:5px solid var(--brick);
}

/* Bright yellow is intentionally sparse and sharp. */
.seoul-tape{
  background:rgba(255,210,28,.72);
}
.category-strip-item.talk strong{
  color:var(--brick);
}

/* Cleaner, closer, more editorial photography. */
.seoul-main-photo{
  background:#fff;
}
.seoul-main-photo img{
  object-position:center 47%;
  filter:saturate(.94) contrast(.99) sepia(.025);
}
.film-thumb{
  background:#F0EBE4;
  aspect-ratio:1.55/1;
}
.film-thumb img{
  object-position:center;
  filter:saturate(.92) contrast(.985) sepia(.02);
}
.film-story-card:nth-child(1) .film-thumb img{
  object-position:center 42%;
}
.film-story-card:nth-child(2) .film-thumb img{
  object-position:center 50%;
}
.film-story-card:nth-child(3) .film-thumb img{
  object-position:center 48%;
}

/* Allow deliberate negative space and prevent the cards from feeling cramped. */
.film-latest .wrap{
  max-width:1320px;
}
.film-story-grid{
  gap:34px;
}
.film-story-card h3{
  max-width:92%;
}
.film-section-head{
  color:var(--cobalt);
}

/* Category/navigation blue accents all match the same cobalt. */
.category-strip-item:hover strong{
  color:var(--cobalt);
}
.category-strip-item.talk:hover strong{
  color:var(--brick);
}
.site-footer{
  background:var(--cobalt);
}
.about-logo{
  color:var(--cobalt);
}

@media(max-width:700px){
  .film-story-grid{gap:22px}
}


/* ==========================================================
   V17 — RICHER CATEGORY LANDING PAGES
   ========================================================== */
.category-editorial-note{
  max-width:760px;
  margin-top:30px;
  padding:24px 0 0;
  border-top:1px solid rgba(17,17,17,.14);
}
.category-editorial-kicker{
  margin-bottom:10px;
  color:var(--cobalt);
  font-size:10px;
  font-weight:900;
  letter-spacing:.15em;
}
.category-editorial-note p{
  margin:0;
  max-width:700px;
  color:#504A43;
  font-size:15px;
  line-height:1.8;
}
.category-editorial-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}
.category-editorial-tags span{
  padding:7px 10px;
  border:1px solid rgba(21,70,208,.28);
  color:var(--cobalt);
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
}
.archive-intro,
.kinda-section-intro{
  padding-bottom:58px;
}
.archive-intro p,
.kinda-section-intro p{
  max-width:760px;
  line-height:1.8;
}

/* V18 — fuller 2–3 line category introductions */
.category-hero-copy{max-width:820px;margin-top:18px;}
.category-hero-copy p{margin:0 0 8px;color:#504A43;font-size:16px;line-height:1.75;}
.category-hero-copy p:last-child{margin-bottom:0;}
@media(max-width:700px){.category-hero-copy p{font-size:15px;line-height:1.7;}}


/* V19 — FOOD scope: Seoul + USA + Cafe + Home + Recipe */
.food-scope-tags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:12px;
}
.food-scope-tags span{
  padding:5px 8px;
  border:1px solid rgba(21,70,208,.28);
  color:var(--cobalt);
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  background:rgba(255,255,255,.28);
}


/* ==========================================================
   V20 — SEARCH + COMMUNITY
   ========================================================== */
.header-tools{
  display:flex;
  align-items:center;
  gap:14px;
  margin-left:18px;
}
.header-search-toggle{
  border:0;
  background:transparent;
  color:var(--cobalt);
  display:flex;
  align-items:center;
  gap:5px;
  cursor:pointer;
  padding:8px 4px;
  font:inherit;
}
.header-search-toggle span:first-child{
  font-size:22px;
  line-height:1;
}
.header-tool-text{
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.header-community-link{
  border:1px solid rgba(21,70,208,.34);
  padding:8px 10px;
  color:var(--cobalt);
  font-size:9px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.header-search-panel{
  display:none;
  position:sticky;
  top:0;
  z-index:115;
  padding:14px 0;
  background:#F8F3EA;
  border-bottom:1px solid var(--line);
}
.header-search-panel.is-open{display:block}
.kinda-search-form{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
  max-width:880px;
  margin:0 auto;
}
.kinda-search-field{
  width:100%;
  min-height:48px;
  border:1px solid #CFC5B8;
  background:#fff;
  padding:0 15px;
  font:inherit;
}
.kinda-search-submit{
  border:0;
  min-width:130px;
  background:var(--cobalt);
  color:#fff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  cursor:pointer;
}

.community-page{background:var(--paper)}
.community-hero{
  padding:86px 0 76px;
  border-bottom:1px solid var(--line);
}
.community-hero-grid{
  display:grid;
  grid-template-columns:1.4fr .6fr;
  gap:80px;
  align-items:end;
}
.community-hero h1{
  margin:10px 0 22px;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(54px,7vw,102px);
  line-height:.92;
  font-weight:400;
  letter-spacing:-.06em;
}
.community-lead{
  max-width:720px;
  color:#524B43;
  font-size:17px;
  line-height:1.8;
}
.community-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:28px;
}
.community-note-card{
  position:relative;
  padding:28px;
  background:#FBF7EF;
  border:1px solid #D9D0C4;
}
.community-note-dot{
  display:block;
  width:10px;height:10px;border-radius:50%;
  background:var(--sun);
  margin-bottom:18px;
}
.community-note-card strong{font-size:18px}
.community-note-card p{
  margin:10px 0 0;
  color:#665F56;
  font-size:14px;
  line-height:1.7;
}

.community-grid-section{
  padding:70px 0 82px;
}
.community-section-head{
  margin-bottom:22px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.13em;
  color:var(--cobalt);
}
.community-space-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}
.community-space-card{
  min-height:330px;
  padding:30px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  border:1px solid #D9D0C4;
}
.community-space-card > span{
  margin-bottom:auto;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
}
.community-space-card h2{
  margin:12px 0 10px;
  font-size:34px;
  line-height:1.05;
  letter-spacing:-.04em;
}
.community-space-card p{
  max-width:560px;
  margin:0 0 18px;
  font-size:14px;
  line-height:1.7;
}
.community-space-card b,
.community-space-card .inline-link{
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
}
.community-space-card.cobalt{background:var(--cobalt);color:#fff}
.community-space-card.brick{background:var(--brick);color:#fff}
.community-space-card.yellow{background:var(--sun);color:#161616}
.community-space-card.paper{background:#FBF7EF}

.community-member-section{
  padding:78px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.member-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  align-items:center;
}
.member-grid h2{
  font-family:Georgia,'Times New Roman',serif;
  font-size:48px;
  font-weight:400;
  letter-spacing:-.04em;
  margin:10px 0;
}
.member-card{
  padding:34px;
  background:#FBF7EF;
  border-left:5px solid var(--cobalt);
}
.member-card strong{font-size:18px}
.member-card p{color:#635C54;line-height:1.7}
.member-actions{
  display:flex;
  gap:20px;
  margin-top:18px;
}
.member-actions a{
  color:var(--cobalt);
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
}

.community-upload-note{padding:78px 0 100px}
.community-upload-box{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:70px;
  padding:46px;
  background:#F1EAE0;
  border:1px solid #D9D0C4;
}
.community-upload-box h2{
  margin:10px 0;
  font-size:42px;
  letter-spacing:-.04em;
}
.community-upload-box p{
  color:#5E574F;
  line-height:1.8;
}
.community-upload-demo{
  display:grid;
  gap:9px;
}
.demo-photo{
  min-height:130px;
  display:grid;
  place-items:center;
  background:#D9D2C8;
  color:#71685F;
  font-size:10px;
  font-weight:900;
  letter-spacing:.1em;
}
.community-upload-demo input,
.community-upload-demo textarea{
  border:1px solid #CFC5B8;
  background:#fff;
  padding:12px;
  font:inherit;
}
.community-upload-demo textarea{min-height:100px}
.community-upload-demo button{
  border:0;
  background:var(--cobalt);
  color:#fff;
  padding:13px;
  font-weight:900;
  opacity:.55;
}

.search-hero{
  padding:78px 0 52px;
  border-bottom:1px solid var(--line);
}
.search-hero h1{
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(42px,6vw,78px);
  font-weight:400;
  letter-spacing:-.05em;
  margin:10px 0 26px;
}
.search-results-section{padding:64px 0 100px}

@media(max-width:1100px){
  .header-tools{display:none}
}
@media(max-width:850px){
  .community-hero-grid,
  .member-grid,
  .community-upload-box{grid-template-columns:1fr}
  .community-space-grid{grid-template-columns:1fr}
  .kinda-search-form{grid-template-columns:1fr}
  .kinda-search-submit{min-height:44px}
}


/* ==========================================================
   V21 — SIMPLIFIED COMMUNITY + REACTIONS
   ========================================================== */
.simple-community-hero{
  padding:86px 0 74px;
  border-bottom:1px solid var(--line);
}
.simple-community-grid{
  display:grid;
  grid-template-columns:1.3fr .7fr;
  gap:80px;
  align-items:end;
}
.simple-community-hero h1{
  margin:10px 0 20px;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(54px,7vw,100px);
  line-height:.92;
  font-weight:400;
  letter-spacing:-.06em;
}
.simple-community-hero p{
  max-width:720px;
  color:#585149;
  font-size:17px;
  line-height:1.8;
}
.simple-community-note{
  padding:28px;
  background:#FBF7EF;
  border:1px solid #D8CFC2;
}
.simple-community-note strong{
  display:block;
  margin-bottom:8px;
  font-size:18px;
}
.simple-community-note p{
  margin:0;
  font-size:14px;
  line-height:1.7;
}
.simple-community-how{
  padding:68px 0 78px;
}
.simple-how-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.simple-how-grid article{
  min-height:250px;
  padding:28px;
  border:1px solid #D9D0C4;
  background:#FBF7EF;
}
.simple-how-grid article:nth-child(1){border-top:5px solid var(--cobalt)}
.simple-how-grid article:nth-child(2){border-top:5px solid var(--brick)}
.simple-how-grid article:nth-child(3){border-top:5px solid var(--sun)}
.simple-how-grid span{
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  color:var(--cobalt);
}
.simple-how-grid h2{
  margin:38px 0 10px;
  font-size:26px;
  letter-spacing:-.035em;
}
.simple-how-grid p{
  margin:0;
  color:#5E574F;
  font-size:14px;
  line-height:1.7;
}
.simple-community-preview{
  padding:0 0 100px;
}
.simple-topic-card{
  position:relative;
  padding:46px 50px;
  background:#F3ECE2;
  border-left:6px solid var(--brick);
}
.simple-topic-card:after{
  content:"";
  position:absolute;
  right:42px;
  top:34px;
  width:12px;
  height:12px;
  background:var(--sun);
  border-radius:50%;
}
.simple-topic-card h2{
  margin:10px 0 12px;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(36px,4.5vw,62px);
  font-weight:400;
  letter-spacing:-.045em;
}
.simple-topic-card p{
  max-width:720px;
  color:#5A534B;
  line-height:1.75;
}
.simple-topic-card a{
  display:inline-block;
  margin-top:14px;
  color:var(--cobalt);
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
}

/* Reactions */
.kinda-reactions{
  max-width:900px;
  margin:52px auto 24px;
  padding:28px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.kinda-reactions-title{
  margin-bottom:14px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
}
.kinda-reaction-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.kinda-reaction-btn{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:38px;
  padding:0 12px;
  border:1px solid #D1C8BC;
  background:#FBF8F2;
  color:#292521;
  cursor:pointer;
  font:inherit;
}
.kinda-reaction-btn:hover,
.kinda-reaction-btn.is-selected{
  border-color:var(--cobalt);
  color:var(--cobalt);
}
.reaction-emoji{
  min-width:18px;
  text-align:center;
  font-weight:900;
}
.reaction-label{
  font-size:10px;
  font-weight:800;
}
.reaction-count{
  min-width:18px;
  padding-left:2px;
  color:#7A7167;
  font-size:10px;
}

/* One-photo comment upload */
.comment-form-photo{
  margin:18px 0;
  padding:16px;
  background:#F3ECE2;
  border:1px solid #D9D0C4;
}
.comment-form-photo label{
  display:block;
  margin-bottom:8px;
  font-size:12px;
  font-weight:900;
}
.comment-form-photo input[type="file"]{
  display:block;
  width:100%;
}
.comment-form-photo small{
  display:block;
  margin-top:7px;
  color:#7B7268;
  font-size:10px;
}
.comment-photo-login-note{
  padding:12px 14px;
  background:#F3ECE2;
  color:#665E55;
  font-size:11px;
}
.kinda-comment-photo-wrap{
  margin-top:14px;
}
.kinda-comment-photo-img{
  display:block;
  max-width:520px;
  width:100%;
  height:auto;
  border:1px solid #D8CFC2;
}

@media(max-width:850px){
  .simple-community-grid{grid-template-columns:1fr}
  .simple-how-grid{grid-template-columns:1fr}
}


/* ==========================================================
   V22 — MEMBERSHIP GATE FOR COMMENTS + PHOTO
   ========================================================== */
.simple-member-entry{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:16px;
}
.simple-join-link,
.simple-login-link{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border:1px solid var(--cobalt);
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
}
.simple-join-link{
  background:var(--cobalt);
  color:#fff;
}
.simple-login-link{
  color:var(--cobalt);
}
.member-status{
  color:var(--cobalt);
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
}
.kinda-member-comment-note{
  max-width:900px;
  margin:34px auto 20px;
  padding:22px 24px;
  background:#F3ECE2;
  border-left:5px solid var(--brick);
}
.kinda-member-comment-note strong{
  display:block;
  margin:7px 0 6px;
  font-size:18px;
}
.kinda-member-comment-note p{
  margin:0;
  color:#615950;
  font-size:13px;
}
.kinda-login-to-comment{
  margin-top:24px;
  padding:28px;
  background:#F3ECE2;
  border:1px solid #D8CFC2;
}
.kinda-login-to-comment h3{
  margin:8px 0 8px;
  font-size:26px;
  line-height:1.15;
  letter-spacing:-.035em;
}
.kinda-login-to-comment p{
  max-width:660px;
  margin:0;
  color:#625A52;
  line-height:1.7;
}
.kinda-login-actions{
  display:flex;
  gap:10px;
  margin-top:18px;
  flex-wrap:wrap;
}


/* ==========================================================
   V23 — EDITORIAL POST REACTIONS
   Reactions are for KINDA LEE articles, not community talk.
   ========================================================== */
.editorial-reaction-section{
  max-width:900px;
  margin:0 auto;
}
.editorial-reaction-section .kinda-reactions{
  margin-top:54px;
  padding-top:30px;
  border-top:3px solid var(--cobalt);
}
.editorial-reaction-section .kinda-reactions-title{
  font-size:13px;
  letter-spacing:.04em;
}


/* ==========================================================
   V24 — COMMENT REACTIONS
   ========================================================== */
.kinda-comment-reactions{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:12px;
}
.kinda-comment-reaction-btn{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:30px;
  padding:0 9px;
  border:1px solid #D5CCC0;
  background:#FBF8F2;
  color:#39332E;
  cursor:pointer;
  font:inherit;
}
.kinda-comment-reaction-btn:hover,
.kinda-comment-reaction-btn.is-selected{
  border-color:var(--cobalt);
  color:var(--cobalt);
}
.comment-reaction-emoji{
  min-width:14px;
  text-align:center;
  font-size:12px;
  font-weight:900;
}
.comment-reaction-label{
  font-size:9px;
  font-weight:800;
}
.comment-reaction-count{
  min-width:14px;
  color:#81776D;
  font-size:9px;
}


/* V25 — trendier Korean hero + consistent article format */
.film-hero-copy h1,
.hero h1{
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(56px,6.5vw,96px);
  line-height:.94;
  letter-spacing:-.06em;
  font-weight:400;
}
.film-date,
.hero-eyebrow{
  color:var(--cobalt);
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
}
.film-hero-copy p,
.hero-desc{
  max-width:650px;
  font-size:16px;
  line-height:1.85;
  color:#4F4943;
}
.film-hero{background:#F7F3EB}
.seoul-hot-card{background:rgba(251,247,239,.95);border-top:4px solid var(--brick)}
.seoul-hot-card span{color:var(--cobalt)}
.seoul-tape{background:rgba(255,210,28,.68)}

.article-format-note{
  max-width:900px;
  margin:0 auto 12px;
  color:var(--cobalt);
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
}
.entry-content h2{
  margin-top:64px;
  margin-bottom:14px;
  font-size:clamp(30px,4vw,48px);
  line-height:1.05;
  letter-spacing:-.045em;
}
.entry-content h3{
  margin-top:42px;
  font-size:24px;
  letter-spacing:-.03em;
}
.entry-content blockquote{
  margin:34px 0;
  padding:24px 28px;
  background:#F0E9DF;
  border-left:5px solid var(--cobalt);
  color:#413C37;
}
.entry-content .wp-block-image,
.entry-content .wp-block-gallery{
  margin-top:34px;
  margin-bottom:34px;
}
.article-end-note{
  max-width:900px;
  margin:56px auto 12px;
  padding:32px 34px;
  background:#F1EAE0;
  border-left:6px solid var(--cobalt);
}
.article-end-kicker{
  color:var(--brick);
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
}
.article-end-note h2{
  margin:8px 0 8px;
  font-family:Georgia,'Times New Roman',serif;
  font-size:36px;
  font-weight:400;
  letter-spacing:-.04em;
}
.article-end-note p{
  margin:0;
  color:#5F574F;
  line-height:1.7;
}
.lee-note{
  margin:36px 0;
  padding:26px 28px;
  background:var(--cobalt);
  color:#fff;
}
.lee-note strong{
  display:block;
  margin-bottom:8px;
  font-size:11px;
  letter-spacing:.12em;
}
.lee-cost{
  margin:36px 0;
  padding:24px 28px;
  background:#FBF7EF;
  border-top:3px solid var(--brick);
}
.lee-cost strong{color:var(--brick)}


/* V32: hero headline typography only */
.seoul-hero .film-hero-copy h1{
  font-family: "Arial Black", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif !important;
  font-weight:900 !important;
  font-size:clamp(52px,5.15vw,80px) !important;
  line-height:.96 !important;
  letter-spacing:-.075em !important;
  word-break:keep-all;
}


/* V25.0.2 — compact comment box */
.comment-respond .comment-form-comment textarea{
  height:110px !important;
  min-height:110px !important;
  resize:vertical;
}


/* V33 — KINDA BABY photo-album archive */
.kinda-baby-album-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:52px 34px;align-items:start}
.kinda-baby-album-card{background:#fbf8f1;border:1px solid #ddd4c6;padding:14px 14px 22px;box-shadow:0 5px 16px rgba(34,27,18,.07);transform:none}
.kinda-baby-album-card:nth-child(3n+2){transform:rotate(.35deg)}
.kinda-baby-album-card:nth-child(3n){transform:rotate(-.3deg)}
.kinda-baby-album-card .archive-thumb{display:block;background:#eee7da;padding:0;margin-bottom:16px;overflow:hidden}
.kinda-baby-album-card .archive-thumb img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;filter:saturate(.82) contrast(.94) brightness(.98) sepia(.06)}
.kinda-baby-album-card .archive-meta{font-size:11px;letter-spacing:.11em;color:#837a6d;text-transform:uppercase;margin:2px 4px 8px}
.kinda-baby-album-card h2{font-size:22px;line-height:1.35;margin:0 4px 10px;font-weight:650}
.kinda-baby-album-card .baby-album-note{font-size:15px;line-height:1.75;color:#514b43;margin:0 4px;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:900px){.kinda-baby-album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}}
@media(max-width:600px){.kinda-baby-album-grid{grid-template-columns:1fr}.kinda-baby-album-card,.kinda-baby-album-card:nth-child(n){transform:none}}

/* V33.1 — KINDA BABY demo album helper */
.baby-demo-notice{margin:0 0 28px;padding:13px 16px;border:1px dashed #c9bca9;background:#f7f1e7;color:#6a6156;font-size:13px;line-height:1.6}
.baby-demo-notice strong{color:#1454d8;letter-spacing:.12em;font-size:11px;margin-right:8px}


/* V34 — KINDA BABY warm film album, non-clickable diary cards */
.kinda-baby-album-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:58px 38px;align-items:start}
.kinda-baby-album-card{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;transform:none!important;cursor:default}
.kinda-baby-album-card:nth-child(n){transform:none!important}
.kinda-baby-album-card .archive-thumb{display:block;background:#f8f2e7;padding:11px 11px 34px;margin:0 0 16px;overflow:hidden;border:1px solid rgba(126,105,78,.20);box-shadow:0 7px 18px rgba(55,43,29,.10);pointer-events:none}
.kinda-baby-album-card .archive-thumb img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;filter:saturate(.80) contrast(.92) brightness(.99) sepia(.10);border:0}
.kinda-baby-album-card .archive-meta{font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive;font-size:12px;letter-spacing:.04em;color:#887a68;text-transform:none;margin:0 8px 7px}
.kinda-baby-album-card h2,.kinda-baby-album-card h2 a{font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive;font-size:24px;line-height:1.35;margin:0 8px 8px;font-weight:600;color:#2f2923;text-decoration:none;pointer-events:none}
.kinda-baby-album-card .baby-album-note{font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive;font-size:16px;line-height:1.72;color:#5b5147;margin:0 8px;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}
.category-page:has(.kinda-baby-album-grid) .category-hero-ko{font-family:"Bradley Hand","Segoe Print","Comic Sans MS",cursive}
.category-page:has(.kinda-baby-album-grid) .category-hero-copy{max-width:820px}
.category-page:has(.kinda-baby-album-grid) .category-content{background:linear-gradient(180deg,rgba(250,246,238,.42),rgba(239,231,216,.22))}
@media(max-width:900px){.kinda-baby-album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 22px}}
@media(max-width:600px){.kinda-baby-album-grid{grid-template-columns:1fr;gap:34px}.kinda-baby-album-card .archive-thumb{padding:9px 9px 28px}}


/* V35 — KINDA BABY true film-album treatment */
body .category-page .kinda-baby-album-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:64px 36px!important;
  align-items:start!important;
}
body .category-page .kinda-baby-album-grid > .kinda-baby-album-card{
  border:0!important;
  border-top:0!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
body .category-page .kinda-baby-album-card .archive-thumb{
  aspect-ratio:auto!important;
  display:block!important;
  box-sizing:border-box!important;
  margin:0 0 18px!important;
  padding:13px 13px 42px!important;
  background:#fffaf1!important;
  border:1px solid rgba(124,103,76,.22)!important;
  box-shadow:0 10px 24px rgba(52,39,24,.12)!important;
  overflow:hidden!important;
  position:relative!important;
}
body .category-page .kinda-baby-album-card .archive-thumb:after{
  content:"";
  position:absolute;
  inset:8px 8px 37px;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(52,42,30,.06);
}
body .category-page .kinda-baby-album-card .archive-thumb img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  object-fit:cover!important;
  display:block!important;
  transform:none!important;
  filter:saturate(.82) contrast(.91) brightness(1.01) sepia(.08)!important;
}
body .category-page .kinda-baby-album-card .archive-meta,
body .category-page .kinda-baby-album-card h2,
body .category-page .kinda-baby-album-card h2 a,
body .category-page .kinda-baby-album-card .baby-album-note,
body .category-page:has(.kinda-baby-album-grid) .category-hero-ko,
body .category-page:has(.kinda-baby-album-grid) .category-hero-copy{
  font-family:"Gaegu","Nanum Pen Script","Bradley Hand",cursive!important;
}
body .category-page .kinda-baby-album-card .archive-meta{font-size:15px!important;letter-spacing:.02em!important;margin:0 8px 3px!important;color:#8b7b68!important}
body .category-page .kinda-baby-album-card h2{font-size:28px!important;line-height:1.15!important;letter-spacing:-.02em!important;margin:0 8px 7px!important;font-weight:700!important}
body .category-page .kinda-baby-album-card .baby-album-note{font-size:19px!important;line-height:1.5!important;letter-spacing:-.01em!important;color:#554a3f!important;margin:0 8px!important}
body .category-page:has(.kinda-baby-album-grid) .category-hero-ko{font-size:29px!important;font-weight:700!important;letter-spacing:-.02em!important}
body .category-page:has(.kinda-baby-album-grid) .category-hero-copy p{font-family:"Gaegu","Nanum Pen Script","Bradley Hand",cursive!important;font-size:22px!important;line-height:1.5!important}

/* Home KINDA BABY: live diary cards + film-print frames */
.kinda-baby-film .kinda-baby-v14-head h2,
.kinda-baby-film .kinda-baby-v14-head p,
.kinda-baby-film .baby-diary-card h3,
.kinda-baby-film .baby-diary-card .baby-home-note,
.kinda-baby-film .baby-diary-card small{
  font-family:"Gaegu","Nanum Pen Script","Bradley Hand",cursive!important;
}
.kinda-baby-film .baby-diary-card{min-width:0}
.kinda-baby-film .baby-diary-photo{
  background:#fffaf1;
  padding:9px 9px 26px;
  border:1px solid rgba(124,103,76,.20);
  box-shadow:0 7px 17px rgba(52,39,24,.10);
  margin-bottom:10px;
}
.kinda-baby-film .baby-diary-photo img{
  display:block;width:100%;aspect-ratio:1/1;object-fit:cover;
  filter:saturate(.82) contrast(.91) brightness(1.01) sepia(.08);
}
.kinda-baby-film .baby-diary-card h3{font-size:20px!important;line-height:1.15!important;margin:8px 0 4px!important}
.kinda-baby-film .baby-diary-card small{font-size:14px!important;letter-spacing:.02em!important}
.kinda-baby-film .baby-home-note{font-size:16px;line-height:1.45;color:#625548;margin:5px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:900px){body .category-page .kinda-baby-album-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){body .category-page .kinda-baby-album-grid{grid-template-columns:1fr!important}.kinda-baby-film .baby-diary-grid{grid-template-columns:repeat(2,1fr)!important}}


/* V36 — KINDA BABY home simplified + unmistakable film print frame */
.kinda-baby-film .kinda-baby-v14-head{margin-bottom:26px!important}
.kinda-baby-film .kinda-baby-v14-head h2{
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:28px!important;
  line-height:1.15!important;
  font-weight:600!important;
  letter-spacing:-.035em!important;
  white-space:nowrap!important;
  margin:10px 0 16px!important;
}
.kinda-baby-film .kinda-baby-v14-head p{display:none!important}
.kinda-baby-film .baby-diary-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:28px!important;
}
.kinda-baby-film .baby-diary-card{display:block!important}
.kinda-baby-film .baby-diary-card h3,
.kinda-baby-film .baby-diary-card small,
.kinda-baby-film .baby-home-note{display:none!important}
.kinda-baby-film .baby-diary-photo{
  box-sizing:border-box!important;
  background:#fffdf7!important;
  padding:12px 12px 38px!important;
  border:1px solid #dfd5c5!important;
  box-shadow:0 8px 20px rgba(55,43,29,.13)!important;
  margin:0!important;
  position:relative!important;
  overflow:visible!important;
}
.kinda-baby-film .baby-diary-photo:after{
  content:"";position:absolute;left:12px;right:12px;top:12px;bottom:38px;
  box-shadow:inset 0 0 0 1px rgba(80,62,41,.06);pointer-events:none
}
.kinda-baby-film .baby-diary-photo img{
  display:block!important;width:100%!important;aspect-ratio:1/1!important;object-fit:cover!important;
  filter:saturate(.82) contrast(.92) brightness(1.01) sepia(.08)!important
}

/* Album/detail listing: film print + handwritten diary copy */
.category-page .kinda-baby-album-card{border:0!important;border-top:0!important;background:transparent!important;padding:0!important;box-shadow:none!important}
.category-page .kinda-baby-album-card .baby-film-frame,
.category-page .kinda-baby-album-card .archive-thumb{
  display:block!important;box-sizing:border-box!important;background:#fffdf7!important;
  padding:14px 14px 46px!important;border:1px solid #dfd5c5!important;
  box-shadow:0 10px 24px rgba(55,43,29,.14)!important;margin:0 0 18px!important;
  position:relative!important;overflow:visible!important
}
.category-page .kinda-baby-album-card .baby-film-frame:after,
.category-page .kinda-baby-album-card .archive-thumb:after{
  content:""!important;position:absolute!important;left:14px!important;right:14px!important;top:14px!important;bottom:46px!important;
  box-shadow:inset 0 0 0 1px rgba(80,62,41,.06)!important;pointer-events:none!important
}
.category-page .kinda-baby-album-card .archive-thumb img{
  display:block!important;width:100%!important;aspect-ratio:1/1!important;object-fit:cover!important;
  filter:saturate(.82) contrast(.92) brightness(1.01) sepia(.08)!important
}
.category-page .kinda-baby-album-card .archive-meta,
.category-page .kinda-baby-album-card h2,
.category-page .kinda-baby-album-card .baby-album-note{
  font-family:"Gaegu","Nanum Pen Script","Bradley Hand",cursive!important
}
.category-page .kinda-baby-album-card .archive-meta{font-size:15px!important;margin:0 6px 3px!important;color:#887967!important}
.category-page .kinda-baby-album-card h2{font-size:27px!important;line-height:1.15!important;margin:0 6px 7px!important;font-weight:700!important;letter-spacing:-.02em!important}
.category-page .kinda-baby-album-card .baby-album-note{font-size:19px!important;line-height:1.48!important;margin:0 6px!important;color:#51483e!important}
.category-page .kinda-baby-album-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:58px 36px!important}
@media(max-width:900px){
  .kinda-baby-film .baby-diary-grid,.category-page .kinda-baby-album-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .kinda-baby-film .kinda-baby-v14-head h2{font-size:24px!important}
}
@media(max-width:600px){
  .kinda-baby-film .baby-diary-grid,.category-page .kinda-baby-album-grid{grid-template-columns:1fr!important}
  .kinda-baby-film .kinda-baby-v14-head h2{white-space:normal!important;font-size:23px!important}
}


/* V37 — KINDA BABY readable album + black film frames */
/* Category hero returns to the same clean typography as the other categories. */
body .category-page:has(.kinda-baby-album-grid) .category-hero-ko,
body .category-page:has(.kinda-baby-album-grid) .category-hero-copy,
body .category-page:has(.kinda-baby-album-grid) .category-hero-copy p{
  font-family:Arial,Helvetica,sans-serif!important;
  letter-spacing:normal!important;
}
body .category-page:has(.kinda-baby-album-grid) .category-hero-ko{
  font-size:inherit!important;
  font-weight:inherit!important;
}
body .category-page:has(.kinda-baby-album-grid) .category-hero-copy p{
  font-size:inherit!important;
  line-height:inherit!important;
}

/* Diary copy: cute but much easier to read than the previous handwriting face. */
body .category-page .kinda-baby-album-card .archive-meta,
body .category-page .kinda-baby-album-card h2,
body .category-page .kinda-baby-album-card h2 a,
body .category-page .kinda-baby-album-card .baby-album-note{
  font-family:"Gowun Dodum",Arial,sans-serif!important;
}
body .category-page .kinda-baby-album-card .archive-meta{
  font-size:12px!important;line-height:1.45!important;letter-spacing:.035em!important;
  color:#776f65!important;margin:0 6px 7px!important;
}
body .category-page .kinda-baby-album-card h2{
  font-size:21px!important;line-height:1.4!important;font-weight:400!important;
  letter-spacing:-.02em!important;margin:0 6px 8px!important;color:#24211e!important;
}
body .category-page .kinda-baby-album-card .baby-album-note{
  font-size:15px!important;line-height:1.75!important;letter-spacing:-.015em!important;
  color:#4f4942!important;margin:0 6px!important;
}

/* Black analogue-print frame on the album page. */
body .category-page .kinda-baby-album-card .baby-film-frame,
body .category-page .kinda-baby-album-card .archive-thumb{
  background:#111!important;
  padding:11px 11px 34px!important;
  border:0!important;
  box-shadow:0 9px 22px rgba(24,19,14,.18)!important;
  margin:0 0 17px!important;
}
body .category-page .kinda-baby-album-card .baby-film-frame:after,
body .category-page .kinda-baby-album-card .archive-thumb:after{
  left:11px!important;right:11px!important;top:11px!important;bottom:34px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;
}

/* Home: simple one-line title, photos only, black film frames. */
.kinda-baby-film .kinda-baby-v14-head h2{
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:22px!important;line-height:1.2!important;font-weight:500!important;
  letter-spacing:-.035em!important;white-space:nowrap!important;margin:8px 0 15px!important;
}
.kinda-baby-film .baby-home-album-link{
  display:block!important;text-decoration:none!important;color:inherit!important;cursor:pointer!important;
}
.kinda-baby-film .baby-diary-photo{
  background:#111!important;
  padding:9px 9px 28px!important;
  border:0!important;
  box-shadow:0 7px 18px rgba(24,19,14,.17)!important;
  margin:0!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
.kinda-baby-film .baby-home-album-link:hover .baby-diary-photo{
  transform:translateY(-2px)!important;
  box-shadow:0 10px 23px rgba(24,19,14,.22)!important;
}
.kinda-baby-film .baby-diary-photo:after{
  left:9px!important;right:9px!important;top:9px!important;bottom:28px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;
}
.kinda-baby-film .baby-diary-card h3,
.kinda-baby-film .baby-diary-card small,
.kinda-baby-film .baby-home-note{display:none!important}
@media(max-width:600px){
  .kinda-baby-film .kinda-baby-v14-head h2{font-size:20px!important;white-space:normal!important}
}

/* V38 — KINDA BABY hierarchy: blue diary title above photo, copy below */
body .category-page .kinda-baby-album-card .archive-meta{
  margin:0 6px 5px!important;
  font-size:11px!important;
  letter-spacing:.055em!important;
  color:#8b837a!important;
}
body .category-page .kinda-baby-album-card .baby-album-title{
  font-family:"Gowun Dodum",Arial,sans-serif!important;
  font-size:20px!important;
  line-height:1.35!important;
  font-weight:600!important;
  color:#1546D0!important;
  letter-spacing:-.025em!important;
  margin:0 6px 13px!important;
}
body .category-page .kinda-baby-album-card .baby-film-frame,
body .category-page .kinda-baby-album-card .archive-thumb{
  margin:0 0 15px!important;
}
body .category-page .kinda-baby-album-card .baby-album-note{
  font-family:"Gowun Dodum",Arial,sans-serif!important;
  font-size:15px!important;
  line-height:1.8!important;
  color:#4b4640!important;
  margin:0 6px!important;
}
body .category-page .kinda-baby-album-card .baby-note-emoji{
  font-family:Apple Color Emoji,"Segoe UI Emoji",sans-serif!important;
}

/* Home KINDA BABY: photos only, slightly smaller even when there is only one live post. */
.kinda-baby-film .baby-diary-grid{
  grid-template-columns:repeat(3,minmax(0,245px))!important;
  justify-content:start!important;
  gap:24px!important;
}
.kinda-baby-film .baby-diary-card{
  width:100%!important;
  max-width:245px!important;
}
.kinda-baby-film .baby-diary-photo{
  width:100%!important;
}
@media(max-width:900px){
  .kinda-baby-film .baby-diary-grid{grid-template-columns:repeat(2,minmax(0,230px))!important}
  .kinda-baby-film .baby-diary-card{max-width:230px!important}
}
@media(max-width:600px){
  .kinda-baby-film .baby-diary-grid{grid-template-columns:minmax(0,220px)!important}
  .kinda-baby-film .baby-diary-card{max-width:220px!important}
}


/* V39 — KINDA BABY final card order: blue bottle title / photo / diary copy */
body .category-page .kinda-baby-album-card .archive-meta{display:none!important}
body .category-page .kinda-baby-album-card .baby-album-title{
  font-family:"Gowun Dodum","Noto Sans KR",Arial,sans-serif!important;
  font-size:19px!important;
  line-height:1.4!important;
  font-weight:600!important;
  color:#1546D0!important;
  letter-spacing:-.02em!important;
  margin:0 6px 12px!important;
}
body .category-page .kinda-baby-album-card .baby-title-emoji{
  font-family:Apple Color Emoji,"Segoe UI Emoji",sans-serif!important;
  font-size:.95em!important;
  vertical-align:-.02em;
}
body .category-page .kinda-baby-album-card .baby-film-frame,
body .category-page .kinda-baby-album-card .archive-thumb{margin:0 0 15px!important}
body .category-page .kinda-baby-album-card .baby-album-note{
  font-family:"Gowun Dodum","Noto Sans KR",Arial,sans-serif!important;
  font-size:15px!important;
  line-height:1.8!important;
  color:#4b4640!important;
  margin:0 6px!important;
}
body .category-page .kinda-baby-album-card .baby-album-note p{margin:0!important}