*{box-sizing:border-box}html{color:#171b21;background:#fff;scroll-behavior:auto}body{margin:0;font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;--accent:#193455;--muted:#657181;padding-bottom:0}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #9d7e34;outline-offset:4px}header{border-top:5px solid var(--accent)}.topline{max-width:1160px;margin:auto;display:flex;justify-content:space-between;padding:12px 30px;color:#676d75;font-size:12px}.brandrow{max-width:1160px;margin:auto;padding:9px 30px 23px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:'AppleMyungjo','Batang',serif;font-weight:900;letter-spacing:-2.5px;font-size:42px;color:var(--accent);line-height:1.1}.english{font:10px Arial;letter-spacing:3.8px;margin-top:9px}.edition{font-size:12px;letter-spacing:1px;color:#737b85}.sections{border-top:1px solid #e1e4e8;border-bottom:1px solid #c5cbd2;display:flex;justify-content:center;gap:48px;padding:14px 24px;font-size:14px;font-weight:700}.sections span.active{color:var(--accent)}main{max-width:1160px;margin:0 auto;padding:33px 30px 55px}.crumb{font-size:13px;color:var(--accent);font-weight:700;margin-bottom:18px}.headline{max-width:1010px}h1{font-size:38px;line-height:1.43;letter-spacing:-1.5px;word-break:keep-all;margin:0 0 17px;font-weight:750}.summary{font-size:17px;color:#67707c;line-height:1.6;margin:0 0 22px}.meta{display:flex;align-items:center;gap:15px;font-size:13px;color:#777f89;padding-bottom:23px;border-bottom:1px solid #dfe3e8}.meta strong{color:#3c444f;font-weight:500}.columns{display:grid;grid-template-columns:minmax(0,760px) minmax(200px,1fr);gap:44px;margin-top:28px}figure{margin:0 0 26px}.photo{width:100%;aspect-ratio:16/9;background:#00e040;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover;display:block}figcaption{font-size:12px;line-height:1.65;color:#81858c;margin-top:10px}.body p{font-size:19px;line-height:1.95;letter-spacing:-.45px;margin:0 0 25px;word-break:break-word}.body p:first-child{font-weight:500}.copyright{margin-top:36px;border-top:1px solid #e3e5e8;padding-top:18px;color:#92969d;font-size:12px}aside{border-top:3px solid var(--accent);align-self:start}aside h2{font-size:17px;margin:18px 0 8px}aside a{display:block;text-decoration:none;color:inherit;padding:19px 0;border-bottom:1px solid #e5e6e8;font-size:15px;line-height:1.7;word-break:keep-all}aside a span{display:block;font-size:11px;color:var(--muted);margin-bottom:6px;letter-spacing:1px}.woori{--accent:#006b63;--muted:#548780}.woori .brand{font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-size:39px;letter-spacing:-2px}.woori .brandrow{padding-top:16px;padding-bottom:27px}.woori .sections{background:#006b63;color:white;border:0}.woori .sections span.active{color:white}.woori h1{max-width:870px;font-size:40px}.woori .summary{border-left:3px solid var(--accent);padding-left:14px}.woori .columns{grid-template-columns:minmax(0,790px) minmax(180px,1fr);gap:38px}.manse{--accent:#812c3c;--muted:#9b666f}.manse .brandrow{justify-content:center;position:relative;padding-bottom:23px}.manse .brand{text-align:center;font-size:44px}.manse .edition{position:absolute;right:30px}.manse .sections{border-bottom:3px double #8b7377}.manse h1{font-family:'AppleMyungjo','Batang',serif;font-size:37px;font-weight:700;line-height:1.5}.manse .crumb{letter-spacing:2px}.manse .columns{gap:40px}.manse aside{background:#faf7f8;padding:0 18px}dialog{border:1px solid #c7cdd5;border-radius:8px;max-width:580px;width:calc(100% - 40px);padding:28px;line-height:1.7;color:#26303c}dialog::backdrop{background:#0008}dialog h2{margin-top:0}dialog p{font-size:14px;color:#68717d}dialog label{display:block;margin:18px 0;font-size:14px}dialog input[type=file]{display:block;max-width:100%;margin-top:7px}dialog button{padding:9px 15px;background:#f3f5f7;border:1px solid #bfc6cf;margin:5px}dialog .close{float:right;font-size:22px;margin:-12px}.hint{border-top:1px solid #ddd;padding-top:15px}body[data-mode=blue] .photo{background:#003dff}body[data-mode=neutral] .photo{background:#d8dce0}@media(min-width:1400px){main{padding-top:42px}h1{font-size:42px}}@media(max-width:900px){.columns,.woori .columns{grid-template-columns:minmax(0,1fr) 200px;gap:24px}.headline{max-width:100%}.sections{gap:34px}main{max-width:850px}.body p{font-size:20px}.photo{aspect-ratio:16/9}}@media(max-width:600px){.topline{padding:10px 20px}.brandrow{padding:12px 20px 20px}.brand,.woori .brand,.manse .brand{font-size:32px}.edition{display:none}.sections{gap:23px;padding:13px 15px;font-size:12px}.sections span:last-child{display:none}main{padding:26px 20px 35px}h1,.woori h1,.manse h1{font-size:29px;line-height:1.5;letter-spacing:-1px}.summary{font-size:15px}.meta{font-size:12px;gap:10px}.columns{margin-top:23px}.body p{font-size:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Double tap fullscreen while retaining pinch zoom and scrolling. */
html{touch-action:manipulation}
/* Related article buttons share the publication's existing link styling. */
.extra-link{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid #e5e6e8;padding:16px 0;color:inherit;font-size:15px;line-height:1.7;word-break:keep-all}
.extra-link span{display:block;font-size:11px;color:var(--muted);margin-bottom:6px;letter-spacing:1px}
.extra-link:hover{color:var(--accent)}
#extra-story{max-width:760px;max-height:85vh;padding:30px 36px;border-top:4px solid var(--accent)}
#extra-story .extra-paper{font-size:14px;color:var(--accent);margin-bottom:18px}
#extra-story h2{font-size:26px;line-height:1.5;word-break:keep-all;margin-bottom:12px}
#extra-story .extra-meta{font-size:12px;border-bottom:1px solid #ddd;padding-bottom:15px}
#extra-story .extra-body p{font-size:18px;line-height:1.9;color:#252a31}
/* v5: restrained publication-specific layouts; original identity is retained. */
.meta{flex-wrap:wrap;gap:8px 0;line-height:1.6}
.meta>*+*{border-left:1px solid #d4d8dd;padding-left:13px;margin-left:13px}
.meta strong{color:#404852;font-weight:600}
.article-content{min-width:0}
.related-list a:last-child{border-bottom:0}
.woori main{max-width:1040px}
.woori .headline{max-width:920px;margin:0 auto}
.woori .columns{display:block;max-width:920px;margin-left:auto;margin-right:auto}
.woori .body,.woori .copyright{max-width:790px;margin-left:auto;margin-right:auto}
.woori .related{position:static;margin:30px auto 0;max-width:790px;border-top:2px solid var(--accent);background:transparent;padding:0}
.woori .related h2{font-size:16px;margin:16px 0 0}
.woori .related-list{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.woori .related a{border-bottom:0;padding:14px 0 10px}
.woori .related a+a{border-left:1px solid #dce7e5;padding-left:28px}
.manse main{max-width:1100px}
.manse .headline{max-width:970px;margin:0 auto;text-align:center}
.manse .headline h1{font-size:35px;line-height:1.42;max-width:960px;margin-left:auto;margin-right:auto}
.manse .meta{justify-content:center}
.manse .columns{grid-template-columns:minmax(0,1fr) 250px;gap:34px;max-width:1000px;margin-left:auto;margin-right:auto}
.manse .body{max-width:650px;margin-left:auto;margin-right:auto}
.manse .related{border-top:0;border-left:3px solid var(--accent);padding:4px 19px 15px;margin-top:30px}
.manse .related a{font-size:15px;padding:16px 0}
.manse .related h2{margin-top:14px}
@media(min-width:901px){
.brandrow{padding-bottom:17px}.woori .brandrow{padding-top:12px;padding-bottom:18px}.manse .brandrow{padding-bottom:17px}
main{padding-top:25px}.crumb{margin-bottom:12px}h1{margin-bottom:12px}.summary{margin-bottom:16px}
.meta{padding-bottom:17px}.columns{margin-top:22px}
figure{margin-bottom:18px}
.photo{height:clamp(245px,35vh,345px);aspect-ratio:auto}
.woori .photo{height:clamp(260px,37vh,365px)}
.manse .photo{height:clamp(235px,33vh,325px)}
}
@media(min-width:601px) and (max-width:900px){
.woori .columns{display:block}
.woori .photo{aspect-ratio:1.9}
.manse .columns{grid-template-columns:minmax(0,1fr) 190px;gap:24px}
.manse .headline h1{font-size:33px}
.manse .related{padding-left:14px;padding-right:14px;margin-top:22px}
}
@media(max-width:600px){
.meta{font-size:12px}.meta>*+*{padding-left:8px;margin-left:8px}
.woori .columns{display:block}.woori .related-list{grid-template-columns:1fr;gap:0}
.woori .related a+a{border-left:0;border-top:1px solid #dce7e5;padding-left:0}
.manse .headline h1{font-size:29px}.manse .related{margin-top:0}
}
/* Tablet related-article rail remains beside the article while reading. */
aside{position:sticky;top:24px}aside a{min-height:60px}aside a:hover{color:var(--accent)}
@media(max-width:600px){.columns,.woori .columns,.manse .columns{grid-template-columns:minmax(0,1fr) minmax(112px,34%);gap:14px}aside{display:block;position:sticky;top:14px;margin-top:0}aside a{font-size:14px;word-break:normal;overflow-wrap:anywhere}.manse aside{padding:0 10px}}
/* Landscape filming: reserve space for the opening paragraph in the first view. */
@media(min-width:901px) and (max-height:900px){
.topline{padding-top:8px;padding-bottom:8px}
.brandrow,.woori .brandrow,.manse .brandrow{padding-top:8px;padding-bottom:12px}
.sections{padding-top:11px;padding-bottom:11px}
main{padding-top:20px}.crumb{margin-bottom:9px}
h1,.woori h1,.manse .headline h1{font-size:34px;line-height:1.36;margin-bottom:10px}
.summary{font-size:16px;margin-bottom:12px}.meta{padding-bottom:13px}
.columns{margin-top:18px}figure{margin-bottom:14px}
.photo{height:clamp(200px,30vh,270px)}
.woori .photo{height:clamp(215px,32vh,288px)}
.manse .photo{height:clamp(190px,28vh,252px)}
}
/* v6: related stories start directly below the wide photo, beside the opening body. */
.woori .article-content{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:0 28px;align-items:start}
.woori .article-content>figure{grid-column:1 / -1;grid-row:1}
.woori .article-content>.body{grid-column:1;grid-row:2;width:100%}
.woori .article-content>.related{grid-column:2;grid-row:2;position:sticky;top:20px;width:100%;margin:0;max-width:none}
.woori .article-content>.copyright{grid-column:1;grid-row:3;width:100%}
.woori .related-list{display:block}
.woori .related a,.woori .related a+a,.woori .extra-link{border-left:0;border-top:0;border-bottom:1px solid #dce7e5;padding:13px 0;font-size:14px;line-height:1.65}
.woori .related h2{margin:12px 0 0}
@media(max-width:900px){.woori .article-content{grid-template-columns:minmax(0,1fr) 220px;gap:0 22px}}
@media(max-width:600px){.woori .article-content{grid-template-columns:minmax(0,1fr) minmax(112px,34%);gap:0 14px}.extra-link{font-size:14px;word-break:normal;overflow-wrap:anywhere}#extra-story{padding:22px}}
/* v7: conventional Korean news article density, applied to the existing themes. */
body{color:#222}
.topline{padding-top:7px;padding-bottom:7px;font-size:12px;color:#777}
.brandrow,.woori .brandrow,.manse .brandrow{padding-top:8px;padding-bottom:14px}
.sections{padding-top:11px;padding-bottom:11px;gap:48px}
main,.woori main,.manse main{max-width:1160px;padding-top:18px}
.headline,.woori .headline,.manse .headline{max-width:none;margin:0;text-align:left}
.crumb{font-size:12px;font-weight:400;color:#777;letter-spacing:0;margin-bottom:11px}
.crumb span{padding:0 7px;color:#b3b3b3}
h1,.woori h1,.manse .headline h1{font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-size:35px;line-height:1.34;font-weight:700;letter-spacing:-1.2px;max-width:1060px;margin:0 0 10px}
.summary,.woori .summary{font-size:16px;line-height:1.5;color:#666;margin-bottom:13px;border:0;padding:0}
.meta,.manse .meta{justify-content:flex-start;font-size:12px;color:#888;line-height:1.5;padding-bottom:9px;border:0;gap:4px 0}
.meta strong{font-weight:400;color:#666}
.meta>*+*{padding-left:10px;margin-left:10px;border-left:1px solid #ddd}
.article-tools{display:flex;justify-content:flex-end;align-items:center;gap:0;border-top:1px solid #ececec;border-bottom:1px solid #c9c9c9;min-height:36px}
.article-tools button{display:flex;align-items:center;gap:5px;border:0;background:none;color:#777;font-size:12px;min-height:34px;padding:5px 11px;line-height:1.2}
.article-tools button+button{border-left:1px solid #e8e8e8}
.article-tools button[aria-pressed=true]{color:var(--accent)}
.article-tools svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.columns,.woori .columns,.manse .columns{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:30px;max-width:none;margin:20px 0 0}
.article-content,.woori .article-content{display:block;min-width:0}
.body,.woori .body,.manse .body{max-width:none;margin:0}
.body p{font-size:18px;line-height:1.78;letter-spacing:-.35px;margin:0 0 17px;word-break:normal;overflow-wrap:break-word}
.body p:first-child{font-weight:400}
figure{margin:0 0 16px}
.photo{height:clamp(205px,29vh,278px);aspect-ratio:auto}
.woori .photo{height:clamp(187px,28vh,251px)}
.manse .photo{height:clamp(195px,28vh,262px)}
figcaption{font-size:12px;color:#8c8c8c;line-height:1.5;margin-top:7px;letter-spacing:-.15px}
.news-sidebar,.manse .news-sidebar{position:static;top:auto;align-self:start;border:0;background:none;padding:0 0 0 20px;border-left:1px solid #e5e5e5;margin:0}
.related,.woori .related,.manse .related{position:static;margin:0;max-width:none;width:100%;padding:0;border:0;border-top:2px solid #555;background:none}
.related h2,.woori .related h2,.manse .related h2{font-size:16px;font-weight:700;color:#222;letter-spacing:-.4px;margin:11px 0 3px}
.related-list,.woori .related-list{display:block}
.related a,.woori .related a,.woori .related a+a,.manse .related a,.related .extra-link,.woori .extra-link{display:block;text-decoration:none;width:100%;padding:9px 0;margin:0;min-height:0;background:none;border:0;border-bottom:1px solid #ececec;text-align:left;color:#333;font-size:14px;line-height:1.5;font-weight:400;word-break:normal;overflow-wrap:break-word}
.related a span,.related .extra-link span{display:block;color:#929292;font-size:11px;line-height:1.4;margin-bottom:3px;letter-spacing:0}
.related a:hover,.related .extra-link:hover{color:var(--accent);text-decoration:underline}
.woori .related{border-top-color:var(--accent)}
.manse .related{background:#faf6f7;border-top:2px solid var(--accent);padding:0 12px 8px}
.popular{margin-top:22px;border-top:2px solid #555}
.popular h2{font-size:16px;margin:11px 0 5px;letter-spacing:-.4px;display:flex;justify-content:space-between;align-items:center}
.popular h2 small{font-size:11px;color:#999;font-weight:400}
.popular ol{list-style:none;padding:0;margin:0}
.popular li{margin:0;border-bottom:1px solid #ececec}
.popular a,.popular button{display:flex;align-items:flex-start;gap:9px;width:100%;border:0;background:none;text-align:left;text-decoration:none;color:#333;font-size:14px;line-height:1.5;padding:10px 0;min-height:42px}
.popular b{font:italic 700 19px Arial;color:var(--accent);min-width:16px}
.popular span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.copyright,.woori .copyright{max-width:none;margin-top:26px}
.share-url{display:block;width:100%;padding:10px;border:1px solid #ccc;font-size:14px}
@media(min-width:901px) and (max-height:900px){
h1,.woori h1,.manse .headline h1{font-size:33px}
.photo{height:clamp(195px,28vh,252px)}.woori .photo{height:clamp(187px,28vh,251px)}.manse .photo{height:clamp(190px,27vh,243px)}
}
@media(min-width:601px) and (max-width:900px){
main,.woori main,.manse main{padding-left:24px;padding-right:24px}
.columns,.woori .columns,.manse .columns{grid-template-columns:minmax(0,1fr) 225px;gap:22px}
.news-sidebar,.manse .news-sidebar{padding-left:14px}
h1,.woori h1,.manse .headline h1{font-size:31px}
.photo,.woori .photo,.manse .photo{height:auto;aspect-ratio:1.85}
}
@media(max-width:600px){
main,.woori main,.manse main{padding-left:16px;padding-right:16px}
h1,.woori h1,.manse .headline h1{font-size:27px}
.columns,.woori .columns,.manse .columns{grid-template-columns:minmax(0,1fr) minmax(112px,34%);gap:14px}
.news-sidebar,.manse .news-sidebar{padding-left:9px}
.photo,.woori .photo,.manse .photo{height:auto;aspect-ratio:1.65}
.body p{font-size:17px;line-height:1.75}
.related a,.related .extra-link,.woori .related a,.manse .related a,.popular a,.popular button{font-size:13px;overflow-wrap:anywhere}
.manse .related{padding-left:7px;padding-right:7px}
.sections{gap:23px}
}
@media print{
.article-tools,.news-sidebar,dialog{display:none!important}
.columns,.woori .columns,.manse .columns{display:block}
main{max-width:none}.body p{font-size:12pt}
}
/* Final polish only: sidebar differences, text density, and image proportions. */
.body p{font-size:17.5px;line-height:1.72;margin-bottom:15px}
.woori .news-sidebar>.popular{margin-top:0;border-top:2px solid var(--accent)}
.woori .popular b{font-style:normal;font-size:17px;font-weight:600}
.woori .popular a,.woori .popular button{font-size:13.5px;padding:11px 0}
.woori .popular li{border-bottom-style:dotted}
.woori .article-content>.related{position:static;margin:25px 0 0;width:100%;max-width:none;padding:0;border-top:1px solid #a5bfbb}
.woori .article-content>.related .related-list{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}
.woori .article-content>.related a,.woori .article-content>.related .extra-link{font-size:13.5px;line-height:1.5}
.manse .related h2{font-size:15px}
.manse .related a,.manse .related .extra-link{font-size:13.5px;line-height:1.55;border-bottom-color:#e9dfe1}
.woori .photo{height:clamp(176px,26.3vh,236px)}
.manse .photo{width:94%;height:clamp(183px,26.32vh,246px)}
@media(min-width:901px) and (max-height:900px){
.woori .photo{height:clamp(176px,26.3vh,236px)}
.manse .photo{height:clamp(179px,25.38vh,228px)}
}
@media(min-width:601px) and (max-width:900px){
.woori .photo{height:auto;aspect-ratio:2}
.manse .photo{height:auto;aspect-ratio:1.85}
}
@media(max-width:600px){
.body p{font-size:16.5px;line-height:1.7;margin-bottom:14px}
.woori .photo{height:auto;aspect-ratio:1.8}
.manse .photo{height:auto;aspect-ratio:1.65}
.woori .article-content>.related .related-list{display:block}
}
@media print{.article-content>.related{display:none!important}}
/* Shared components: all five entries use identical markup and rules. */
#main .related{--list-size:14px;--list-line:1.55;--list-weight:400}
#main .related .news-item{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:10px 0;border:0;border-bottom:1px solid #e3e3e3;background:transparent;text-align:left;color:#333;font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;cursor:pointer}
#main .related .news-item>.news-label{display:block;width:100%;margin:0 0 4px;padding:0;font-size:11px;font-weight:400;line-height:1.4;color:#777;letter-spacing:0}
#main .related .news-item>.news-title{display:block;width:100%;margin:0;padding:0;font-size:var(--list-size);font-weight:var(--list-weight);line-height:var(--list-line);color:#333;letter-spacing:-.15px;word-break:normal;overflow-wrap:break-word}
#main .popular{--rank-size:14px;--rank-line:1.55}
#main .popular .rank-item{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:9px;width:100%;margin:0;padding:10px 0;border:0;background:none;text-decoration:none;text-align:left;font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;color:#333;cursor:pointer}
#main .popular .rank-item>.news-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:100%;margin:0;padding:0;font-size:var(--rank-size);font-weight:400;line-height:var(--rank-line);color:#333;letter-spacing:-.15px;word-break:normal}
#main .popular .rank-item>.rank-number{display:block;width:20px;margin:0;padding:0;font:italic 700 18px/1.2 Arial;color:var(--accent);text-align:left}
.woori #main .popular .rank-item>.rank-number{font-style:normal;font-size:17px;line-height:1.3}
.manse #main .related .news-item{border-bottom-color:#e6dadd}
#main .news-item:hover>.news-title,#main .rank-item:hover>.news-title{color:var(--accent);text-decoration:underline}
/* Keep the existing large layout; visually join metadata and quiet tools. */
.headline{position:relative}
.article-tools{border:0;min-height:28px;margin-top:-2px;margin-bottom:0}
.article-tools button{border:0!important;font-size:11px;min-height:28px;padding:4px 8px;color:#888}
.article-tools svg{width:13px;height:13px}
.meta{padding-bottom:2px}
.columns,.woori .columns,.manse .columns{margin-top:13px}
.utility{display:flex;align-items:center;gap:14px;font-size:11px;color:#777}
.utility .search-label{display:flex;gap:4px;align-items:center}
.utility svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.3}
figcaption{font-size:13px;line-height:1.55;color:#707070;margin-top:8px}
@media(max-width:600px){
#main .related{--list-size:13px}
#main .popular{--rank-size:13px}
.sections{gap:0;justify-content:space-between}
.sections span:last-child{display:inline}
.utility{gap:9px}
figcaption{font-size:12px}
}
#main .related .news-item{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.woori #main .related-list{row-gap:0}
/* Editorial structures: text rail, horizontal related strip, burgundy cards. */
.woori main{max-width:1100px}
.woori .headline{max-width:1000px;margin:0 auto}
.woori #main .related-strip{position:static;max-width:1000px;margin:8px auto 17px;padding:9px 14px 11px;border-top:1px solid #a3beba;border-bottom:1px solid #dce6e4;background:#f5f8f7}
.woori #main .related-strip h2{font-size:13px;margin:0 0 6px;color:#006b63}
.woori #main .related-strip .related-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
.woori #main .related-strip .news-item{padding:0;border:0}
.woori #main .related-strip .news-item+.news-item{padding-left:20px;border-left:1px solid #d6e2df}
.woori #main .related-strip .news-label{margin-bottom:3px}
.woori .wide-photo{max-width:1000px;margin:0 auto}
.woori .wide-photo .photo{height:clamp(185px,27vh,245px);width:100%;aspect-ratio:auto}
.woori .woori-body-columns{max-width:1000px;margin:5px auto 0;grid-template-columns:minmax(0,1fr) 235px;gap:28px}
.woori .news-sidebar{padding-left:18px}
.manse .headline{max-width:960px;margin:0 0 7px;padding-top:4px}
.manse .summary{margin-bottom:15px}
.manse .columns{grid-template-columns:minmax(0,1fr) 275px;gap:26px}
.manse .news-sidebar{padding:0;border:0}
.manse #main .related{background:transparent;padding:0;border:0}
.manse #main .related h2{color:var(--accent);font-size:15px;margin:0 0 9px}
.manse #main .related-list{display:grid;grid-template-columns:1fr;gap:8px}
.manse #main .related .news-item{background:#f8f0f2;border:1px solid #ecdee2;padding:11px 13px}
@media(min-width:601px) and (max-width:900px){
.manse .headline{max-width:650px}
.manse .columns{grid-template-columns:minmax(0,1fr) 220px;gap:23px}
.woori .woori-body-columns{grid-template-columns:minmax(0,1fr) 210px;gap:22px}
.woori .wide-photo .photo{height:clamp(200px,25vh,270px)}
}
@media(max-width:600px){
.manse .columns{grid-template-columns:minmax(0,1fr) minmax(112px,34%);gap:14px}
.woori .woori-body-columns{grid-template-columns:minmax(0,1fr) minmax(112px,34%);gap:14px}
.woori #main .related-strip{padding:8px 10px}
.woori #main .related-strip .related-list{gap:0 12px}
.woori #main .related-strip .news-item+.news-item{padding-left:12px}
.woori .wide-photo .photo{height:auto;aspect-ratio:2}
.manse #main .related .news-item{padding:9px}
}
@media print{.related-strip{display:none!important}}
.woori #main .related-strip .news-item+.news-item{padding-left:0;border-left:0}
/* Approved reference: newspaper / compact digital publisher / editorial single story. */
.nara .sections{background:#193455;color:white;border:0;gap:38px}
.nara .sections span.active{color:white}
.nara .brandrow{padding-top:7px;padding-bottom:16px}
.woori header{border-top:0}
.woori .topline{max-width:1160px;padding-top:9px;padding-bottom:8px}
.compact-header{max-width:1160px;margin:auto;padding:10px 30px 16px;display:flex;align-items:center;gap:24px}
.woori .compact-header .brand{flex:none;font-size:29px;letter-spacing:-1.6px;white-space:nowrap}
.compact-header .english{display:none}
.woori .compact-header .sections{flex:1;display:flex;justify-content:space-between;gap:12px;padding:0;border:0;background:none;color:#222;font-size:14px;white-space:nowrap}
.woori .compact-header .sections .active{color:var(--accent)}
.header-search svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4}
.header-search{display:flex;align-items:center}
.ticker{display:flex;align-items:center;gap:10px;background:#f4f5f5;border-top:1px solid #ebeeee;border-bottom:1px solid #e2e5e4;padding:7px max(24px,calc((100vw - 1100px)/2));font-size:12px;color:#4f5856;line-height:1.5;white-space:nowrap;overflow:hidden}
.ticker-label{background:#006b63;color:white;padding:2px 7px;font-size:11px;flex:none}
.ticker-time{color:#777;font-size:11px}
.woori main{max-width:1160px;padding-top:23px}
.woori .headline{max-width:none;margin:0}
.woori-reference-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:18px 28px;margin-top:18px;align-items:start}
.woori-reference-layout>figure{grid-column:1;grid-row:1;margin:0}
.woori-reference-layout>.news-sidebar{grid-column:2;grid-row:1;padding:0;border:0}
.woori-reference-layout>.related-together{grid-column:1 / -1;grid-row:2}
.woori-reference-layout>.article-content{grid-column:1;grid-row:3}
.woori-reference-layout .photo{width:100%;height:clamp(205px,29vh,290px);aspect-ratio:auto}
.woori #main .related-together{position:static;border:1px solid #dce3e5;padding:10px 14px 12px;background:#f5f7f8;max-width:none;margin:0}
.woori #main .related-together h2{font-size:14px;margin:0 0 8px}
.woori #main .related-together .related-list{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.woori #main .related-together .news-item{padding:0;border:0;background:none}
.woori .popular{padding:0 12px 8px;border:1px solid #e5e7e8!important;background:#fff}
.woori .popular h2{margin:10px 0 5px}
.woori #main .popular .rank-item{padding:8px 0}
.manse header{border-top:0;max-width:1000px;margin:auto;padding:0 36px}
.magazine-header{display:flex;align-items:center;justify-content:space-between;padding:27px 0 19px;border-bottom:1px solid #cfd0d2}
.magazine-header .brand{font-size:42px;text-align:center;color:var(--accent)}
.menu-mark{font-size:22px;font-family:Arial;font-weight:400;color:#333}
.magazine-subnav{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd;color:#666;font-size:12px}
.manse .magazine-subnav .sections{padding:12px 0;gap:24px;border:0;background:none;font-size:13px;font-weight:400;justify-content:flex-start}
.manse .magazine-subnav .sections .active{color:var(--accent)}
.manse main{max-width:900px;padding:24px 36px 55px}
.manse .headline{max-width:none;margin:0;padding:0}
.manse .crumb{color:var(--accent);font-size:13px;margin-bottom:15px}
.manse .headline h1{font-family:'Batang','AppleMyungjo','Noto Serif CJK KR',serif;font-size:35px;line-height:1.45;letter-spacing:-1px;font-weight:700;max-width:none}
.manse .summary{margin-top:14px;margin-bottom:16px}
.manse #main .story-links{margin:12px 0 18px;padding:9px 13px 5px;border:1px solid #f0e1e4;background:#fcf3f5;max-width:none}
.manse #main .story-links h2{font-size:13px;margin:0 0 5px;color:var(--accent);font-weight:500}
.manse #main .story-links .related-list{display:block}
.manse #main .story-links .news-item{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;align-items:start;padding:6px 0;border:0;border-top:1px solid #eddee1;background:none}
.manse #main .story-links .news-label{font-size:11px;margin:0;padding-top:3px;color:var(--accent)}
.manse .single-story .photo{width:100%;height:clamp(210px,29vh,310px);aspect-ratio:auto}
.manse .single-story figure{margin-bottom:20px}
.manse .single-story .body{max-width:none}
@media(min-width:601px) and (max-width:900px){
.compact-header{padding-left:24px;padding-right:24px;gap:18px}
.woori .compact-header .brand{font-size:25px}
.woori .compact-header .sections{font-size:12px;gap:10px}
.compact-header .header-search{display:none}
.woori-reference-layout{grid-template-columns:minmax(0,1fr) 220px;gap:16px 22px}
.woori-reference-layout .photo{height:clamp(230px,27vh,295px)}
.manse main{padding-left:38px;padding-right:38px}
.manse .headline h1{font-size:32px}
.manse .single-story .photo{height:clamp(230px,25vh,285px)}
}
@media(min-width:901px) and (max-height:850px){
.magazine-header{padding-top:18px;padding-bottom:14px}
.manse main{padding-top:18px}
.manse .headline h1{font-size:32px;line-height:1.38}
.manse .crumb{margin-bottom:10px}
.manse .summary{margin-top:9px;margin-bottom:10px}
.manse #main .story-links{margin-top:8px;margin-bottom:14px}
.manse .single-story .photo{height:clamp(180px,25vh,212px)}
}
@media(max-width:600px){
.nara .sections{gap:0;justify-content:space-between;font-size:11px}
.compact-header{gap:12px;padding:10px 16px 12px;flex-wrap:wrap}
.woori .compact-header .brand{font-size:23px}
.woori .compact-header .sections{gap:9px;font-size:11px;overflow-x:auto;flex-basis:100%;order:2}
.compact-header .header-search{margin-left:auto}
.ticker{padding-left:16px;padding-right:16px;font-size:11px}
.woori-reference-layout{grid-template-columns:minmax(0,1fr) minmax(112px,34%);gap:14px}
.woori-reference-layout .photo{height:240px}
.woori #main .related-together{padding:9px}
.woori #main .related-together .related-list{gap:12px}
.manse header{padding:0 20px}
.magazine-header{padding-top:20px;padding-bottom:15px}
.magazine-header .brand{font-size:32px}
.manse .magazine-subnav .sections{gap:16px;font-size:12px}
.magazine-subnav>span{font-size:10px}
.manse main{padding:20px}
.manse .headline h1{font-size:28px}
.manse .single-story .photo{height:auto;aspect-ratio:1.8}
}
@media print{.related-together,.story-links,.ticker{display:none!important}.woori-reference-layout{display:block}}
/* Keep the photo and its related links together; the ranking column cannot push them down. */
.woori-story{min-width:0}
.woori-story>figure{margin:0 0 15px}
.woori #main .woori-story>.related-together{margin:0 0 18px}
@media(min-width:901px) and (max-height:850px){.manse .single-story .photo{height:clamp(172px,24vh,204px)}}
@media(min-width:901px) and (max-height:850px){.woori main{padding-top:19px}.woori-reference-layout .photo{height:200px}}