/* CCAA v13 — final layout overrides. Loaded after styles.css to eliminate stale conflicts. */
/* DESKTOP & TABLET : weather column matches the original 102px tall widget. */
#main .weather-showcase.quick-access-row{
 display:grid;
 grid-template-columns:minmax(300px,325px) minmax(0,1fr);
 gap:18px;
 align-items:start;
 width:100% !important;
 margin:16px 0 0 !important;
 padding:0 !important;
}
#main .weather-showcase .quick-weather{
 min-height:0 !important;
 height:102px !important;
 width:100%;
 display:block;
 padding:0 !important;
 margin:0;
 align-self:start;
}
#main .weather-showcase .quick-weather .ccaa-weather{
 width:100%;max-width:none;height:102px;
 margin:0; padding:0; overflow:hidden;
 background:transparent;
}
#main .weather-showcase .quick-weather .ccaa-weather-title{
 height:20px;line-height:20px;font-size:14px;
 margin:0;color:#304b3c;font-weight:800;
}
#main .weather-showcase .quick-weather .ccaa-weather-viewport{
 height:82px;width:100%;overflow:hidden;position:relative;
}
#main .weather-showcase .quick-weather .ccaa-weather-scale{
 width:111.111%;min-height:92px;
 transform:scale(.90);transform-origin:top left;
}
#main .weather-showcase .quick-weather .ccaa-weather-scale .weatherwidget-io{
 display:block;width:100%;min-height:92px;height:92px;
}
#main .weather-showcase .quick-weather .ccaa-weather-scale iframe{
 display:block;width:100% !important;height:92px !important;
 max-height:92px !important;border:0 !important;
}
#main .weather-showcase.quick-access-row .quick-program-grid{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
 gap:11px;align-self:start;align-items:stretch;
 min-width:0;width:100%;
}
#main .weather-showcase.quick-access-row .quick-program-grid > .program-card{
 width:100% !important;
 height:102px !important;
 min-height:102px !important;
 max-height:102px !important;
 padding:10px 10px 9px !important;
 border-radius:11px !important;
 display:flex !important;
 flex-direction:column;
 justify-content:space-between !important;
 align-items:stretch;
 gap:2px !important;
 position:relative;
 overflow:hidden;
 box-sizing:border-box;
}
#main .quick-program-grid .card-number{font-size:10px !important;line-height:1.12;}
#main .quick-program-grid .card-number span{display:none;}
#main .quick-program-grid .quick-card-copy{display:flex;flex-direction:column;gap:3px;max-width:100%;min-width:0;}
#main .quick-program-grid .quick-card-copy strong{font-size:15px !important;line-height:1.13;letter-spacing:-.05em;}
#main .quick-program-grid .quick-card-description{
 display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
 line-clamp:2;overflow:hidden;
 font-size:10px !important;line-height:1.3 !important;
 letter-spacing:-.035em;word-break:keep-all;
}
#main .quick-program-grid .arrow-circle{position:absolute;top:8px;right:8px;width:20px;height:20px;font-size:12px;}
/* Small, restrained association statement below quick links. */
#main .creative-statement{padding:21px 2px 15px !important;gap:18px;}
#main .creative-statement .signature-quotation{font-size:38px !important;}
#main .creative-statement .signature-english{font-size:10px !important;line-height:1.48 !important;letter-spacing:.14em;}
#main .creative-statement .creative-statement-korean{font-size:16px !important;line-height:1.52 !important;}
#main .intro-section{padding-top:23px !important;}
@media(max-width:1100px){
 #main .weather-showcase.quick-access-row{grid-template-columns:minmax(285px,300px) minmax(0,1fr);gap:13px;}
 #main .weather-showcase.quick-access-row .quick-program-grid{gap:7px;}
 #main .weather-showcase.quick-access-row .quick-program-grid > .program-card{padding:9px 8px 8px !important;}
 #main .quick-program-grid .quick-card-copy strong{font-size:13px !important;}
 #main .quick-program-grid .quick-card-description{font-size:9.3px !important;}
}
@media(max-width:960px){
 #main .weather-showcase.quick-access-row{grid-template-columns:minmax(0,1fr);row-gap:12px;}
 #main .quick-weather{max-width:325px;}
 #main .weather-showcase.quick-access-row .quick-program-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
 #main .quick-program-grid .quick-card-copy strong{font-size:15px !important;}
 #main .quick-program-grid .quick-card-description{font-size:10px !important;}
}
@media(max-width:650px){
 #main .weather-showcase.quick-access-row{gap:9px;margin:14px 0 0 !important;}
 #main .weather-showcase.quick-access-row .quick-program-grid{
   grid-template-columns:minmax(0,1fr);gap:8px;
 }
 #main .weather-showcase.quick-access-row .quick-program-grid > .program-card{
   height:80px !important;min-height:80px !important;max-height:80px !important;
   padding:10px 34px 9px 12px !important;
   gap:3px !important;
 }
 #main .quick-program-grid .quick-card-copy strong{font-size:15px !important;}
 #main .quick-program-grid .quick-card-description{font-size:10.5px !important;line-height:1.3 !important;}
 #main .creative-statement{grid-template-columns:1fr;gap:6px !important;padding:17px 2px 10px !important;}
 #main .creative-statement .creative-statement-korean{font-size:15px !important;line-height:1.53 !important;text-align:left;}
 #main .creative-statement .signature-english{font-size:9px !important;}
 #main .creative-statement .signature-quotation{font-size:33px !important;}
}
@media(max-width:355px){
 #main .quick-program-grid .quick-card-description{font-size:10px !important;}
 #main .creative-statement .creative-statement-korean{font-size:14px !important;}
}
