*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#203040;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans KR","Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.site-header{background:rgba(255,255,255,.98);border-bottom:1px solid #edf3f9;position:sticky;top:0;z-index:20}.header-inner{max-width:1120px;margin:auto;height:64px;padding:0 18px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}nav{display:flex;gap:24px;font-size:14px;color:#536575}nav a:hover{color:#6fa8df}main{max-width:1120px;margin:auto;padding:14px 18px 0}.hero{height:330px;border-radius:16px;overflow:hidden;background:linear-gradient(120deg,#f8fbff,#e8f3ff);display:grid;grid-template-columns:34% 66%;border:1px solid #edf4fa}.hero-copy{padding:34px;display:flex;align-items:center;position:relative;z-index:2}.hero h1{margin:0;font-size:38px;line-height:1.25;letter-spacing:-1.2px;word-break:keep-all}.hero-image{height:100%;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:10px;padding:14px 0 18px}.section-title h2{font-size:19px;margin:0 0 10px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.card{background:#fff;border:1px solid #e8eef5;border-radius:10px;overflow:hidden;min-width:0}.card:hover{box-shadow:0 5px 16px rgba(70,100,130,.08)}.thumb{height:145px;background:#eef6ff}.thumb:empty{display:none}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.pad{padding:11px 12px 12px}.pad small{color:#6fa8df;font-weight:700;font-size:11px}.pad h3{margin:5px 0;font-size:15px;line-height:1.4;word-break:keep-all}.pad p{margin:5px 0 8px;font-size:12px;color:#687b8b;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pad time{font-size:10px;color:#9aa9b5}.side-card{background:#fff;border:1px solid #e8eef5;border-radius:10px;padding:14px}.side-card h3{font-size:15px;margin:0 0 8px}.category-list{font-size:13px;line-height:1.9;color:#5f7282}.category-list ul{list-style:none;margin:0;padding:0}footer{border-top:1px solid #edf3f9;max-width:1120px;margin:auto;padding:18px;text-align:center;color:#93a1ad;font-size:11px}@media(max-width:860px){.header-inner{height:56px;padding:0 12px}.brand{font-size:16px;max-width:52%}nav{gap:12px;font-size:12px}main{padding:8px 8px 0}.hero{height:250px;grid-template-columns:40% 60%;border-radius:12px}.hero-copy{padding:18px}.hero h1{font-size:27px}.content-layout{grid-template-columns:1fr;padding:10px 0 14px;gap:0}aside{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.thumb{height:130px}.pad{padding:9px}.pad h3{font-size:14px}.pad p{font-size:11px;margin-bottom:6px}.section-title h2{margin-bottom:7px}}@media(max-width:520px){nav a:nth-child(2){display:none}.hero{height:205px;grid-template-columns:42% 58%}.hero-copy{padding:13px}.hero h1{font-size:22px;line-height:1.3}.grid{gap:5px}.thumb{height:105px}.pad{padding:8px}.pad h3{font-size:13px}.pad p{display:none}.pad time{font-size:9px}footer{padding:14px 8px}}

/* Tistory official home link */
.tistory-home-link { text-decoration: none; }

/* mobile category + desktop AdSense */
.mobile-category-v2{display:none}
.desktop-adsense-v2{width:100%;min-height:90px;margin:12px auto;overflow:hidden}
@media(max-width:860px){
 .mobile-category-v2{display:block;margin:8px 0;padding:10px 12px;background:rgba(255,255,255,.92);border:1px solid rgba(0,0,0,.08);border-radius:12px}
 .mobile-category-v2 h2{font-size:.9rem;margin:0 0 7px}
 .mobile-category-v2 ul{list-style:none;padding:0;margin:0}
 .mobile-category-v2 li{font-size:.82rem;margin:4px 0}
 .desktop-adsense-v2{display:none!important}
}

/* permalink article page fix */
.post-detail{
  grid-column:1/-1;
  width:100%;
  min-width:0;
  background:#fff;
  border:1px solid var(--line, #dbe7f3);
  border-radius:16px;
  padding:clamp(18px,4vw,36px);
}
.post-header h1{margin:7px 0 8px;line-height:1.45}
.entry-content{margin-top:26px;line-height:1.85;overflow-wrap:anywhere}
.entry-content img,.entry-content iframe,.entry-content video{max-width:100%;height:auto}
@media(max-width:860px){
  .post-detail{padding:18px 14px;border-radius:12px}
}