/* ══════════════════════════════════════
   부티 테스트 — style.css
   v2.0 | 2026
══════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
:root{
  --black:#000;--white:#fff;
  --g100:#f5f5f5;--g200:#e8e8e8;--g300:#d4d4d4;
  --g400:#999;--g600:#555;--g800:#222;
  --gold:#c9a84c;
}
body{
  font-family:'Noto Sans KR','Inter',sans-serif;
  background:var(--white);color:var(--black);
  min-height:100vh;overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

/* ── LAYOUT ── */
.wrap{max-width:480px;margin:0 auto;padding-bottom:5rem}

/* ── HEADER ── */
.site-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:1.1rem 1.4rem;border-bottom:1px solid var(--black);
  position:sticky;top:0;background:var(--white);z-index:200;
}
.logo{font-family:'Inter',sans-serif;font-size:.81rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}
.logo-sub{font-size:.69rem;font-weight:300;letter-spacing:.18em;color:var(--g400);text-transform:uppercase}
.header-right{display:flex;align-items:center;gap:1rem}

/* ── NAV ── */
.nav-links{display:flex;gap:.1rem}
.nav-btn{
  background:none;border:none;font-family:'Inter',sans-serif;
  font-size:.62rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;
  color:var(--g400);cursor:pointer;padding:.3rem .6rem;transition:color .15s;
  text-decoration:none;display:inline-block;
}
.nav-btn:hover,.nav-btn.active{color:var(--black)}
.nav-btn.active{border-bottom:1px solid var(--black)}

/* ── LANG SWITCH ── */
.lang-sw{display:flex;gap:0;border:1px solid var(--g300)}
.lbtn{
  background:none;border:none;font-family:'Inter',sans-serif;
  font-size:.62rem;font-weight:500;letter-spacing:.15em;
  padding:.3rem .55rem;cursor:pointer;color:var(--g400);transition:all .15s;
}
.lbtn.on{background:var(--black);color:var(--white)}

/* ── SECTIONS ── */
.sec{display:none}.sec.on{display:block}

/* ══════════════════════════════════════
   HOME
══════════════════════════════════════ */
.hero{padding:2.8rem 1.4rem 2rem;border-bottom:1px solid var(--g200)}
.hero-eyebrow{font-size:.69rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--g400);margin-bottom:.9rem}
.hero-title{font-family:'Inter',sans-serif;font-size:clamp(2.6rem,9vw,3.4rem);font-weight:200;letter-spacing:-.03em;line-height:1.02;margin-bottom:1.2rem}
.hero-title em{font-style:normal;font-weight:800}
.hero-body{font-size:.94rem;font-weight:300;color:var(--g600);line-height:1.85;letter-spacing:.02em}

/* ── UPLOAD ── */
.upload-section{padding:1.4rem;border-bottom:1px solid var(--g200)}
.sec-label{font-size:.67rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--g400);margin-bottom:1rem}
.photo-frame{
  width:100%;aspect-ratio:1/1;background:var(--g100);
  border:1px solid var(--g200);position:relative;overflow:hidden;
  cursor:pointer;transition:background .2s;
}
.photo-frame:hover{background:var(--g200)}
#fileInput{display:none}
.upload-idle{
  position:absolute;inset:0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;
}
.upload-plus{font-size:2.2rem;font-weight:200;color:var(--g300);line-height:1}
.upload-label{font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--black)}
.upload-hint{font-size:.69rem;color:var(--g400);font-weight:300;text-align:center;line-height:1.7}
.upload-secure{font-size:.69rem;color:#1a7f37;font-weight:700;text-align:center;line-height:1.7}
#preview-img{width:100%;height:100%;object-fit:cover;display:none}
.change-mask{
  position:absolute;inset:0;background:rgba(0,0,0,.42);
  display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;
}
.photo-frame:hover .change-mask{opacity:1}
.change-mask span{font-size:.75rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:#fff}
.photo-ready{display:none;margin-top:.7rem;font-size:.78rem;color:var(--g600);letter-spacing:.06em}
.model-status-wrap{margin-top:.5rem;font-size:.71rem;color:var(--g400);letter-spacing:.04em;min-height:1.1em;transition:opacity .4s}

/* ── CTA ── */
.cta-wrap{padding:1.2rem 1.4rem;border-bottom:1px solid var(--g200)}
#analyze-btn{
  display:none;width:100%;padding:1.15rem;
  background:var(--black);color:var(--white);border:none;
  font-family:'Noto Sans KR',sans-serif;
  font-size:.92rem;font-weight:500;letter-spacing:.12em;
  cursor:pointer;transition:background .2s;
}
#analyze-btn:hover{background:var(--g800)}
#analyze-btn:disabled{background:var(--g200);color:var(--g400);cursor:not-allowed}

/* ── LOADING ── */
#loading-section{
  display:none;position:fixed;inset:0;
  background:var(--white);z-index:800;
  flex-direction:column;align-items:center;justify-content:center;padding:2rem;
}
.load-steps{width:100%;max-width:340px;display:flex;flex-direction:column;gap:0;margin-bottom:3rem}
.load-step{
  display:flex;align-items:center;gap:1.1rem;
  padding:1rem 0;border-bottom:1px solid var(--g200);
  opacity:.25;transition:opacity .4s ease;
}
.load-step:first-child{border-top:1px solid var(--g200)}
.load-step.active{opacity:1}.load-step.done{opacity:.5}
.step-icon{font-size:1.4rem;width:2rem;text-align:center;flex-shrink:0}
.step-text{font-size:.88rem;font-weight:300;color:var(--g800);letter-spacing:.02em;line-height:1.5;flex:1}
.step-check{font-size:.9rem;color:var(--black);opacity:0;transition:opacity .3s;flex-shrink:0}
.load-step.done .step-check{opacity:1}
.load-progress-wrap{width:100%;max-width:340px}
.load-progress-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.7rem}
.load-progress-text{font-size:.72rem;font-weight:400;color:var(--g400);letter-spacing:.1em}
.load-progress-pct{font-family:'Inter',sans-serif;font-size:.72rem;font-weight:500;color:var(--black)}
.load-bar-track{width:100%;height:1px;background:var(--g200);position:relative}
.load-bar-fill{height:2px;margin-top:-.5px;background:var(--black);width:0%;transition:width .6s cubic-bezier(.4,0,.2,1)}

/* ══════════════════════════════════════
   RESULT OVERLAY
══════════════════════════════════════ */
#result-overlay{
  display:none;position:fixed;inset:0;
  background:var(--white);z-index:900;
  overflow-y:auto;-webkit-overflow-scrolling:touch;
  animation:slideUp .38s cubic-bezier(.16,1,.3,1) forwards;
}
@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
.result-wrap{max-width:480px;margin:0 auto;padding-bottom:4rem}
.result-header{
  position:sticky;top:0;background:var(--white);border-bottom:1px solid var(--black);
  padding:.95rem 1.4rem;display:flex;align-items:center;justify-content:space-between;z-index:10;
}
.btn-back,.btn-save-top{
  background:none;border:none;font-size:.82rem;font-weight:500;letter-spacing:.05em;
  color:var(--black);cursor:pointer;padding:.2rem 0;font-family:'Noto Sans KR',sans-serif;
}
.rh-center{font-size:.69rem;font-weight:400;letter-spacing:.25em;text-transform:uppercase;color:var(--g400)}

.type-hero{padding:2.6rem 1.4rem 2rem;border-bottom:1px solid var(--g200)}
.type-eyebrow{font-size:.67rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--g400);margin-bottom:.7rem;display:block}
.type-emoji{font-size:2.4rem;display:block;margin-bottom:.8rem}
.type-name{font-family:'Inter',sans-serif;font-size:clamp(2.2rem,8vw,3rem);font-weight:200;letter-spacing:-.02em;line-height:1.05;margin-bottom:1.3rem}
.type-desc{font-size:.98rem;font-weight:300;color:var(--g600);line-height:1.95;border-left:2px solid var(--black);padding-left:1rem}

/* 신뢰도 배지 */
.confidence-badge{
  display:inline-flex;align-items:center;gap:.4rem;
  margin-top:1rem;padding:.35rem .8rem;
  border:1px solid var(--g300);font-size:.65rem;
  letter-spacing:.12em;text-transform:uppercase;color:var(--g600);
}
.confidence-dot{width:6px;height:6px;border-radius:50%;background:var(--black)}
.confidence-dot.high{background:#1a7a1a}
.confidence-dot.mid{background:#b8860b}

.r-block{padding:1.7rem 1.4rem;border-bottom:1px solid var(--g200)}
.block-label{font-size:.67rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--g400);margin-bottom:1.1rem}
.power-list{display:flex;flex-direction:column;gap:.95rem}
.power-item{display:flex;align-items:flex-start;gap:.9rem}
.power-n{font-family:'Inter',sans-serif;font-size:.75rem;font-weight:600;color:var(--g400);min-width:1.3rem;padding-top:.15rem;letter-spacing:.05em}
.power-text{font-size:.99rem;font-weight:300;line-height:1.75;color:var(--g800)}
.r-text{font-size:.99rem;font-weight:300;line-height:1.85;color:var(--g800)}

.stats-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--g200);border-left:1px solid var(--g200)}
.stat-item{padding:1.3rem 1.1rem;border-right:1px solid var(--g200);border-bottom:1px solid var(--g200)}
.stat-icon{font-size:1.15rem;margin-bottom:.55rem}
.stat-label{font-size:.66rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--g400);margin-bottom:.35rem}
.stat-value{font-size:1.01rem;font-weight:500;color:var(--black);line-height:1.4}

.bars-block{padding:1.7rem 1.4rem;border-bottom:1px solid var(--g200)}

/* ── 기존 바 (하위 호환) ── */
.bar-row{display:flex;align-items:center;gap:.9rem;margin-bottom:.95rem}
.bar-row:last-child{margin-bottom:0}
.bar-label{font-size:.81rem;font-weight:400;width:52px;text-align:right;color:var(--g600);flex-shrink:0}
.bar-track{flex:1;height:1px;background:var(--g200);position:relative}
.bar-fill{height:3px;margin-top:-1px;background:var(--black);width:0;transition:width 1.5s cubic-bezier(.16,1,.3,1)}
.bar-pct{font-family:'Inter',sans-serif;font-size:.81rem;font-weight:400;width:42px;text-align:right;color:var(--g600);flex-shrink:0}

/* ── 신규: 상위 N% 아우라 스펙트럼 ── */
.aura-row{
  display:flex;align-items:center;gap:.9rem;
  margin-bottom:1.1rem;
}
.aura-row:last-child{margin-bottom:0}
.aura-label{
  font-size:.81rem;font-weight:400;
  width:52px;text-align:right;
  color:var(--g600);flex-shrink:0;
}
.aura-track{
  flex:1;height:1px;background:var(--g200);
  position:relative;
}
.aura-fill{
  height:3px;margin-top:-1px;
  background:var(--g400);
  width:0;
  transition:width 1.6s cubic-bezier(.16,1,.3,1);
}
.aura-fill--top{
  background:var(--black);
}
.aura-fill--mid{
  background:var(--g600);
}
/* 상위 % 뱃지 */
.aura-badge{
  font-family:'Inter',sans-serif;
  font-size:.72rem;font-weight:500;
  letter-spacing:.04em;
  color:var(--g400);
  white-space:nowrap;
  flex-shrink:0;
  min-width:62px;
  text-align:right;
}
.aura-badge--top{
  color:var(--black);
  font-weight:600;
}
.aura-badge--mid{
  color:var(--g600);
  font-weight:500;
}

/* ── 공유 섹션 (NEW) ── */
.share-block{padding:1.7rem 1.4rem;border-bottom:1px solid var(--g200);background:var(--g100)}
.share-title{font-size:.67rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--g400);margin-bottom:.5rem}
.share-desc{font-size:.78rem;font-weight:300;color:var(--g600);margin-bottom:1.2rem;line-height:1.7}
.share-row{display:flex;gap:.7rem;flex-wrap:wrap}
.share-btn{
  display:flex;align-items:center;gap:.45rem;
  padding:.65rem 1.1rem;border:1px solid var(--g300);
  background:var(--white);cursor:pointer;
  font-family:'Noto Sans KR',sans-serif;
  font-size:.75rem;font-weight:400;letter-spacing:.04em;
  color:var(--black);transition:all .15s;white-space:nowrap;
}
.share-btn:hover{background:var(--black);color:var(--white);border-color:var(--black)}
.share-btn.kakao{background:#FEE500;border-color:#FEE500;color:#000}
.share-btn.kakao:hover{background:#e6ce00;border-color:#e6ce00}
.share-btn.twitter{background:#000;color:#fff;border-color:#000}
.share-btn.twitter:hover{background:#333;border-color:#333}
.share-btn-icon{font-size:.95rem}
.share-copy-result{
  margin-top:.8rem;font-size:.71rem;color:var(--g400);
  letter-spacing:.08em;display:none;
}
.share-copy-result.show{display:block}

.action-row{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--g200)}
.btn-act{
  padding:1.15rem;background:none;border:none;
  font-family:'Noto Sans KR',sans-serif;
  font-size:.88rem;font-weight:500;letter-spacing:.05em;
  cursor:pointer;color:var(--black);transition:background .15s;
  border-right:1px solid var(--g200);
}
.btn-act:last-child{border-right:none}
.btn-act:hover{background:var(--g100)}
.btn-act.primary{background:var(--black);color:var(--white)}
.btn-act.primary:hover{background:var(--g800)}

.result-footer{padding:1.4rem;font-size:.69rem;color:var(--g400);text-align:center;line-height:1.9;font-weight:300;letter-spacing:.05em}

/* ══════════════════════════════════════
   BLOG
══════════════════════════════════════ */
.blog-hero{padding:2.8rem 1.4rem 2rem;border-bottom:1px solid var(--g200)}
.blog-hero-title{font-family:'Inter',sans-serif;font-size:clamp(2rem,7vw,2.8rem);font-weight:200;letter-spacing:-.03em;line-height:1.05;margin-bottom:.8rem}
.blog-hero-sub{font-size:.82rem;font-weight:300;color:var(--g600);line-height:1.8}
.blog-list{padding:0}
.blog-card{
  padding:1.6rem 1.4rem;border-bottom:1px solid var(--g200);
  cursor:pointer;transition:background .15s;
}
.blog-card:hover{background:var(--g100)}
.blog-num{font-family:'Inter',sans-serif;font-size:.62rem;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--g400);margin-bottom:.55rem}
.blog-card-title{font-family:'Inter',sans-serif;font-size:1.02rem;font-weight:400;line-height:1.45;margin-bottom:.5rem;letter-spacing:-.01em}
.blog-card-desc{font-size:.8rem;font-weight:300;color:var(--g600);line-height:1.7}
.blog-card-meta{display:flex;align-items:center;gap:.9rem;margin-top:.8rem;font-size:.65rem;color:var(--g400);letter-spacing:.05em}
.blog-tag{border:1px solid var(--g300);padding:.18rem .6rem;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase}

/* 아티클 뷰 */
#art-view{display:none}
.art-back{
  display:flex;align-items:center;gap:.5rem;padding:1rem 1.4rem;
  border-bottom:1px solid var(--g200);background:none;border-left:none;border-right:none;border-top:none;
  font-family:'Inter',sans-serif;font-size:.72rem;font-weight:500;
  letter-spacing:.18em;text-transform:uppercase;col
.art-back-bottom{margin:2rem 0 2rem;}
.art-back-btn{display:block;width:100%;padding:1rem;text-align:center;background:var(--black);color:var(--white);font-size:.82rem;font-weight:500;letter-spacing:.1em;border:none;border-radius:2px;cursor:pointer;text-decoration:none;transition:opacity .2s;}
.art-back-btn:hover{opacity:.75;}or:var(--g600);
  cursor:pointer;width:100%;text-align:left;transition:background .15s;
}
.art-back:hover{background:var(--g100)}
.art-body-wrap{padding:0 1.4rem}
.art-eyebrow{font-size:.62rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--g400);margin:2rem 0 .8rem;display:block}
.art-h1{font-family:'Inter',sans-serif;font-size:clamp(1.7rem,5.5vw,2.4rem);font-weight:200;letter-spacing:-.02em;line-height:1.18;margin-bottom:1.4rem}
.art-meta{display:flex;gap:1rem;font-size:.69rem;color:var(--g400);letter-spacing:.05em;margin-bottom:2rem;padding-bottom:1.2rem;border-bottom:1px solid var(--g200)}
.art-content h2{font-family:'Inter',sans-serif;font-size:1.1rem;font-weight:500;letter-spacing:-.01em;margin:2.2rem 0 .8rem;color:var(--black)}
.art-content p{font-size:.94rem;font-weight:300;color:var(--g600);line-height:2;margin-bottom:1.2rem}
.art-content ul{margin:.4rem 0 1.2rem 1.3rem}
.art-content ul li{font-size:.92rem;font-weight:300;color:var(--g600);line-height:1.9;margin-bottom:.4rem}
.author-box{
  display:flex;align-items:center;gap:1rem;
  padding:1.4rem 0;margin-top:2rem;
  border-top:1px solid var(--g200);border-bottom:1px solid var(--g200);
}
.author-av{
  width:42px;height:42px;border-radius:50%;flex-shrink:0;
  background:var(--black);display:flex;align-items:center;justify-content:center;
  font-size:1.2rem;
}
.author-name{font-size:.8rem;font-weight:500;letter-spacing:.05em}
.author-role{font-size:.68rem;color:var(--g400);font-weight:300;margin-top:.18rem;letter-spacing:.04em}

/* ══════════════════════════════════════
   PRIVACY
══════════════════════════════════════ */
.priv-wrap{padding:2.8rem 1.4rem}
.priv-h1{font-family:'Inter',sans-serif;font-size:clamp(1.8rem,6vw,2.6rem);font-weight:200;letter-spacing:-.02em;margin-bottom:.5rem}
.priv-date{font-size:.7rem;color:var(--g400);margin-bottom:2.5rem;letter-spacing:.05em}
.priv-body h2{font-family:'Inter',sans-serif;font-size:1rem;font-weight:500;letter-spacing:.02em;margin:2rem 0 .7rem;border-bottom:1px solid var(--g200);padding-bottom:.5rem}
.priv-body p{font-size:.88rem;font-weight:300;color:var(--g600);line-height:1.95;margin-bottom:.9rem}
.priv-body ul{margin:.4rem 0 1rem 1.3rem}
.priv-body ul li{font-size:.86rem;color:var(--g600);line-height:1.85;margin-bottom:.35rem;font-weight:300}

/* ══════════════════════════════════════
   FOOTER
══════════════════════════════════════ */
.site-footer{border-top:1px solid var(--black);padding:2rem 1.4rem;}
.footer-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}
.footer-links{display:flex;gap:1.2rem;flex-wrap:wrap}
.footer-link{font-size:.69rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--g400);cursor:pointer;transition:color .15s}
.footer-link:hover{color:var(--black)}
.footer-biz{font-size:.67rem;color:var(--g400);line-height:2;font-weight:300;letter-spacing:.03em;padding-top:1rem;border-top:1px solid var(--g200)}
.footer-biz a{text-decoration:none;color:inherit}
.footer-copy{font-size:.63rem;color:var(--g300);margin-top:.6rem;letter-spacing:.05em}

/* ── TOAST ── */
.toast{
  position:fixed;bottom:2rem;left:50%;
  transform:translateX(-50%) translateY(80px);
  background:var(--black);color:var(--white);
  font-size:.7rem;letter-spacing:.1em;
  padding:.75rem 1.8rem;z-index:9999;
  transition:transform .35s cubic-bezier(.34,1.2,.64,1);white-space:nowrap;
}
.toast.show{transform:translateX(-50%) translateY(0)}

/* ── SAVE CARD ── */
#save-card{
  position:fixed;left:-9999px;top:0;width:480px;background:#fff;
  font-family:'Noto Sans KR',sans-serif;-webkit-font-smoothing:antialiased;color:#000;
}
.sc-inner{padding:3rem 2.5rem 2.5rem}
.sc-eyebrow{font-size:.58rem;letter-spacing:.32em;text-transform:uppercase;color:#999;margin-bottom:2rem}
.sc-emoji{font-size:2.4rem;display:block;margin-bottom:.8rem}
.sc-name{font-family:'Inter',sans-serif;font-size:2.8rem;font-weight:200;letter-spacing:-.02em;line-height:1.05;margin-bottom:1.2rem}
.sc-desc{font-size:.82rem;font-weight:300;color:#555;line-height:1.9;border-left:2px solid #000;padding-left:1rem;margin-bottom:2rem}
.sc-power-label{font-size:.56rem;letter-spacing:.3em;text-transform:uppercase;color:#999;margin-bottom:.8rem}
.sc-power-item{display:flex;gap:.8rem;font-size:.78rem;font-weight:300;line-height:1.7;color:#333;margin-bottom:.5rem}
.sc-power-n{font-size:.63rem;font-weight:600;color:#999;min-width:1.3rem}
.sc-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e8e8e8;border-left:1px solid #e8e8e8;margin:1.5rem 0}
.sc-stat{padding:1.1rem 1rem;border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8}
.sc-stat-icon{font-size:1rem;margin-bottom:.4rem}
.sc-stat-label{font-size:.54rem;letter-spacing:.2em;text-transform:uppercase;color:#999;margin-bottom:.3rem}
.sc-stat-val{font-size:.8rem;font-weight:500;color:#000}
.sc-foot{font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:#ccc;border-top:1px solid #e8e8e8;padding-top:1.3rem}

/* ── AD BLOCK ── */
.ad-block{border-bottom:1px solid var(--g200)}
.ad-head{padding:1.1rem 1.4rem .8rem;border-bottom:1px solid var(--g200)}
.ad-title{font-size:.69rem;font-weight:500;letter-spacing:.25em;text-transform:uppercase}
.ad-sub{font-size:.71rem;color:var(--g400);margin-top:.2rem;font-weight:300}
.ad-items{display:grid;grid-template-columns:repeat(3,1fr)}
.ad-item{display:block;padding:1.1rem .7rem;text-decoration:none;color:var(--black);border-right:1px solid var(--g200);text-align:center;transition:background .15s}
.ad-item:last-child{border-right:none}
.ad-item:hover{background:var(--g100)}
.ad-item-icon{font-size:1.3rem;margin-bottom:.45rem}
.ad-item-name{font-size:.75rem;font-weight:400;color:var(--g800);line-height:1.4;margin-bottom:.25rem}
.ad-item-price{font-size:.71rem;color:var(--g400);font-weight:300}

/* ══════════════════════════════════════
   블로그 미리보기 (메인 하단)
══════════════════════════════════════ */
.blog-preview-section{padding:2rem 1.4rem 0;border-top:1px solid var(--g200)}
.blog-preview-label{font-size:.62rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--g400);margin-bottom:1.2rem}
.bp-card{padding:1.2rem 0;display:flex;flex-direction:column;gap:.5rem;cursor:pointer;transition:opacity .15s}
.bp-card:hover{opacity:.65}
.bp-card-tag{font-size:.6rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--g400)}
.bp-card-title{font-size:.95rem;font-weight:600;color:var(--black);line-height:1.45}
.bp-card-desc{font-size:.8rem;font-weight:300;color:var(--g600);line-height:1.75;}
.bp-divider{height:1px;background:var(--g200)}
/* 더 보기 버튼 — 눈에 잘 띄게 */
.blog-preview-btn{
  display:block;width:100%;margin-top:1.6rem;margin-bottom:2rem;
  padding:1rem;text-align:center;
  background:var(--black);color:var(--white);
  font-size:.82rem;font-weight:500;letter-spacing:.1em;
  text-decoration:none;border-radius:2px;
  transition:opacity .2s;
}
.blog-preview-btn:hover{opacity:.75}