/* 튀르키예 날씨 — 흰 바탕·파란 선택·얇은 구분선. 전부 #wx-app 아래 */
#wx-app { --b: #2563eb; --b-soft: #eff4ff; --ink: #1f2328; --ink2: #6b7280; --line: #e5e7eb;
  max-width: 680px; margin: 0 auto; padding: 20px 16px 48px; background: #fff; color: var(--ink);
  font-family: "Noto Sans KR", system-ui, sans-serif; line-height: 1.55; word-break: keep-all; }
#wx-app * { box-sizing: border-box; }
#wx-app button { font: inherit; cursor: pointer; }
#wx-app .wx-h1 { margin: 4px 0 12px; font-size: 1.45rem; font-weight: 800; }
#wx-app .wx-months { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 4px; scrollbar-width: none; }
#wx-app .wx-months::-webkit-scrollbar { display: none; }
#wx-app .wx-m { flex: none; min-width: 52px; padding: 8px 0; border: 1px solid var(--line); border-radius: 999px; background: #fff; color: var(--ink); font-size: .9rem; }
#wx-app .wx-m.on { background: var(--b); border-color: var(--b); color: #fff; font-weight: 700; }
#wx-app .wx-cities { display: flex; margin: 14px 0 0; border-bottom: 1px solid var(--line); }
#wx-app .wx-c { flex: 1; padding: 10px 0; border: 0; border-bottom: 2px solid transparent; background: none; color: var(--ink2); font-size: .98rem; }
#wx-app .wx-c.on { color: var(--b); border-bottom-color: var(--b); font-weight: 700; }
#wx-app .wx-sum { padding: 16px 0 6px; }
#wx-app .wx-label { margin: 0; font-size: .8rem; color: var(--ink2); }
#wx-app .wx-line { margin: 4px 0 14px; font-size: 1.32rem; font-weight: 800; line-height: 1.4; }
#wx-app .wx-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin: 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
#wx-app .wx-facts > div { padding: 10px 0; }
#wx-app .wx-facts > div + div { padding-left: 14px; border-left: 1px solid var(--line); }
#wx-app dt { font-size: .8rem; color: var(--ink2); }
#wx-app dd { margin: 2px 0 0; font-size: 1.05rem; font-weight: 700; }
#wx-app .wx-facts .lo { color: var(--b); }
#wx-app .wx-facts .hi { color: #dc2626; }
#wx-app .wx-rows { margin: 0; }
#wx-app .wx-rows > div { padding: 10px 0; border-bottom: 1px solid var(--line); }
#wx-app .wx-rows dd { font-size: .98rem; font-weight: 600; }
#wx-app .wx-event { margin: 10px 0 0; padding: 8px 12px; background: var(--b-soft); border-radius: 8px; font-size: .88rem; color: #1e40af; }
#wx-app .wx-sec { padding-top: 18px; }
#wx-app .wx-h2 { margin: 0 0 6px; font-size: 1.05rem; font-weight: 800; }
#wx-app .wx-tips { list-style: none; margin: 0; padding: 0; }
#wx-app .wx-tips li { padding: 10px 0; border-bottom: 1px solid var(--line); font-size: .92rem; }
#wx-app .wx-tips strong { display: block; font-size: .8rem; color: var(--b); }
#wx-app .wx-more { margin-top: 20px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
#wx-app .wx-more summary { padding: 14px 0; font-weight: 700; cursor: pointer; color: var(--ink); }
#wx-app .wx-table { width: 100%; border-collapse: collapse; font-size: .84rem; }
#wx-app .wx-table th, #wx-app .wx-table td { padding: 6px 4px; border-bottom: 1px solid var(--line); text-align: left; white-space: nowrap; }
#wx-app .wx-table thead th { font-size: .75rem; color: var(--ink2); font-weight: 600; }
#wx-app .wx-table tr.on { background: var(--b-soft); }
#wx-app .wx-table .bar { width: 34%; }
#wx-app .wx-table .bar span { display: inline-block; height: 8px; background: #93b4f5; border-radius: 4px; vertical-align: middle; max-width: 70%; }
#wx-app .wx-table .bar em { font-style: normal; margin-left: 4px; color: var(--ink2); font-size: .75rem; }
#wx-app .wx-h3 { margin: 16px 0 4px; font-size: .92rem; }
#wx-app .wx-season { margin: 0 0 14px; padding-left: 18px; font-size: .88rem; }
#wx-app .wx-season strong { margin-right: 4px; }
#wx-app .wx-small { margin: 8px 0 0; font-size: .78rem; color: var(--ink2); }
#wx-app .wx-small a { color: var(--b); }
#wx-app .wx-foot { margin-top: 18px; }
#wx-app .wx-src { margin: 4px 0 0; padding-left: 18px; font-size: .75rem; color: var(--ink2); }
#wx-app .wx-src a { color: inherit; word-break: break-all; }
/* 꾸밈 (10-19, 콘텐츠 담당 '너무 단순') — 흰 카드. 아이콘은 여행코스와 같은 Material Symbols Rounded (packages/shared/lib/icons.ts 세트) */
#wx-app {
  --i-weather: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%20-960%20960%20960%27%3E%3Cpath%20d%3D%27m749-169-63-63q-9-9.07-9-21.53%200-12.47%209-21.47%209-9%2021.47-9%2012.46%200%2021.53%209l63%2063q9%209.07%209%2021.53%200%2012.47-9.05%2021.47-9.06%209-21.5%209-12.45%200-21.45-9Zm-509-11q-57.75%200-98.87-41.18-41.13-41.17-41.13-99Q100-378%20141.13-419q41.12-41%2098.87-41%2038.86%200%2071.64%2020.91Q344.43-418.19%20359-382l18.24%2041H421q33%200%2056%2024t23%2057q0%2033-23.5%2056.5T420-180H240Zm318-73q0-61-41-104.5T416-401q-20-56-68-89t-108-30q14-88%2082.5-144T480-720q100%200%20170%2070t70%20170q0%2078-44.5%20140T558-253Zm242-197q-12.75%200-21.37-8.68-8.63-8.67-8.63-21.5%200-12.82%208.63-21.32%208.62-8.5%2021.37-8.5h90q12.75%200%2021.38%208.68%208.62%208.67%208.62%2021.5%200%2012.82-8.62%2021.32-8.63%208.5-21.38%208.5h-90ZM233-685l-64-64q-9-9-9-21t9-21q8.8-9%2020.9-9%2012.1%200%2021.1%209l64%2064q9%208.8%209%2020.9%200%2012.1-9%2021.1-9%209-21%209t-21-9Zm452%200q-9-9-9-21.47%200-12.46%209-21.53l63-63q9.07-9%2021.53-9%2012.47%200%2021.47%209%209%209%209%2021t-9%2021l-64%2064q-9%209-21%209t-21-9Zm-205.18-85q-12.82%200-21.32-8.63-8.5-8.62-8.5-21.37v-90q0-12.75%208.68-21.38%208.67-8.62%2021.5-8.62%2012.82%200%2021.32%208.62%208.5%208.63%208.5%2021.38v90q0%2012.75-8.68%2021.37-8.67%208.63-21.5%208.63Z%27%2F%3E%3C%2Fsvg%3E");
  --i-thermostat: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%20-960%20960%20960%27%3E%3Cpath%20d%3D%27M560-520q-17%200-28.5-11.5T520-560q0-17%2011.5-28.5T560-600h120q17%200%2028.5%2011.5T720-560q0%2017-11.5%2028.5T680-520H560Zm0-160q-17%200-28.5-11.5T520-720q0-17%2011.5-28.5T560-760h240q17%200%2028.5%2011.5T840-720q0%2017-11.5%2028.5T800-680H560ZM178.5-178.5Q120-237%20120-320q0-48%2021-89.5t59-70.5v-240q0-50%2035-85t85-35q50%200%2085%2035t35%2085v240q38%2029%2059%2070.5t21%2089.5q0%2083-58.5%20141.5T320-120q-83%200-141.5-58.5ZM200-320h240q0-29-12.5-54T392-416l-32-24v-280q0-17-11.5-28.5T320-760q-17%200-28.5%2011.5T280-720v280l-32%2024q-23%2017-35.5%2042T200-320Z%27%2F%3E%3C%2Fsvg%3E");
  --i-umbrella: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%20-960%20960%20960%27%3E%3Cpath%20d%3D%27m520-368%2078-238-36%209-42-31v260Zm-80%200v-260l-42%2032-37-10%2079%20238Zm17.5%20281.5Q447-93%20442-107L263-649q-8-23%208-39.5t39-11.5l70%2017%2060-46v-95q0-40%2029-68t71-28q42%200%2071%2028t29%2068q0%2017-11.5%2028.5T600-784q-17%200-28.5-11.5T560-824q0-8-6-13.5t-14-5.5q-8%200-14%205.5t-6%2013.5v95l60%2046%2070-17q23-5%2039%2011.5t8%2039.5L518-108q-5%2014-15.5%2021T480-80q-12%200-22.5-6.5Z%27%2F%3E%3C%2Fsvg%3E");
  --i-checkroom: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%20-960%20960%20960%27%3E%3Cpath%20d%3D%27M240-240h480L480-420%20240-240Zm185-444q-5%2011-14.5%2018t-22.5%207q-17%200-28.5-11.5T348-699q0-5%20.5-8.5t2.5-7.5q17-38%2052-61.5t77-23.5q58%200%2099%2040.5t41%2098.5q0%2047-27.5%2084T520-526v36l344%20258q8%205%2012%2013.5t4%2018.5q0%2017-11.5%2028.5T840-160H120q-17%200-28.5-11.5T80-200q0-10%204-18.5T96-232l344-258v-70q0-17%2012-28.5t29-11.5q25%200%2042-18t17-43q0-25-17.5-42T480-720q-18%200-33%209.5T425-684Z%27%2F%3E%3C%2Fsvg%3E");
  --i-backpack: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%20-960%20960%20960%27%3E%3Cpath%20d%3D%27M240-80q-33%200-56.5-23.5T160-160v-480q0-56%2034-98t86-56v-46q0-17%2011.5-28.5T320-880h40q17%200%2028.5%2011.5T400-840v40h160v-40q0-17%2011.5-28.5T600-880h40q17%200%2028.5%2011.5T680-840v46q52%2014%2086%2056t34%2098v480q0%2033-23.5%2056.5T720-80H240Zm340-320v40q0%2017%2011.5%2028.5T620-320q17%200%2028.5-11.5T660-360v-80q0-17-11.5-28.5T620-480H340q-17%200-28.5%2011.5T300-440q0%2017%2011.5%2028.5T340-400h240Z%27%2F%3E%3C%2Fsvg%3E");
  --i-tip: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%20-960%20960%20960%27%3E%3Cpath%20d%3D%27M480-80q-34%200-57.5-23.5T399-161h162q0%2034-23.5%2057.5T480-80ZM348-223q-13%200-21.5-8.5T318-253q0-13%208.5-21.5T348-283h264q13%200%2021.5%208.5T642-253q0%2013-8.5%2021.5T612-223H348Zm-25-121q-66-43-104.5-107.5T180-597q0-122%2089-211t211-89q122%200%20211%2089t89%20211q0%2081-38%20145.5T637-344H323Z%27%2F%3E%3C%2Fsvg%3E");
  --i-celebrate: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%20-960%20960%20960%27%3E%3Cpath%20d%3D%27m101-140%20149-416q4-10%2011.5-15t16.5-5q5%200%2010.5%202t10.5%207l270%20266q5%205%207%2010.5t2%2011.5q0%209-5%2016.5T558-251L140-101q-9%203-17.5%201t-14.5-8q-6-6-8-14.5t1-17.5Zm824-546q-7%207-17%207t-17-7l-2-2q-19-19-44-19.5T800-688L574-462q-7%207-17%207t-17-7q-7-7-7-17t7-17l223-223q32-32%2081-32.5t81%2031.5q7%207%207%2017t-7%2017ZM383-811q7-7%2017-7t17%207l9%209q35%2035%2034.5%2087.5T425-627l-10%2010q-7%207-17%207t-17-7q-7-7-7-17t7-17l13-13q23-23%2021.5-52.5T394-766l-11-11q-7-7-7-17t7-17Zm169-73q7-7%2017-7t17%207l46%2046q31%2032%2032%2080.5T633-677L496-540q-7%207-17%207t-17-7q-7-7-7-17t7-17l135-135q19-19%2018.5-48.5T596-806l-44-44q-7-7-7-17t7-17Zm300%20505q-7%207-17%207t-17-7l-35-35q-23-23-48-23t-48%2023l-33%2033q-7%207-17%207t-17-7q-7-7-7-17t7-17l30-30q35-35%2084-36t84%2034l34%2034q7%207%207%2017t-7%2017Z%27%2F%3E%3C%2Fsvg%3E");
  --i-calendar: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%20-960%20960%20960%27%3E%3Cpath%20d%3D%27M180-80q-24%200-42-18t-18-42v-620q0-24%2018-42t42-18h65v-28q0-13.6%209.2-22.8%209.2-9.2%2022.8-9.2%2014.02%200%2023.51%209.2Q310-861.6%20310-848v28h340v-28q0-13.6%209.2-22.8%209.2-9.2%2022.8-9.2%2014.03%200%2023.51%209.2Q715-861.6%20715-848v28h65q24%200%2042%2018t18%2042v620q0%2024-18%2042t-42%2018H180Zm0-60h600v-430H180v430Zm300-260q-17%200-28.5-11.5T440-440q0-17%2011.5-28.5T480-480q17%200%2028.5%2011.5T520-440q0%2017-11.5%2028.5T480-400Zm-160%200q-17%200-28.5-11.5T280-440q0-17%2011.5-28.5T320-480q17%200%2028.5%2011.5T360-440q0%2017-11.5%2028.5T320-400Zm320%200q-17%200-28.5-11.5T600-440q0-17%2011.5-28.5T640-480q17%200%2028.5%2011.5T680-440q0%2017-11.5%2028.5T640-400ZM480-240q-17%200-28.5-11.5T440-280q0-17%2011.5-28.5T480-320q17%200%2028.5%2011.5T520-280q0%2017-11.5%2028.5T480-240Zm-160%200q-17%200-28.5-11.5T280-280q0-17%2011.5-28.5T320-320q17%200%2028.5%2011.5T360-280q0%2017-11.5%2028.5T320-240Zm320%200q-17%200-28.5-11.5T600-280q0-17%2011.5-28.5T640-320q17%200%2028.5%2011.5T680-280q0%2017-11.5%2028.5T640-240Z%27%2F%3E%3C%2Fsvg%3E");
}
#wx-app { background: #f5f7fb; }
#wx-app .wx-h2::before, #wx-app .wx-facts dt::before, #wx-app .wx-rows dt::before, #wx-app .wx-event::before, #wx-app .wx-more summary::before {
  content: ""; flex: none; background: currentColor; -webkit-mask: var(--ic) center/contain no-repeat; mask: var(--ic) center/contain no-repeat; }
#wx-app .wx-sum, #wx-app .wx-sec, #wx-app .wx-more { margin-top: 14px; padding: 18px 16px; border: 1px solid var(--line); border-radius: 16px; background: #fff; box-shadow: 0 1px 3px rgba(15,23,42,.05); }
#wx-app .wx-cities { margin-top: 14px; padding: 4px; border: 0; border-radius: 12px; background: #fff; border: 1px solid var(--line); }
#wx-app .wx-c { border: 0; border-radius: 9px; }
#wx-app .wx-c.on { background: var(--b); color: #fff; }
#wx-app .wx-facts { border: 0; border-radius: 12px; background: var(--b-soft); }
#wx-app .wx-facts > div { padding: 12px 14px; }
#wx-app .wx-facts > div + div { border-left-color: #dbe5fb; }
#wx-app .wx-facts dt, #wx-app .wx-rows dt, #wx-app .wx-h2, #wx-app .wx-event, #wx-app .wx-more summary { display: flex; align-items: center; gap: 6px; }
#wx-app .wx-facts dt::before, #wx-app .wx-rows dt::before { width: 16px; height: 16px; color: var(--b); }
#wx-app .ic-temp { --ic: var(--i-thermostat); }
#wx-app .ic-rain { --ic: var(--i-umbrella); }
#wx-app .ic-wear { --ic: var(--i-checkroom); }
#wx-app .ic-pack { --ic: var(--i-backpack); }
#wx-app .wx-rows > div:last-child { border-bottom: 0; }
#wx-app .wx-h2::before { --ic: var(--i-tip); width: 22px; height: 22px; color: #f59e0b; }
#wx-app .wx-tips li:last-child { border-bottom: 0; }
#wx-app .wx-event::before { --ic: var(--i-celebrate); width: 16px; height: 16px; }
#wx-app .wx-more { padding-top: 0; padding-bottom: 0; }
#wx-app .wx-more summary::before { --ic: var(--i-calendar); width: 18px; height: 18px; color: var(--b); }
#wx-app .wx-more[open] { padding-bottom: 16px; }
#wx-app .wx-event[hidden] { display: none; }
/* 도시 카드 3장 (10-27, 담당자 'PC 에서도 예쁘게' — /info/turkey-stay-areas/ 가이드 화면 기준).
   모바일: 도시 탭으로 고른 카드 하나만 · PC(900px~): 1024px 폭, 12달 한 줄, 세 도시 카드 나란히 */
#wx-app .wx-label b { font-weight: 700; }
#wx-app .wx-sum .wx-h2 { margin: 18px 0 2px; font-size: 1rem; }
#wx-app .wx-sum .wx-h2::before { width: 20px; height: 20px; }
#wx-app .wx-sum:not(.on) { display: none; }
@media (min-width: 900px) {
  #wx-app { max-width: 1056px; padding: 40px 16px 72px; background: #fff; }
  #wx-app .wx-months { display: grid; grid-template-columns: repeat(12, 1fr); gap: 8px; overflow: visible; padding: 0; }
  #wx-app .wx-m { min-width: 0; padding: 10px 0; font-size: .95rem; transition: border-color .15s, color .15s; }
  #wx-app .wx-m:not(.on):hover { border-color: var(--b); color: var(--b); }
  #wx-app .wx-cities { display: inline-flex; gap: 8px; margin: 28px 0 0; padding: 0; border: 0; background: none; }
  #wx-app .wx-c { flex: none; padding: 8px 20px; border: 1px solid var(--line); border-radius: 999px; background: #fff; font-size: .95rem; }
  #wx-app .wx-c.on { border-color: var(--b); }
  #wx-app .wx-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 16px; }
  #wx-app .wx-sum, #wx-app .wx-sum:not(.on) { display: block; margin: 0; padding: 0 0 8px; overflow: hidden; border-radius: 18px;
    box-shadow: 0 4px 16px rgba(15,23,42,.06); cursor: pointer; transition: border-color .15s, box-shadow .15s; }
  #wx-app .wx-sum.on { border-color: var(--b); box-shadow: 0 0 0 1px var(--b), 0 8px 24px rgba(37,99,235,.12); cursor: default; }
  #wx-app .wx-sum:not(.on):hover { border-color: #bfd0f7; }
  #wx-app .wx-sum > * { margin-left: 20px; margin-right: 20px; }
  #wx-app .wx-sum .wx-label { margin: 0; padding: 14px 20px; background: #f8fafc; border-bottom: 1px solid var(--line); font-size: .85rem; }
  #wx-app .wx-sum .wx-label b { margin: 0 2px; font-family: "Paperlogy", "Noto Sans KR", sans-serif; font-size: 1.15rem; font-weight: 800; color: var(--ink); }
  #wx-app .wx-sum.on .wx-label { background: var(--b-soft); }
  #wx-app .wx-sum .wx-h2 { margin: 20px 20px 2px; }
  #wx-app .wx-sum .wx-facts dd { font-size: 1rem; white-space: nowrap; }
  #wx-app .wx-sum .wx-line { margin-top: 16px; font-size: 1.12rem; min-height: 3.1em; }
  #wx-app .wx-more { margin-top: 28px; padding: 0 24px; }
  #wx-app .wx-more[open] { padding-bottom: 20px; }
  #wx-app .wx-table { font-size: .9rem; }
  #wx-app .wx-table th, #wx-app .wx-table td { padding: 9px 8px; }
  #wx-app .wx-table .bar { width: 40%; }
  #wx-app .wx-foot { margin-top: 32px; padding-top: 20px; border-top: 1px solid var(--line); }
}
/* 머리말 (10-27, 담당자 '너무 쨍해' — 연한 회색 카드 + 작은 '정보' + 오른쪽 아래 그림) */
#wx-app .wx-hd { display: flex; align-items: flex-end; justify-content: space-between; gap: 8px; margin: 0 0 14px; padding: 22px 16px 16px 20px; border-radius: 20px; background: #EAF0FD; }
#wx-app .wx-hd-tx { min-width: 0; padding-bottom: 6px; }
#wx-app .wx-hd-lb { margin: 0 0 8px; font-size: .8rem; font-weight: 600; color: #8b8f96; }
#wx-app .wx-h1 { display: block; margin: 0; padding: 0; background: none; color: #191f28; font-size: 1.45rem; font-weight: 800; line-height: 1.35; letter-spacing: -.01em; }
#wx-app .wx-lead { margin: 8px 0 0; padding: 0; background: none; font-size: .86rem; color: #8b8f96; }
#wx-app .wx-art { flex: none; width: 108px; height: auto; }
@media (min-width: 900px) {
  #wx-app .wx-hd { margin-bottom: 28px; padding: 40px 40px 28px 44px; border-radius: 24px; }
  #wx-app .wx-h1 { font-size: 2rem; }
  #wx-app .wx-lead { font-size: .95rem; }
  #wx-app .wx-art { width: 168px; }
}