/* Woman Journal V10.1 — Burgundy Edition. Images keep natural ratios and adapt to landscape sources. */
:root{--v10-burgundy:#53142c;--v10-dark:#300917;--v10-deep:#3b0d20;--v10-plum:#6d2b46;--v10-cream:#fff7ed;--v10-gold:#cca476;--v10-muted:#c7a6ab;--v10-border:rgba(213,161,153,.38)}
body{background:var(--v10-deep)}
.wj-container{width:min(1480px,calc(100% - 76px))}
.wj-topline{background:#260712;color:#e6cbbf;letter-spacing:2.4px}
.wj-site-header{background:#300917;border-bottom:1px solid rgba(214,164,153,.3)}
.wj-header-inner{min-height:91px}
.wj-logo-group{gap:15px;min-width:290px}
.wj-brand-symbol{display:none}
.wj-brand-link{color:var(--v10-cream);gap:14px}
.wj-brand-words strong{font-family:Georgia,'Noto Serif TC','Songti TC','PMingLiU',serif;font-size:28px;letter-spacing:4px;font-weight:600;color:var(--v10-cream)}
.wj-brand-heart{display:none}
.wj-brand-words small{color:var(--v10-gold);font-size:10px;letter-spacing:3px}
.wj-edition{background:transparent;border:1px solid rgba(204,164,118,.48);color:#edcfaa;font-weight:500}
.wj-nav-list>li>a,.wj-nav .menu>li>a{color:#f6e8e0}
.wj-nav-list>li>a:hover,.wj-nav .menu>li>a:hover{color:var(--v10-gold)}
.wj-header-action{border-color:var(--v10-gold);color:var(--v10-cream);font-size:14px}
.wj-header-action:hover{background:var(--v10-gold);color:#2b0716}
.wj-nav .sub-menu{background:#481328;border-color:var(--v10-border)}
.wj-nav .sub-menu a{color:#f7eee8}
.wj-nav-toggle{border-color:var(--v10-border);color:#fff7ed}
.wjn-v10-home{background:linear-gradient(122deg,#57152e 0%,#54152d 44%,#431024 100%);color:#fff4ec;min-height:100vh}
.v10-hero{padding:38px 0 38px;background:radial-gradient(circle at 83% 21%,rgba(128,48,81,.23),transparent 44%)}
.v10-hero-inner{display:grid;grid-template-columns:minmax(275px,0.29fr) minmax(0,0.71fr);gap:34px;align-items:start}
.v10-intro{padding:6px 4px 0 0;min-width:0}
.v10-kicker{color:var(--v10-gold);letter-spacing:1.65px;font:600 12px/1.5 Georgia,serif;text-transform:uppercase}
.v10-kicker span{opacity:.8}
.v10-intro h1{font:500 clamp(64px,5.6vw,96px)/1.17 Georgia,'Noto Serif TC','Songti TC','PMingLiU',serif;letter-spacing:.07em;color:var(--v10-cream);margin:43px 0 13px;border-bottom:2px solid var(--v10-gold);padding-bottom:15px;white-space:nowrap}
.v10-sub-brand{color:var(--v10-gold);font:500 11px/1.7 Georgia,serif;letter-spacing:1px}
.v10-intro h2{font:600 clamp(22px,2.1vw,30px)/1.65 Georgia,'Noto Serif TC','Songti TC','PMingLiU',serif;letter-spacing:.03em;color:var(--v10-cream);margin:44px 0 20px}
.v10-desc{color:var(--v10-muted);line-height:2;font-size:15px;margin:0 0 26px}
.v10-ctas{display:flex;gap:12px;flex-wrap:wrap}
.v10-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:99px;padding:12px 22px;min-height:47px;font-size:13px;font-weight:700;transition:transform .18s ease,background .18s ease}
.v10-btn:hover{transform:translateY(-2px)}
.v10-btn-solid{color:#390d1b;background:var(--v10-cream)}
.v10-btn-solid:hover{background:#fff;color:#390d1b}
.v10-btn-ghost{color:var(--v10-cream);border:1px solid var(--v10-gold)}
.v10-btn-ghost:hover{background:#6a2a43;color:#fff}
.v10-picks{border-top:1px solid var(--v10-border);margin-top:34px;padding-top:16px}
.v10-picks-kicker{font:500 12px/1.5 Georgia,serif;color:var(--v10-gold);letter-spacing:.8px;margin-bottom:8px}
.v10-picks a{display:grid;grid-template-columns:43px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:12px;padding:11px 2px;border-bottom:1px solid rgba(231,188,187,.18)}
.v10-picks a>span{grid-row:span 2;font:400 27px/1.3 Georgia,serif;color:var(--v10-gold)}
.v10-picks strong{font:600 17px/1.3 'Noto Serif TC','Songti TC',serif;color:var(--v10-cream)}
.v10-picks small{font-size:11px;color:var(--v10-muted)}
.v10-picks a:hover strong{color:var(--v10-gold)}
.v10-gallery-column{min-width:0}
.v10-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.v10-gallery-item{display:flex;flex-direction:column;min-width:0;color:var(--v10-cream)}
.v10-picture{width:100%;aspect-ratio:auto;height:auto;background:#3c0d20;display:block;overflow:hidden;border-radius:8px;outline:1px solid rgba(211,163,144,.28);outline-offset:-1px}
.v10-picture img{display:block;width:100%;height:auto!important;object-fit:contain!important;object-position:center!important;max-width:100%;max-height:none;background:transparent;border:0;border-radius:0;transition:transform .2s ease}
/* No object-fit cover: every full original image remains visible. */
.v10-gallery-item:hover .v10-picture img{transform:scale(1.015)}
.v10-picture-empty{width:100%;height:100%;background:linear-gradient(135deg,#692743,#34091b);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;color:#d6af91}
.v10-picture-empty b{font:italic 74px/1 Georgia,serif;letter-spacing:.03em}
.v10-picture-empty span{font-size:12px;letter-spacing:3px}
.v10-photo-info{display:flex;flex-direction:column;border-top:1px solid rgba(226,177,155,.63);margin-top:13px;padding-top:4px;gap:4px}
.v10-photo-code{color:var(--v10-gold);font:500 11px/1.7 Georgia,serif;letter-spacing:.7px}
.v10-photo-name{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--v10-cream);font:600 clamp(17px,1.5vw,24px)/1.45 'Noto Serif TC','Songti TC',serif}
.v10-photo-name span{color:var(--v10-gold);flex-shrink:0}
.v10-city-row{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:35px;padding:17px 0 10px;border-top:1px solid var(--v10-border)}
.v10-city-row>span{font:500 11px/1.4 Georgia,serif;color:var(--v10-gold);letter-spacing:.6px;white-space:nowrap}
.v10-city-row nav{display:flex;flex:1;justify-content:flex-end;align-items:center;min-width:0}
.v10-city-row nav a{padding:4px clamp(12px,2.3vw,34px);color:var(--v10-cream);font:600 clamp(14px,1.2vw,19px)/1.4 'Noto Serif TC','Songti TC',serif;border-left:1px solid var(--v10-border);white-space:nowrap}
.v10-city-row nav a:first-child{border-left:0}
.v10-city-row nav a:hover{color:var(--v10-gold)}
.v10-latest{background:#380a1c;border-top:1px solid rgba(209,147,144,.2);padding:40px 0 75px}
.v10-section-head span{font:500 12px/1.5 Georgia,serif;letter-spacing:.6px;color:var(--v10-gold)}
.v10-section-head h2{font:600 clamp(27px,3vw,40px)/1.35 'Noto Serif TC','Songti TC',serif;color:var(--v10-cream);margin:10px 0 4px}
.v10-section-head p{font-size:13px;color:var(--v10-muted);margin:0 0 24px}
.v10-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.v10-post-tile{background:#55203a;border:1px solid rgba(220,155,157,.30);border-radius:12px;min-width:0;transition:transform .2s ease,background .2s ease}
.v10-post-tile:hover{background:#672743;transform:translateY(-3px)}
.v10-tile-link{display:flex;padding:13px;gap:15px;align-items:stretch;height:100%;color:#fff4eb}
.v10-tile-pic{width:95px;height:118px;flex:0 0 95px;display:grid;place-items:center;background:#441225;overflow:hidden;border-radius:8px}
.v10-tile-pic img{width:100%;height:100%;object-fit:contain!important;display:block;background:#441225}
.v10-tile-empty{color:var(--v10-gold);font:34px Georgia,serif}
.v10-tile-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;justify-content:center}
.v10-tile-cat{color:var(--v10-gold);font-size:11px;letter-spacing:.4px}
.v10-tile-text strong{font:600 17px/1.55 'Noto Serif TC','Songti TC',serif;color:#fff7ed;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.v10-readmore{color:var(--v10-gold);font-size:12px;letter-spacing:1px}
.v10-no-posts{border:1px solid var(--v10-border);padding:30px;border-radius:12px;color:var(--v10-muted)}
.wjn-v10-home .wj-pagination .page-numbers{color:#fff6ed;border-color:rgba(236,185,166,.35);background:transparent}
.wjn-v10-home .wj-pagination .page-numbers.current{background:var(--v10-gold);color:#321021}
.wj-footer{background:#290714;color:#e8d3d0}
.wj-footer a{color:#e8d3d0}.wj-footer a:hover{color:var(--v10-gold)}
/* Preserve legible article, archive, and search pages. */
.wj-content-main,.wj-article-main{background:#fff9f5}
.wj-content-main .wj-container,.wj-article-main .wj-container{color:#3b3034}
.wj-article-content img{max-width:100%;height:auto;object-fit:contain}
@media(max-width:1200px){
 .wj-container{width:min(100% - 50px,1400px)}
 .v10-hero-inner{grid-template-columns:minmax(275px,31%) minmax(0,69%);gap:20px}
 .v10-intro h1{font-size:clamp(60px,6vw,82px)}
 .v10-city-row nav a{padding-inline:15px}
}
@media(max-width:900px){
 .wj-site-header .wj-nav{background:#400c22;border-color:var(--v10-border)}
 .wj-nav-list li a,.wj-nav .menu>li>a{color:#fff7ef}
 .v10-hero-inner{display:flex;flex-direction:column;gap:29px}
 .v10-intro{width:100%}
 .v10-intro h1{font-size:clamp(58px,8vw,80px);margin-top:28px}
 .v10-intro h2{margin-top:25px}
 .v10-picks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:27px}
 .v10-picks-kicker{grid-column:1/-1}
 .v10-picks a{padding:8px 0}
 .v10-gallery-column{width:100%}
 .v10-city-row{justify-content:flex-start;flex-wrap:wrap}
 .v10-city-row nav{justify-content:flex-start;flex-wrap:wrap}
 .v10-city-row nav a{padding-inline:18px}
 .v10-posts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 .wj-container{width:calc(100% - 28px)}
 .wj-header-inner{min-height:70px}
 .wj-logo-group{min-width:0;gap:7px}
 .wj-brand-words strong{font-size:22px}
 .wj-brand-words small{font-size:8px;letter-spacing:1px}
 .wj-edition{font-size:10px;padding:2px 6px}
 .v10-hero{padding-top:22px;padding-bottom:28px}
 .v10-kicker{font-size:10px}
 .v10-intro h1{font-size:58px;margin:18px 0 11px;padding-bottom:8px}
 .v10-sub-brand{font-size:10px}
 .v10-intro h2{font-size:21px;margin:19px 0 10px}
 .v10-desc{font-size:13px;line-height:1.85;margin-bottom:17px}
 .v10-ctas{gap:7px}
 .v10-btn{min-height:42px;padding:10px 15px;font-size:12px}
 .v10-picks{gap:7px;margin-top:21px}
 .v10-picks a{grid-template-columns:1fr;display:flex;flex-direction:column;align-items:flex-start;gap:3px;border-bottom:0;border-left:1px solid var(--v10-border);padding:5px 8px}
 .v10-picks a>span{font-size:19px}
 .v10-picks strong{font-size:14px}
 .v10-picks small{font-size:10px;line-height:1.4}
 .v10-gallery{gap:6px}
 .v10-picture{aspect-ratio:auto;border-radius:5px}
 .v10-photo-info{margin-top:7px;padding-top:4px}
 .v10-photo-code{font-size:8px;letter-spacing:0}
 .v10-photo-name{font-size:12px;line-height:1.35}
 .v10-city-row{display:block;margin-top:17px;padding-top:11px}
 .v10-city-row>span{font-size:10px}
 .v10-city-row nav{margin-top:8px;gap:4px}
 .v10-city-row nav a{font-size:13px;border-left:0;border:1px solid var(--v10-border);border-radius:18px;padding:6px 11px}
 .v10-latest{padding:26px 0 45px}
 .v10-section-head h2{font-size:26px}
 .v10-posts{grid-template-columns:1fr;gap:9px}
 .v10-tile-pic{flex-basis:85px;width:85px;height:105px}
 .v10-tile-text strong{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.v10-btn,.v10-gallery-item .v10-picture img,.v10-post-tile{transition:none}}


/* V10.1: adapt automatically when at least two of the three post images are landscape.
 * The second picture becomes a large focal image, first and third form the right stack.
 * Pictures are never forced into portrait boxes and use their natural aspect ratios. */
.v10-gallery.v101-landscape-layout{
 display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);
 grid-template-areas:"main aside-one" "main aside-two";
 grid-template-rows:auto auto;gap:15px 18px;align-items:start;
}
.v10-gallery.v101-landscape-layout .v10-gallery-item:nth-child(1){grid-area:aside-one}
.v10-gallery.v101-landscape-layout .v10-gallery-item:nth-child(2){grid-area:main}
.v10-gallery.v101-landscape-layout .v10-gallery-item:nth-child(3){grid-area:aside-two}
.v10-gallery.v101-landscape-layout .v10-gallery-item:nth-child(2) .v10-picture{
 border-radius:9px;outline:1px solid rgba(211,163,144,.34)
}
.v10-gallery.v101-landscape-layout .v10-gallery-item .v10-photo-info{margin-top:9px}
.v10-gallery.v101-landscape-layout .v10-photo-name{
 font-size:clamp(15px,1.25vw,21px);line-height:1.4;
 display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden
}
.v10-gallery.v101-landscape-layout .v10-gallery-item:nth-child(2) .v10-photo-name{
 font-size:clamp(19px,1.55vw,25px);-webkit-line-clamp:3
}
.v10-gallery.v101-landscape-layout .v10-picture img{height:auto!important;object-fit:contain!important}
/* Keep the fallback image placeholder visible even without post images */
.v10-picture:has(.v10-picture-empty){aspect-ratio:0.78}
@media(max-width:900px){
 .v10-gallery.v101-landscape-layout{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}
}
@media(max-width:600px){
 /* A larger main photo and full-size previews on mobile, no cramped narrow thumbnails. */
 .v10-gallery.v101-landscape-layout{display:flex;flex-direction:column;gap:16px}
 .v10-gallery.v101-landscape-layout .v10-gallery-item{width:100%}
 .v10-gallery.v101-landscape-layout .v10-gallery-item:nth-child(2){order:0}
 .v10-gallery.v101-landscape-layout .v10-gallery-item:nth-child(1){order:1}
 .v10-gallery.v101-landscape-layout .v10-gallery-item:nth-child(3){order:2}
 .v10-gallery.v101-landscape-layout .v10-photo-name,
 .v10-gallery.v101-landscape-layout .v10-gallery-item:nth-child(2) .v10-photo-name{font-size:17px}
}