/* Scoped weather outfit layout; common header/footer remain shared. */
#weather-outfit-app{--jwo-ink:#202d44;--jwo-purple:#7460a5;color:var(--jwo-ink)}
#weather-outfit-app button,#weather-outfit-app select{font:inherit}#weather-outfit-app button{cursor:pointer;min-height:46px;border-radius:12px;border:1px solid #d5cce8;padding:11px 19px;background:#7562a4;color:white;font-weight:700}#weather-outfit-app button:disabled{opacity:.55;cursor:wait}#weather-outfit-app .jwo-secondary{background:white;color:#66528e}#weather-outfit-app :focus-visible{outline:3px solid #ed696c;outline-offset:3px}.jwo-hero{display:flex;justify-content:space-between;align-items:center;padding:44px 48px;background:linear-gradient(115deg,#fff,#faf8ff);border:1px solid #e1e3eb;border-radius:24px}.jwo-hero h1{font-size:clamp(34px,4.8vw,52px);letter-spacing:-.06em;margin:14px 0}.jwo-hero h1 span{background:linear-gradient(90deg,#f26a60,#dbaf42,#57aa9d,#6979bf);background-clip:text;-webkit-background-clip:text;color:transparent}.jwo-hero p{line-height:1.8;color:#6c7689}.jwo-hero-art{position:relative;display:flex;align-items:center;gap:9px;height:140px}.jwo-hero-art i{display:block;width:48px;height:96px;background:#9bb5a5;border-radius:24px}.jwo-hero-art i:nth-last-child(2){background:#f1cdcb;height:128px}.jwo-hero-art i:last-child{background:#98b9db}.jwo-hero-art span{position:absolute;color:#dcb558;font-size:52px;top:-34px;right:0}.jwo-mobile{display:none}.jwo-location{background:#fff;padding:25px 28px;border:1px solid #e1e3eb;border-radius:20px;margin-top:24px}.jwo-location h2{font-size:18px;margin:0 0 19px}.jwo-location form{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.jwo-location form>div{flex:1;min-width:150px}.jwo-location label{display:block;font-size:12px;margin-bottom:7px}.jwo-location select{width:100%;height:46px;border:1px solid #d6dce5;border-radius:10px;background:#fafbfe;padding:8px;color:#26374a}.jwo-small{font-size:12px;color:#687588;line-height:1.8}.jwo-location .jwo-small{margin-bottom:0}#jwo-status{font-size:14px;margin:22px 4px;line-height:1.7}#jwo-status[data-error=true]{color:#a03842}.jwo-weather{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:25px 30px;background:#fff;border:1px solid #dfe4ed;border-radius:20px}.jwo-weather h2{font-size:28px;margin:8px 0}.jwo-weather dl{display:flex;gap:28px;flex-wrap:wrap;margin:0}.jwo-weather dt{font-size:12px;color:#748096}.jwo-weather dd{margin:8px 0 0;font-size:20px;font-weight:750}.jwo-style{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:30px 0}.jwo-style>div{display:flex;border:1px solid #d9d7e8;background:white;border-radius:14px;padding:4px}#weather-outfit-app .jwo-style button{border:0;background:transparent;color:#786c8a}#weather-outfit-app .jwo-style button[aria-pressed=true]{background:#7562a4;color:#fff}.jwo-section-head{display:flex;align-items:end;justify-content:flex-start;gap:28px;margin-bottom:20px}.jwo-section-head h2{font-size:23px;margin:9px 0}.jwo-section-head>p{font-size:12px;line-height:1.7;color:#69768a;max-width:260px}.jwo-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.jwo-card{border:1px solid #dedfe9;border-radius:20px;background:#fff;padding:24px 20px 20px;overflow:hidden}.jwo-card h3{font-size:22px;margin:0}.jwo-card .jwo-tag{font-size:11px;letter-spacing:.12em;color:#9787aa;margin:7px 0}.jwo-figure{display:block;width:100%;height:auto;max-height:365px;margin:6px auto 12px}.jwo-card p{font-size:13px;line-height:1.8;color:#65748a}.jwo-card .jwo-items{min-height:47px;color:#384b60;font-weight:600}.jwo-chips{display:flex;gap:8px;margin:18px 0}.jwo-chips span{display:flex;align-items:center;gap:5px;font-size:10px;flex:1;white-space:nowrap}.jwo-chips i{display:block;width:20px;height:20px;border-radius:50%;border:1px solid #0001;flex-shrink:0}.jwo-card a{display:block;text-align:center;text-decoration:none;border:1px solid #c4b5dd;border-radius:10px;padding:13px 5px;font-size:12px;font-weight:700;color:#6b539d;background:#fdfbff}.jwo-tips{margin:24px 0;padding:24px 28px;border-radius:18px;background:#fff9ed;border:1px solid #eee4cb}.jwo-tips h3{font-size:17px;margin-top:0}.jwo-tips ul{padding-left:20px;margin-bottom:0;font-size:14px;line-height:1.9;color:#695e48}.jwo-note{padding:28px;background:#fff;border:1px solid #e1e3eb;border-radius:20px;margin:30px 0}.jwo-note h2{font-size:18px}.jwo-note p{font-size:13px;line-height:1.9;color:#697589}.jwo-note summary{cursor:pointer;font-size:14px;margin:20px 0}.jwo-note a{color:#70559b;text-underline-offset:3px}.jwo-note>a{font-size:13px;font-weight:700}.jwo-note details a{font-weight:normal}.jwo-figure *{vector-effect:non-scaling-stroke}
@media(max-width:760px){.jwo-hero{padding:30px}.jwo-hero-art i{width:28px}.jwo-weather{align-items:start;flex-direction:column}.jwo-weather dl{gap:22px}.jwo-cards{gap:10px}.jwo-card{padding:20px 12px}.jwo-chips{flex-wrap:wrap}.jwo-chips span{flex:auto}.jwo-section-head{display:block}.jwo-section-head>p{max-width:none}.jwo-card .jwo-items{min-height:70px}}
@media(max-width:560px){.jwo-hero{padding:28px 24px}.jwo-hero-art{display:none}.jwo-mobile{display:block}.jwo-location{padding:22px 18px}.jwo-location form>div{min-width:110px}.jwo-location form>button{flex:1;font-size:13px}.jwo-cards{grid-template-columns:1fr;gap:18px}.jwo-card{padding:24px}.jwo-figure{max-height:340px}.jwo-card .jwo-items{min-height:0}.jwo-chips span{font-size:12px}.jwo-weather{padding:23px}.jwo-weather dd{font-size:18px}.jwo-note,.jwo-tips{padding:23px}.jwo-style{gap:8px}.jwo-style button{padding:10px 15px!important}.jwo-card a{font-size:14px}}

/* Fashion artwork: preserve the full figure and give the illustration breathing room. */
#weather-outfit-app .jwo-figure{max-height:410px;margin:18px auto 16px;overflow:hidden;background:#fff}
#weather-outfit-app .jwo-card{display:flex;flex-direction:column}
#weather-outfit-app .jwo-card>a{margin-top:auto}
@media(max-width:560px){#weather-outfit-app .jwo-figure{max-height:420px}}

#weather-outfit-app .jwo-figure{height:360px;max-height:none;flex:0 0 360px}
#weather-outfit-app .jwo-card .jwo-items+p{min-height:64px}
@media(max-width:560px){#weather-outfit-app .jwo-figure{height:380px;max-height:none;flex-basis:380px}}

/* Weather artwork stays sharp at every size; no external image request. */
#weather-outfit-app .jwo-weather{display:grid;grid-template-columns:minmax(180px,max-content) 160px auto;gap:20px;justify-content:start}
.jwo-weather-art{width:160px;height:136px;justify-self:center;pointer-events:none}
.jwo-weather-art svg{display:block;width:100%;height:100%;overflow:visible}
.jwo-spark{animation:jwo-twinkle 4s ease-in-out infinite}
.jwo-cloud-drift{animation:jwo-drift 7s ease-in-out infinite}
@keyframes jwo-twinkle{0%,100%{opacity:1}50%{opacity:.4}}
@keyframes jwo-drift{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}
@media(max-width:1000px){#weather-outfit-app .jwo-weather{grid-template-columns:minmax(0,max-content) 140px}.jwo-weather-art{width:140px;height:119px}#jwo-weather-details{grid-column:1/-1;padding-top:16px;border-top:1px solid #edf0f5;justify-content:flex-start;gap:28px}}
@media(max-width:560px){#weather-outfit-app .jwo-weather{grid-template-columns:minmax(0,max-content) 100px;gap:8px 10px}.jwo-weather-art{width:100px;height:100px;align-self:center}.jwo-weather h2{font-size:24px}.jwo-weather .jtd-eyebrow{line-height:1.6}#jwo-weather-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;padding-top:18px;margin-top:6px}}
@media(prefers-reduced-motion:reduce){.jwo-weather-art *{animation:none!important}}