:root{--now-vivid-orange:#ff5a1f}
.brand img{transform:translateX(-6.05%);transform-origin:left center}
.actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;position:relative;transition:transform .14s cubic-bezier(.2,.7,.2,1),opacity .14s ease,color .16s ease,background-color .16s ease}
.actions button .action-count{min-width:10px;font-size:12px;line-height:1;font-weight:650;letter-spacing:-.01em;color:#686d71;font-variant-numeric:tabular-nums;transition:color .16s ease}
.actions button[data-action="like"][aria-pressed="true"]{color:var(--now-vivid-orange)}
.actions button[data-action="like"][aria-pressed="true"] .icon{fill:var(--now-vivid-orange)!important;stroke:var(--now-vivid-orange)!important}
.actions button[data-action="like"][aria-pressed="true"] .action-count{color:var(--now-vivid-orange)}
.actions button[data-action="like"].now-like-pop{animation:nowLikePop .24s cubic-bezier(.2,.9,.3,1)}
@keyframes nowLikePop{0%{transform:scale(1)}45%{transform:scale(1.22)}100%{transform:scale(1)}}
.actions button:active,.play-button:active,.account-button:active,.filters button:active,.mobile-nav a:active,.desktop-nav a:active,.more:active,.collapse:active,.nh-map-button:active,.drawer button:active{transform:scale(.93);opacity:.72}
.card .media{transition:transform .16s ease,filter .16s ease}
.card .media:has(.play-button:active){transform:scale(.992);filter:brightness(.94)}
.filters button,.mobile-nav a,.desktop-nav a,.more,.collapse,.nh-map-button,.account-button{transition:transform .14s cubic-bezier(.2,.7,.2,1),opacity .14s ease,color .16s ease}
.note-area label{font-weight:650;color:#3f4448}
.note-area label>span.now-comment-scope{display:block;margin-top:4px;font-size:11px;line-height:1.45;font-weight:400;color:#969b9e}
@media(max-width:759px){
 .header-top .brand{overflow:visible}
 .actions{gap:17px}
 .actions button .action-count{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
 .actions button[data-action="like"].now-like-pop{animation:none}
}

/* Header controls: compact geometric language picker + refined account icon */
.languages.now-language-switch{position:relative;display:flex;align-items:center;gap:0}
.now-language-trigger,.account-button[data-nh-auth-icon]{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#17191a;background:transparent;transition:transform .14s cubic-bezier(.2,.7,.2,1),background-color .14s ease,opacity .14s ease}
.now-language-trigger:hover,.account-button[data-nh-auth-icon]:hover{background:#f4f4f2}
.now-language-trigger:active,.account-button[data-nh-auth-icon]:active{transform:scale(.91);background:#efefec;opacity:.78}
.now-language-trigger:focus-visible,.account-button[data-nh-auth-icon]:focus-visible{outline:2px solid var(--now-vivid-orange);outline-offset:2px}
.now-language-trigger svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.account-button[data-nh-auth-icon] .icon,.account-button[data-nh-auth-icon] svg{width:22px!important;height:22px!important;display:block;fill:none!important;stroke:currentColor!important;stroke-width:1.6!important;stroke-linecap:round;stroke-linejoin:round}
.now-language-menu{position:absolute;z-index:80;top:calc(100% + 8px);right:0;width:148px;padding:6px;background:rgba(255,255,255,.98);border:1px solid #e7e7e3;border-radius:12px;box-shadow:0 14px 38px rgba(20,20,20,.13);backdrop-filter:blur(16px);transform-origin:top right;animation:nowLangIn .14s ease both}
.left .now-language-menu{left:0;right:auto;transform-origin:top left}
@keyframes nowLangIn{from{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.now-language-menu a{display:flex!important;align-items:center;justify-content:space-between;min-height:38px;padding:0 10px;border-radius:8px;font-size:12px!important;line-height:1;color:#34383b!important;font-weight:560!important;letter-spacing:0!important;white-space:nowrap}
.now-language-menu a:hover{background:#f5f5f2}
.now-language-menu a:active{transform:scale(.98);background:#eeeeea}
.now-language-menu a[aria-current="page"]{color:#111!important;font-weight:720!important;background:#fafaf8}
.now-language-menu a[aria-current="page"]::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--now-vivid-orange);margin-left:10px}
.now-language-menu[hidden]{display:none!important}
@media(max-width:759px){
 .header-top .languages.now-language-switch{margin-left:auto}
 .header-top .languages.now-language-switch+.account-button{margin-left:2px}
 .header-top{gap:10px}
}
@media(prefers-reduced-motion:reduce){.now-language-menu{animation:none}}

/* Selective information thumbnails for NOW — soft glass box only */
.now-visual{
 box-sizing:border-box;width:calc(100% - 2px);aspect-ratio:16/10;margin:1px auto 0;
 padding:22px 22px 20px;display:flex;flex-direction:column;justify-content:space-between;
 color:#151616;overflow:hidden;border:1px solid rgba(255,255,255,.72);border-radius:22px;
 box-shadow:0 10px 28px rgba(31,39,49,.075),inset 0 1px 0 rgba(255,255,255,.76);
 -webkit-backdrop-filter:blur(8px) saturate(108%);backdrop-filter:blur(8px) saturate(108%);
}
.now-visual-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;line-height:1;font-weight:760;letter-spacing:.08em;text-transform:uppercase}
.now-visual-top b{font-size:10px;letter-spacing:.12em;font-weight:800;opacity:.58}
.now-visual h3{margin:14px 0 18px;font-size:clamp(25px,5vw,39px);line-height:1.03;letter-spacing:-.048em;font-weight:760;max-width:92%}
.now-visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.now-visual-item{
 min-width:0;padding:11px 12px 10px;background:rgba(255,255,255,.50);
 border:1px solid rgba(255,255,255,.66);border-radius:15px;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.60),0 3px 10px rgba(31,39,49,.025);
}
.now-visual-item strong,.now-visual-item span{display:block;overflow:hidden;text-overflow:ellipsis}
.now-visual-item strong{font-size:18px;line-height:1.06;letter-spacing:-.035em;font-weight:800;white-space:nowrap}
.now-visual-item span{margin-top:5px;font-size:11px;line-height:1.25;color:rgba(20,20,20,.62);font-weight:560}
.now-visual-kakao{background:linear-gradient(135deg,rgba(254,229,0,.86),rgba(255,239,92,.72))}
.now-visual-kakao .now-visual-item{background:rgba(255,255,255,.48)}
.now-visual-money{background:linear-gradient(135deg,rgba(238,242,236,.88),rgba(248,250,247,.72))}
.now-visual-money .now-visual-top span{color:#4b6444}
.now-visual-weather{background:linear-gradient(135deg,rgba(233,240,244,.90),rgba(248,251,252,.72))}
.now-visual-weather .now-visual-top span{color:#416171}
@media(max-width:759px){
 .now-visual{padding:18px 17px 16px;aspect-ratio:16/10;border-radius:20px}
 .now-visual h3{margin:12px 0 14px;font-size:28px;max-width:96%}
 .now-visual-grid{gap:7px}
 .now-visual-item{padding:9px 10px;border-radius:14px}
 .now-visual-item strong{font-size:17px}
 .now-visual-item span{font-size:10.5px}
}


/* Portrait / Shorts media: native 9:16 preview and playback, no crop or forced zoom. */
.card.portrait-video .media.video{
 position:relative!important;isolation:isolate;display:flex!important;align-items:center!important;justify-content:center!important;
 width:100%!important;height:auto!important;aspect-ratio:9/16!important;overflow:hidden!important;background:#000!important;
}
.card.portrait-video .media.video::before{
 content:"";position:absolute;z-index:0;inset:-12%;background-image:var(--portrait-video-thumb,none);
 background-size:cover;background-position:center;filter:blur(28px) saturate(.9) brightness(.72);transform:scale(1.12);opacity:.96;pointer-events:none;
}
.card.portrait-video .media.video::after{
 content:"";position:absolute;z-index:1;inset:0;background:rgba(0,0,0,.10);pointer-events:none;
}
.card.portrait-video .media.video::before,
.card.portrait-video .media.video::after{display:none!important}
.card.portrait-video .media.video>img,
.card.portrait-video .media.video>iframe,
.card.portrait-video .media.video>video{
 position:relative!important;z-index:2!important;display:block!important;width:100%!important;height:100%!important;
 max-width:100%!important;max-height:100%!important;
 margin:0!important;border:0!important;background:transparent!important;
}
.card.portrait-video .media.video>img,
.card.portrait-video .media.video>video{object-fit:contain!important;object-position:center center!important}
.card.portrait-video .media.video>img[data-portrait-video]{opacity:0!important}
.card.portrait-video .media.video>img[data-portrait-video][data-portrait-ready="1"]{opacity:1!important}
.card.portrait-video .media.video>iframe{object-fit:cover!important}
.card.portrait-video .media.video.playing{
 aspect-ratio:9/16!important;background:#000!important;
}
.card.portrait-video .media.video.playing::before,
.card.portrait-video .media.video.playing::after{display:none!important}
.card.portrait-video .media.video.playing>iframe{
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 max-width:none!important;max-height:none!important;aspect-ratio:9/16!important;
 margin:0!important;transform:none!important;border:0!important;
}
.card.portrait-video .media.video .play-button{z-index:3!important}
@media(max-width:759px){
 .card.portrait-video .media.video::before{inset:-14%;filter:blur(24px) saturate(.88) brightness(.70)}
}


/* General video full-bleed: remove visible black gutters from non-portrait thumbnails and player shells. */
.card:not(.portrait-video) .media.video{
 position:relative!important;overflow:hidden!important;background:transparent!important;
}
.card:not(.portrait-video) .media.video>img,
.card:not(.portrait-video) .media.video>video{
 display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
 margin:0!important;border:0!important;object-fit:cover!important;object-position:center center!important;background:transparent!important;
}
.card:not(.portrait-video) .media.video.playing{position:relative!important;overflow:hidden!important;background:transparent!important}
.card:not(.portrait-video) .media.video.playing>iframe{
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
 margin:0!important;border:0!important;transform:none!important;background:transparent!important;
}

/* NowHitz ice-blue visual system + live local weather */
:root{--nh-ice-card:#EEF4F7;--nh-ice-box:#E1EBF0;--nh-ice-blue:#145f99;--nh-ice-ink:#111416}
.now-visual,.now-visual-kakao,.now-visual-money,.now-visual-weather{
 background:radial-gradient(circle at 88% 7%,rgba(255,255,255,.96),transparent 35%),linear-gradient(145deg,rgba(247,251,253,.99) 0%,var(--nh-ice-card) 58%,rgba(232,242,247,.97) 100%)!important;
 border-color:rgba(255,255,255,.88)!important;
 box-shadow:0 16px 38px rgba(65,92,110,.075),inset 0 1px 0 rgba(255,255,255,.94)!important
}
.now-visual .now-visual-item,.now-visual-kakao .now-visual-item,.now-visual-money .now-visual-item,.now-visual-weather .now-visual-item{
 background:linear-gradient(145deg,rgba(240,247,250,.97),rgba(225,235,240,.91))!important;
 border-color:rgba(255,255,255,.84)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 6px 16px rgba(58,86,104,.035)!important
}
.now-visual .now-visual-top span{color:#315f79!important}
/* Weather hydration guard: never flash the stale server-rendered forecast on refresh. */
.now-visual-weather:not([data-nh-weather="1"]){
 position:relative!important;aspect-ratio:auto!important;min-height:320px!important;overflow:hidden!important;
}
.now-visual-weather:not([data-nh-weather="1"])>*{
 visibility:hidden!important;
}
@media(max-width:759px){
 .now-visual-weather:not([data-nh-weather="1"]){min-height:300px!important}
}

.now-visual-weather.nh-weather-card{
 position:relative!important;display:block!important;box-sizing:border-box!important;
 width:calc(100% - 2px)!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;min-height:0!important;
 padding:24px 24px 20px!important;gap:0;overflow:hidden!important;color:var(--nh-ice-ink);
 isolation:isolate!important;z-index:0!important;
}
.card:has(>.now-visual-weather.nh-weather-card){
 position:relative!important;display:flow-root!important;overflow:visible!important;isolation:isolate!important;z-index:0!important;
}
.card:has(>.now-visual-weather.nh-weather-card)+.card{
 position:relative!important;z-index:0!important;
}
.nh-weather-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}
.nh-weather-kicker{display:flex;align-items:center;gap:14px;min-width:0;font-size:12px;line-height:1;font-weight:760;letter-spacing:.08em;text-transform:uppercase}
.nh-weather-kicker b{color:var(--nh-ice-blue);font-size:12px;letter-spacing:.08em}.nh-weather-kicker span{color:#8a9299;font-weight:580;white-space:nowrap}
.nh-weather-location{appearance:none;border:0;background:transparent;padding:6px 0 6px 8px;margin:-6px 0;display:inline-flex;align-items:center;gap:6px;color:#252a2e;font:inherit;cursor:pointer;min-width:0}
.nh-weather-location strong{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1;font-weight:700;letter-spacing:.04em}
.nh-weather-location svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.nh-weather-location:focus-visible{outline:2px solid var(--now-vivid-orange);outline-offset:3px;border-radius:8px}
.nh-weather-headline{margin:22px 0 8px!important;max-width:100%!important;font-size:clamp(28px,5.5vw,42px)!important;line-height:1.04!important;letter-spacing:-.05em!important;font-weight:780!important}
.nh-weather-deck{margin:0 0 20px;color:#64717b;font-size:14px;line-height:1.45;font-weight:500;letter-spacing:-.02em}
.nh-weather-body{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:10px}
.nh-weather-panel{min-width:0;border:1px solid rgba(255,255,255,.86);border-radius:18px;background:linear-gradient(145deg,rgba(240,248,251,.96),rgba(225,236,242,.80));box-shadow:inset 0 1px 0 rgba(255,255,255,.97),0 7px 20px rgba(57,91,112,.035)}
.nh-weather-current{padding:18px 17px 15px}.nh-weather-mainline{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:12px}
.nh-weather-symbol{display:flex;align-items:center;justify-content:center;width:76px;height:76px;font-size:58px;line-height:1;filter:drop-shadow(0 10px 14px rgba(56,104,138,.14))}
.nh-weather-place{font-size:14px;line-height:1.1;font-weight:650}.nh-weather-temp{margin-top:3px;font-size:48px;line-height:.95;letter-spacing:-.055em;font-weight:760}.nh-weather-range{margin-top:7px;font-size:14px;line-height:1;font-weight:580}
.nh-weather-rainline{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:13px;color:#5e6d77;font-size:11px;line-height:1.2}.nh-weather-rainline b{padding:7px 10px;border-radius:999px;background:rgba(207,228,241,.84);color:#175f94;font-size:11px;white-space:nowrap}
.nh-weather-hours{padding:16px 12px 13px}.nh-weather-hours-title{margin:0 0 10px 2px;font-size:13px;line-height:1.1;font-weight:730}.nh-weather-hour-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}
.nh-weather-hour{padding:8px 2px 7px;text-align:center;border-radius:14px;color:#626d75}.nh-weather-hour.is-peak{background:rgba(210,229,241,.74);color:#125c92}.nh-weather-hour time{display:block;font-size:11px;line-height:1;font-weight:620}.nh-weather-hour i{display:block;margin:7px 0 6px;font-style:normal;font-size:23px;line-height:1}.nh-weather-hour em{display:block;font-style:normal;font-size:11px;line-height:1;font-weight:680}
.nh-weather-tips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.nh-weather-tip{min-width:0;padding:12px 11px;border:1px solid rgba(255,255,255,.84);border-radius:16px;background:linear-gradient(145deg,rgba(242,248,251,.97),rgba(229,238,243,.84));box-shadow:inset 0 1px 0 rgba(255,255,255,.96)}
.nh-weather-tip small{display:block;color:#7b858d;font-size:10px;line-height:1.15;font-weight:560}.nh-weather-tip strong{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;color:#15191c;font-size:13px;line-height:1.18;font-weight:740;white-space:nowrap}
.nh-weather-source{display:flex;justify-content:flex-end;margin-top:9px;color:#98a2a9;font-size:9px;line-height:1.15;letter-spacing:.02em;text-align:right}
@media(max-width:759px){
 .now-visual-weather.nh-weather-card{padding:19px 17px 16px!important;border-radius:22px!important}.nh-weather-kicker{gap:9px}.nh-weather-kicker b,.nh-weather-kicker span{font-size:10.5px}.nh-weather-location strong{max-width:96px;font-size:10.5px}
 .nh-weather-headline{margin:18px 0 7px!important;font-size:29px!important}.nh-weather-deck{margin-bottom:15px;font-size:12.5px}.nh-weather-body{grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);gap:7px}
 .nh-weather-panel{border-radius:16px}.nh-weather-current{padding:13px 11px 11px}.nh-weather-mainline{grid-template-columns:52px 1fr;gap:8px}.nh-weather-symbol{width:52px;height:58px;font-size:42px}
 .nh-weather-place{font-size:12px}.nh-weather-temp{font-size:38px}.nh-weather-range{font-size:11px}.nh-weather-rainline{margin-top:9px;font-size:9.5px}.nh-weather-rainline b{padding:6px 7px;font-size:9.5px}
 .nh-weather-hours{padding:12px 7px 10px}.nh-weather-hours-title{font-size:11.5px}.nh-weather-hour{padding:7px 1px 6px;border-radius:11px}.nh-weather-hour time,.nh-weather-hour em{font-size:9.5px}.nh-weather-hour i{font-size:19px}
 .nh-weather-tips{gap:6px;margin-top:7px}.nh-weather-tip{padding:10px 8px;border-radius:14px}.nh-weather-tip small{font-size:8.8px}.nh-weather-tip strong{font-size:11px}.nh-weather-source{font-size:8px;margin-top:7px}
}


/* Mobile weather overflow guard */
@media(max-width:759px){
 .nh-weather-headline{
  margin:16px 0 6px!important;font-size:26px!important;line-height:1.08!important;letter-spacing:-.05em!important;
  word-break:keep-all;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical
 }
 .nh-weather-deck{
  margin-bottom:14px!important;font-size:12px!important;line-height:1.42!important;color:#66717a!important;
  overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical
 }
 .nh-weather-location strong{display:block;max-width:72px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .nh-weather-hours-title,.nh-weather-place,.nh-weather-rainline span,.nh-weather-rainline b,.nh-weather-tip strong{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap
 }
 .nh-weather-tip strong{font-size:10.5px!important}
 .nh-weather-source{display:none!important}
 .nh-weather-body{gap:6px!important}
 .nh-weather-tip{padding:9px 8px!important}
 .nh-weather-hour{padding:6px 1px 5px!important}
}


/* Mobile NOW visual anti-crop */
@media(max-width:759px){
 .now-visual:not(.now-visual-weather){
  aspect-ratio:auto!important;
  min-height:0!important;
  height:auto!important;
  padding:18px 16px 16px!important;
  overflow:hidden!important
 }
 .now-visual:not(.now-visual-weather) h3{
  margin:12px 0 14px!important;
  max-width:100%!important;
  font-size:27px!important;
  line-height:1.06!important;
  letter-spacing:-.05em!important;
  word-break:keep-all;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical
 }
 .now-visual:not(.now-visual-weather) .now-visual-grid{
  gap:7px!important
 }
 .now-visual:not(.now-visual-weather) .now-visual-item{
  min-height:78px!important;
  padding:10px 11px 9px!important;
  border-radius:14px!important;
  box-sizing:border-box
 }
 .now-visual:not(.now-visual-weather) .now-visual-item strong{
  font-size:16px!important;
  line-height:1.05!important;
  white-space:nowrap
 }
 .now-visual:not(.now-visual-weather) .now-visual-item span{
  margin-top:4px!important;
  font-size:10.5px!important;
  line-height:1.2!important
 }
}

/* Global video geometry normalization: every non-portrait video is one 16:9 full-bleed frame with no overscan. */
.card:not(.portrait-video) .media.video{
 position:relative!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;
 overflow:hidden!important;background:#000!important;
}
.card:not(.portrait-video) .media.video:not(.playing)>img,
.card:not(.portrait-video) .media.video:not(.playing)>video{
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 max-width:none!important;max-height:none!important;margin:0!important;border:0!important;
 object-fit:cover!important;object-position:center center!important;background:transparent!important;transform:none!important;
}
.card:not(.portrait-video) .media.video.playing{
 position:relative!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;
 overflow:hidden!important;background:#000!important;
}
.card:not(.portrait-video) .media.video.playing>iframe{
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 max-width:none!important;max-height:none!important;margin:0!important;border:0!important;transform:none!important;
}


/* Shared engagement: public like counts + public comments */
.note-area.now-comments-area{margin:12px 0 0;padding:14px 0 2px;border-top:1px solid #ececea}
.now-comments-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#202224}
.now-comments-head strong{font-size:14px;line-height:1.2;font-weight:700}
.now-comments-head span{font-size:12px;line-height:1;font-weight:650;color:#767b7f;font-variant-numeric:tabular-nums}
.now-comments-list{display:grid;gap:12px;max-height:360px;overflow:auto;overscroll-behavior:contain}
.now-comment-item{padding:0 0 12px;border-bottom:1px solid #f0f0ee}
.now-comment-item:last-child{border-bottom:0}
.now-comment-meta{margin-bottom:5px;font-size:10px;line-height:1.35;font-weight:700;letter-spacing:.05em;color:#8a8f92}
.now-comment-item p{margin:0;font-size:13px;line-height:1.55;color:#303336;white-space:pre-wrap;overflow-wrap:anywhere}
.now-comments-empty{margin:2px 0 10px;font-size:12px;line-height:1.5;color:#8a8f92}
.now-comment-form{display:grid;gap:8px;margin-top:12px}
.now-comment-form textarea{width:100%;min-height:82px;max-height:180px;resize:vertical;box-sizing:border-box;border:1px solid #dededb;border-radius:10px;background:#fff;padding:11px 12px;font:inherit;font-size:13px;line-height:1.5;color:#202224;outline:none}
.now-comment-form textarea:focus{border-color:#aaaead;box-shadow:0 0 0 2px rgba(0,0,0,.035)}
.now-comment-form>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
.now-comment-form small{font-size:10px;line-height:1.4;color:#94999c}
.now-comment-form button,.now-comment-login button{flex:0 0 auto;border:0;border-radius:999px;background:#181a1b;color:#fff;padding:8px 13px;font-size:11px;font-weight:700;cursor:pointer}
.now-comment-form button:disabled{opacity:.45;cursor:default}
.now-comment-login{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:11px 12px;border-radius:10px;background:#f7f7f5}
.now-comment-login p{margin:0;font-size:11px;line-height:1.45;color:#6f7477}
@media(max-width:759px){
 .note-area.now-comments-area{margin-top:10px;padding-top:12px}
 .now-comments-list{max-height:300px}
 .now-comment-form textarea{min-height:76px}
}


/* Korean-learning Shorts: scoped compact learning summary only. */
.card.korean-learning .learning-summary{
  margin:14px 0 0;padding:14px 15px 13px;border:1px solid rgba(17,17,17,.10);
  border-radius:16px;background:rgba(17,17,17,.035);
}
.card.korean-learning .learning-phrase{
  display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:start;
  padding-bottom:11px;border-bottom:1px solid rgba(17,17,17,.08);
}
.card.korean-learning .learning-phrase span,
.card.korean-learning .learning-summary dt{
  font-size:10px;line-height:1.35;font-weight:700;letter-spacing:.06em;color:rgba(17,17,17,.52);
}
.card.korean-learning .learning-phrase strong{
  font-size:24px;line-height:1.2;font-weight:760;letter-spacing:-.02em;color:#111;text-align:left;justify-self:start;
}
.card.korean-learning[data-lesson-type="hangul"] .learning-phrase strong{
  font-size:20px;line-height:1.3;
}
.card.korean-learning .learning-summary dl{margin:10px 0 0;display:grid;gap:8px}
.card.korean-learning .learning-summary dl>div{
  display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:start;
}
.card.korean-learning .learning-summary dt,
.card.korean-learning .learning-summary dd{margin:0}
.card.korean-learning .learning-summary dd{
  font-size:17px;line-height:1.62;color:rgba(17,17,17,.82);
}
@media(max-width:759px){
  .card.korean-learning .learning-summary{padding:13px 14px 12px}
  .card.korean-learning .learning-phrase strong{font-size:22px;text-align:left;justify-self:start}
  .card.korean-learning[data-lesson-type="hangul"] .learning-phrase strong{font-size:20px;line-height:1.3}
  .card.korean-learning .learning-summary dl>div{grid-template-columns:96px 1fr;gap:12px}
  .card.korean-learning .learning-summary dd{font-size:17px;line-height:1.62}
}


/* Weather outfit copy: never truncate the recommendation on mobile. */
.nh-weather-tip.nh-weather-outfit strong{
 display:flex!important;
 align-items:flex-start!important;
 gap:5px!important;
 white-space:normal!important;
 overflow:visible!important;
 text-overflow:clip!important;
 word-break:keep-all!important;
 overflow-wrap:normal!important;
 line-height:1.22!important;
}
.nh-weather-tip.nh-weather-outfit strong span{
 flex:0 0 auto!important;
 margin-right:0!important;
}
@media(max-width:759px){
 .nh-weather-tip.nh-weather-outfit{
  overflow:visible!important;
  min-height:72px!important;
 }
 .nh-weather-tip.nh-weather-outfit strong{
  font-size:12.5px!important;
  max-width:none!important;
  min-height:31px!important;
  transform:translateX(-5px)!important;
  width:calc(100% + 5px)!important;
  gap:3px!important;
 }
}


/* Scoped KOSPI market overview — black US-fintech treatment. */
.now-visual-money.nh-market-pulse{
 --mp-green:#00c805;--mp-red:#ff4d47;--mp-ink:#f4f6f7;--mp-muted:#8f9aa2;--mp-line:#2b3439;
 display:block!important;box-sizing:border-box!important;width:calc(100% - 2px)!important;height:auto!important;aspect-ratio:auto!important;
 margin:1px auto 0!important;padding:22px 22px 20px!important;overflow:hidden!important;color:var(--mp-ink)!important;
 border:1px solid rgba(93,108,116,.58)!important;border-radius:24px!important;
 background:radial-gradient(circle at 82% 38%,rgba(0,200,5,.045),transparent 34%),linear-gradient(180deg,#0b0e0f 0%,#040606 100%)!important;
 box-shadow:0 18px 44px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.035)!important;
 -webkit-backdrop-filter:none!important;backdrop-filter:none!important
}
.nh-market-pulse *{box-sizing:border-box}
.nh-market-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start}
.nh-market-head>div{min-width:0}
.nh-market-head time{padding-top:2px;color:#aab2b8;font-size:11px;line-height:1.2;font-weight:520;letter-spacing:-.01em;white-space:nowrap}
.nh-market-name{display:block;color:#f5f7f7;font-size:clamp(31px,5.4vw,44px);line-height:.98;font-weight:390;letter-spacing:.13em}
.nh-market-value{display:block;margin-top:8px;color:#fff;font-size:clamp(46px,8.2vw,68px);line-height:.94;font-weight:610;letter-spacing:-.055em;font-variant-numeric:tabular-nums}
.nh-market-change{display:block;margin-top:9px;font-style:normal;font-size:clamp(20px,3.7vw,29px);line-height:1;font-weight:650;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.nh-market-pulse .is-up{color:var(--mp-green)!important}.nh-market-pulse .is-down{color:var(--mp-red)!important}.nh-market-pulse .is-neutral{color:#d7dde0!important}.nh-market-pulse .is-fx{color:var(--mp-green)!important}
.nh-market-breadth{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:20px;padding:14px 0 13px;border-top:1px solid rgba(105,117,124,.28);border-bottom:1px solid rgba(105,117,124,.22)}
.nh-market-breadth-item{position:relative;min-width:0;padding:0 14px}
.nh-market-breadth-item:first-child{padding-left:0}.nh-market-breadth-item:last-child{padding-right:0}
.nh-market-breadth-item+.nh-market-breadth-item:before{content:"";position:absolute;left:0;top:1px;bottom:1px;width:1px;background:rgba(101,114,121,.32)}
.nh-market-breadth-label{display:flex;align-items:baseline;gap:8px;min-width:0;color:#dbe0e2;font-size:11px;line-height:1}
.nh-market-breadth-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nh-market-breadth-label strong{font-size:15px;line-height:1;font-weight:700;font-variant-numeric:tabular-nums}
.nh-market-breadth-item.is-up strong{color:var(--mp-green)}.nh-market-breadth-item.is-down strong{color:var(--mp-red)}.nh-market-breadth-item.is-flat strong{color:#f3f4f4}
.nh-market-breadth-rail{height:7px;margin-top:9px;overflow:hidden;border-radius:999px;background:#202629}.nh-market-breadth-rail i{display:block;height:100%;min-width:3px;border-radius:inherit}
.nh-market-breadth-item.is-up .nh-market-breadth-rail i{background:var(--mp-green);box-shadow:0 0 11px rgba(0,200,5,.18)}
.nh-market-breadth-item.is-flat .nh-market-breadth-rail i{background:#e7ecee}.nh-market-breadth-item.is-down .nh-market-breadth-rail i{background:var(--mp-red)}
.nh-market-breadth-item em{display:block;margin-top:6px;color:#7f8990;font-style:normal;font-size:9.5px;line-height:1;text-align:right;font-variant-numeric:tabular-nums}
.nh-market-chart{position:relative;margin-top:15px;padding:11px 10px 8px;border:1px solid rgba(83,96,103,.62);border-radius:18px;background:#070a0b;box-shadow:inset 0 1px 0 rgba(255,255,255,.018)}
.nh-market-chart svg{display:block;width:100%;height:190px;overflow:visible}.nh-market-grid line{stroke:#1b2529;stroke-width:1;stroke-dasharray:3 5}
.nh-market-prev{stroke:#7c878d;stroke-width:1;stroke-dasharray:2 6;opacity:.82}
.nh-market-area{opacity:.88}.nh-market-line{fill:none;stroke:var(--mp-green);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(0,200,5,.20))}
.nh-market-end{fill:var(--mp-green);stroke:#dffff0;stroke-width:2;filter:drop-shadow(0 0 6px rgba(0,200,5,.55))}
.nh-market-times{display:flex;align-items:center;justify-content:space-between;margin:2px 4px 0;color:#8b969d;font-size:10px;line-height:1;font-weight:520;font-variant-numeric:tabular-nums}
.nh-market-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:14px}
.nh-market-stat{position:relative;min-width:0;padding:0 14px}.nh-market-stat:first-child{padding-left:2px}.nh-market-stat:last-child{padding-right:2px}
.nh-market-stat+.nh-market-stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:rgba(98,112,119,.30)}
.nh-market-stat span,.nh-market-stat strong,.nh-market-stat em{display:block;overflow:hidden;text-overflow:ellipsis}
.nh-market-stat span{color:#97a1a7;font-size:10.5px;line-height:1.1;font-weight:560;white-space:nowrap}
.nh-market-stat strong{margin-top:7px;color:#f4f7f7;font-size:22px;line-height:1;font-weight:650;letter-spacing:-.035em;white-space:nowrap;font-variant-numeric:tabular-nums}
.nh-market-stat em{margin-top:6px;font-style:normal;font-size:11px;line-height:1;font-weight:650;white-space:nowrap;font-variant-numeric:tabular-nums}
.nh-market-stat[data-key="foreign"] strong{color:var(--mp-red)}
.nh-market-drivers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:17px;padding-top:15px;border-top:1px solid rgba(105,117,124,.26)}
.nh-market-driver{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;height:42px;padding:0 9px;border:1px solid rgba(72,85,91,.72);border-radius:14px;background:rgba(12,16,17,.94);color:#e8ecee;font-size:10.5px;line-height:1;font-weight:620;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nh-market-driver b{flex:none;color:var(--mp-green);font-size:16px;line-height:1;font-weight:500}
.market-pulse-card .summary .lead[hidden]{display:none!important}

@media(max-width:759px){
 .now-visual-money.nh-market-pulse{padding:13px 13px 12px!important;border-radius:20px!important}
 .nh-market-head{gap:10px}.nh-market-head time{font-size:9.5px}
 .nh-market-name{font-size:24px;letter-spacing:.12em}.nh-market-value{margin-top:5px;font-size:40px}.nh-market-change{margin-top:6px;font-size:17px}
 .nh-market-breadth{margin-top:12px;padding:9px 0 8px}.nh-market-breadth-item{padding:0 8px}
 .nh-market-breadth-label{gap:5px;font-size:9.5px}.nh-market-breadth-label strong{font-size:13px}.nh-market-breadth-rail{height:6px;margin-top:7px}.nh-market-breadth-item em{margin-top:5px;font-size:8.5px}
 .nh-market-chart{margin-top:9px;padding:6px;border-radius:15px}.nh-market-chart svg{height:120px}.nh-market-times{font-size:9px}
 .nh-market-stats{margin-top:10px}.nh-market-stat{padding:0 8px}.nh-market-stat span{font-size:9px}.nh-market-stat strong{margin-top:5px;font-size:18px}.nh-market-stat em{margin-top:5px;font-size:9.5px}
 .nh-market-drivers{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px;padding-top:10px}.nh-market-driver{height:34px;border-radius:12px;font-size:10px;line-height:1}.nh-market-driver b{font-size:14px}
}
.card>.media.photo:not(.nh-photo-gallery):not(.nh-urgent-card-cover){display:block!important;position:relative!important;width:100%!important;min-height:0!important;max-height:none!important;aspect-ratio:8/5!important;overflow:hidden!important;border-radius:14px!important;background:var(--media-bg,#101112)!important}
.card>.media.photo:not(.nh-photo-gallery):not(.nh-urgent-card-cover)>img{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover!important;transform:none!important}
.card>.media.photo:not(.nh-photo-gallery):not(.nh-urgent-card-cover)[data-fit="contain"]>img{object-fit:cover!important}
.card .media.nh-photo-gallery{display:block!important;position:relative!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;border-radius:0!important;background:#fff!important;overflow:hidden!important;touch-action:pan-y pinch-zoom;transform:none!important;isolation:isolate!important;contain:layout paint!important;z-index:0!important}
.nh-photo-gallery .nh-photo-slides{position:relative;display:block;overflow:hidden!important;isolation:isolate;contain:paint}
.nh-photo-gallery .nh-photo-slide{position:relative;z-index:0;margin:0!important;display:block;overflow:hidden}
.nh-photo-gallery .nh-photo-slide:not([hidden]){z-index:1}
.nh-photo-gallery .nh-photo-slide[hidden]{display:none!important;visibility:hidden!important}
.nh-photo-image{position:relative;z-index:0;display:block;height:auto;border-radius:14px;overflow:hidden;background:transparent;isolation:isolate}
.nh-photo-gallery-landscape .nh-photo-image{height:auto}
.nh-photo-enlarge{position:relative;display:block;width:100%;height:auto;min-width:0;min-height:0;overflow:hidden;cursor:zoom-in}
.card .nh-photo-gallery .nh-photo-image .nh-photo-enlarge>img{display:block!important;position:static!important;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;transform:none!important;user-select:none;-webkit-user-drag:none}
.nh-photo-image .nh-photo-arrow{appearance:none;position:absolute;z-index:2;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(0,0,0,.08);border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 2px 9px rgba(0,0,0,.16);color:#171717;cursor:pointer}
.nh-photo-image .nh-photo-arrow svg{display:block;width:20px;height:20px}
.nh-photo-image .nh-photo-arrow-prev{left:10px}.nh-photo-image .nh-photo-arrow-next{right:10px}
.nh-photo-image .nh-photo-arrow:disabled{opacity:.42;cursor:default}
@media(max-width:759px){.nh-photo-image .nh-photo-arrow{width:40px;height:40px}.nh-photo-image .nh-photo-arrow-prev{left:8px}.nh-photo-image .nh-photo-arrow-next{right:8px}}
.nh-photo-notes{margin-top:18px;padding-top:12px;border-top:1px solid #e7e7e7;color:#444}
.nh-photo-notes .nh-photo-note[hidden]{display:none!important}
.nh-photo-notes .photo-credit{font-size:12px;line-height:1.5;color:#666}
.nh-photo-notes .photo-credit a{color:inherit}
.nh-photo-notes .nh-photo-caption{margin:8px 0 0;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.nh-photo-image .nh-photo-dots{position:absolute;z-index:3;left:50%;bottom:11px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:1px;min-height:28px;padding:2px 5px;border:0;background:transparent;box-shadow:none}
.nh-photo-dots button{appearance:none;display:grid;place-items:center;min-width:24px;min-height:24px;padding:0;border:0;background:transparent;cursor:pointer;font-size:0}
.nh-photo-dots button span{display:block;width:6px;height:6px;border-radius:50%;background:#9d9d9d}
.nh-photo-dots button[aria-current=true] span{background:#111}
.nh-photo-position{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.nh-photo-gallery:focus-visible,.nh-photo-dots button:focus-visible,.nh-photo-arrow:focus-visible,.nh-photo-enlarge:focus-visible{outline:2px solid #333;outline-offset:-2px}

/* Editorial photo presentation: all categories; preserve source metadata in markup. */
.card .nh-photo-notes .photo-credit{display:none!important}
.card .nh-photo-notes{margin-top:20px!important}
.card .nh-photo-gallery .nh-photo-dots,
.card .nh-photo-gallery .nh-photo-dots button,
.card .nh-photo-gallery .nh-photo-dots button span{border:0!important;box-shadow:none!important;outline:0}
.card .nh-photo-gallery .nh-photo-dots button:focus-visible{outline:2px solid #333!important;outline-offset:0}
.card .media.photo:not(.nh-photo-gallery),
.card .nh-photo-gallery .nh-photo-image{background:transparent!important}

/* Card thumbnails: fixed 8:5 frame filled edge to edge (cover, centred); no gallery/video overrides. */
.card>.media.photo:not(.nh-photo-gallery):not(.nh-urgent-card-cover),
.card>.media.artwork:not(.nh-photo-gallery) {
 display:flex!important;align-items:center!important;justify-content:center!important;
 position:relative!important;isolation:isolate!important;
 width:100%!important;aspect-ratio:8/5!important;height:auto!important;min-height:0!important;
 overflow:hidden!important;background:#f4f4f2!important;
}
.card>.media.photo:not(.nh-photo-gallery):not(.nh-urgent-card-cover)>img,
.card>.media.artwork:not(.nh-photo-gallery)>img {
 display:block!important;position:absolute!important;inset:0!important;
 width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
 object-fit:cover!important;object-position:center center!important;transform:none!important;
 background:transparent!important;
}
.card[data-id="culture-books-kim-junyoung-full-length-mirror-20261010"]>.media.photo:not(.nh-photo-gallery),
.card[data-id="culture-books-kim-junyoung-full-length-mirror-20261010"]>.media.artwork:not(.nh-photo-gallery) {
 aspect-ratio:1/1!important;
}

/* Multi-photo galleries: every slide uses the same 8:5 card frame, filled edge to edge. Enlarge still opens the original. */
.card .nh-photo-gallery .nh-photo-image .nh-photo-enlarge{aspect-ratio:8/5!important;height:auto!important;overflow:hidden!important}
.card .nh-photo-gallery .nh-photo-image .nh-photo-enlarge>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important}

/* Common rule: photos fill the frame. Kept whole-image framing only for BOOKS covers and artwork (previous look, no blur). */
.card>.media.nh-fit-keep:not(.nh-photo-gallery):not(.nh-urgent-card-cover)[class]>img,
.card .nh-photo-gallery .nh-photo-image .nh-photo-enlarge.nh-fit-keep[class]>img{object-fit:contain!important}
.card>.media.nh-fit-fill:not(.nh-photo-gallery):not(.nh-urgent-card-cover)[class]>img,
.card .nh-photo-gallery .nh-photo-image .nh-photo-enlarge.nh-fit-fill[class]>img{object-fit:cover!important;object-position:center center!important}
.card[data-subcategory="BOOKS"] .nh-photo-gallery .nh-photo-image .nh-photo-enlarge.nh-fit-keep[class]{aspect-ratio:auto!important}
.card[data-subcategory="BOOKS"] .nh-photo-gallery .nh-photo-image .nh-photo-enlarge.nh-fit-keep[class]>img{position:static!important;inset:auto!important;height:auto!important}
.card>.media.nh-fit-keep:not(.nh-photo-gallery):not(.nh-urgent-card-cover)[class],
.card .nh-photo-gallery .nh-photo-image .nh-photo-enlarge.nh-fit-keep[class]{background:transparent!important}

/* Gallery dots: compact Instagram-style row; white dots stay visible on dark and light photos. */
.card .nh-photo-gallery .nh-photo-image .nh-photo-dots{gap:0!important;padding:0 4px!important;min-height:20px!important;bottom:8px!important}
.card .nh-photo-gallery .nh-photo-dots button{min-width:11px!important;width:11px!important;min-height:20px!important}
.card .nh-photo-gallery .nh-photo-dots button span{width:6px!important;height:6px!important;background:rgba(255,255,255,.55)!important;filter:drop-shadow(0 0 1.5px rgba(0,0,0,.55))}
.card .nh-photo-gallery .nh-photo-dots button[aria-current=true] span{background:#fff!important}
/* Touch: horizontal swipes go to the gallery script, vertical scrolling stays native. */
.card .nh-photo-gallery .nh-photo-image,.card .nh-photo-gallery .nh-photo-image img{touch-action:pan-y}
/* Headlines: balanced line lengths on every screen width. */
.card .card-title,.card h1,.card h2{text-wrap:balance;word-break:keep-all;overflow-wrap:break-word}
.card .summary .lead{text-wrap:pretty}
/* Gallery arrows: half-size circle and chevron (owner request 2026-10-13). */
.card .nh-photo-gallery .nh-photo-image .nh-photo-arrow{width:21px!important;height:21px!important;box-shadow:0 1px 5px rgba(0,0,0,.18)!important}
.card .nh-photo-gallery .nh-photo-image .nh-photo-arrow svg{width:10px!important;height:10px!important}
.card .nh-photo-gallery .nh-photo-image .nh-photo-arrow-prev{left:8px!important}.card .nh-photo-gallery .nh-photo-image .nh-photo-arrow-next{right:8px!important}
/* Headlines (2026-10-13): fill each line to the right edge; only avoid a lone last word. Per-language line breaking. */
.card .card-title,.card h1,.card h2{text-wrap:pretty!important}
:lang(ko) .card .card-title,:lang(ko) .card h1,:lang(ko) .card h2{word-break:keep-all!important}
:lang(ja) .card .card-title,:lang(ja) .card h1,:lang(ja) .card h2{word-break:normal!important;line-break:strict}
:lang(en) .card .card-title,:lang(en) .card h1,:lang(en) .card h2{word-break:normal!important;hyphens:manual}