/* Home/list improvements are scoped to phones; article and desktop layouts stay independent. */
.checkin-calendar-toggle[hidden]{display:none}
@media(max-width:640px){
 body.compact-home-header:has(main.board) .header-inner{flex-wrap:nowrap;gap:8px}
 body.compact-home-header:has(main.board) .brand{flex-shrink:0}
 body.compact-home-header:has(main.board) .brand strong{font-size:20px}
 body.compact-home-header:has(main.board) .header-actions{width:auto;margin-left:auto;flex-wrap:nowrap;gap:6px}
 body.compact-home-header:has(main.board) .header-actions .header-search{flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border:0;background:none;box-shadow:none}
 body.compact-home-header:has(main.board) .header-search input{display:none}
 body.compact-home-header:has(main.board) .header-search button{display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;color:#fff0b0;border:1px solid #69aaa0;border-radius:12px;background:linear-gradient(145deg,#377f80,#245b62);box-shadow:inset 0 1px 0 #c4f6d933,0 2px 3px #0c292b44;cursor:pointer;transition:background .15s,box-shadow .15s}
 body.compact-home-header:has(main.board) .header-search button .home-search-icon{display:block;width:22px;height:22px;pointer-events:none}
 body.compact-home-header:has(main.board) .header-search button:hover{background:linear-gradient(145deg,#42948e,#2c6a6f);box-shadow:inset 0 1px 0 #c4f6d944,0 2px 4px #0c292b44}
 body.compact-home-header:has(main.board) .header-search button:active{background:#204f55;box-shadow:inset 0 2px 3px #0c292b44}
 body.compact-home-header:has(main.board) .header-search button:focus-visible{outline:2px solid #ffe776;outline-offset:3px}
 body.compact-home-header:has(main.board) .language-trigger{padding:8px 6px;gap:3px;font-size:12px}
 body.compact-home-header:has(main.board) .header-actions .account-button{padding:8px;font-size:12px}
}
@media(max-width:640px){
 body:has(main.board) .header-inner{padding:10px 12px;gap:9px}
 body:has(main.board) .brand strong{font-size:23px}
 body:has(main.board) .brand small{display:none}
 body:has(main.board) .header-actions{gap:8px;width:100%;min-width:0}
 body:has(main.board) .header-search{flex:1;min-width:0;width:auto;min-height:44px;padding:6px 8px}
 body:has(main.board) .header-search input{font-size:16px;width:100%;min-width:0}
 body:has(main.board) .header-actions :is(.account-button,.language-trigger){min-height:44px}
 main.board{margin:12px 12px 0}
 .board .board-banner{height:auto;min-height:92px}
 .board .board-banner>div{padding:12px 14px;max-width:88%;position:relative;z-index:1}
 .board .board-banner-label{display:none}
 .board .board-banner h1{font-size:25px;white-space:normal;line-height:1.3;margin:0 0 6px}
 .board .board-banner h1>span{font-size:17px}
 .board .board-banner p{font-size:12px;line-height:1.5}
 .board .event-carousel{margin-top:14px;border-width:2px}
 .board .carousel-heading{padding:8px 12px}
 .board .carousel-slide{height:auto;grid-template-rows:128px auto}
 .board .carousel-copy,.board .recharge-slide .carousel-copy{padding:12px 14px;gap:6px}
 .board .carousel-copy h3{font-size:19px;line-height:1.45;margin:0;overflow-wrap:anywhere}
 .board .carousel-copy p{font-size:14px;line-height:1.65;margin:0}
 .board .carousel-copy .carousel-read{margin-top:4px;min-height:32px}
 .board .recharge-ticket{width:70%;height:80%;padding:8px}
 .board .recharge-ticket>span{font-size:18px}
 .board .recharge-ticket strong{font-size:20px}
 .board .carousel-actions button,.board .carousel-dot{min-height:44px;min-width:36px}
 .board .checkin-panel{margin-top:14px}
 .board .checkin-panel .module-heading{min-height:44px;padding:8px 12px;gap:8px}
 .board .checkin-panel .module-heading h2{font-size:18px}
 .board .checkin-panel .module-heading small{font-size:11px;text-align:right}
 .board .checkin-content{padding:10px 12px}
 .board .checkin-intro{gap:10px;margin:0;align-items:center}
 .board .checkin-intro>div{min-width:0;flex:1 1 180px}
 .board .checkin-intro strong{font-size:14px}
 .board .checkin-intro p{font-size:12px;line-height:1.6;margin:4px 0}
 .board .checkin-intro .account-button{min-height:44px;padding:9px 12px;font-size:13px}
 .board .checkin-calendar-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;margin:6px 0 0;padding:8px 0;background:none;border:0;border-top:1px solid #bdc9b1;font:inherit;font-size:13px;color:#315d51;text-align:left;cursor:pointer}
 .board .checkin-calendar-toggle::after{content:'⌄';font-size:20px;margin-left:8px}
 .board .checkin-calendar-toggle[aria-expanded=true]::after{content:'⌃'}
 .board .checkin-calendar-toggle:focus-visible{outline:3px solid #167e82;outline-offset:2px}
 .board .checkin-days{gap:6px;margin-top:8px}
 .board .checkin-day{min-height:78px;padding:7px 2px;gap:4px}
 .board .checkin-day .day-number b{font-size:20px}
 .board .checkin-day .checkin-reward{font-size:10px;line-height:1.4}
 .board .checkin-day .checkin-slot-status{font-size:10px;padding:0}
 .board .checkin-note:empty{display:none}
 .board .board-tools{margin-top:16px;padding:10px;gap:10px}
 .board .board-tools .filter-row{flex-wrap:nowrap;gap:6px}
 .board .board-tools .filter-row button{min-height:44px;font-size:14px;padding:8px 10px}
 .board .board-search{width:100%;gap:8px}
 .board .board-search input{font-size:16px;min-height:44px}
 .board .board-search>button{min-height:44px}
 .board .guide-filters{gap:8px;flex-wrap:wrap}
 .board .guide-filters select{font-size:16px;min-height:44px;max-width:100%}
 .board .board-columns{gap:16px;margin-top:16px}
 .board.board-overview .board-module[data-empty=true]{display:none}
 .board .module-articles .article-link{padding:15px 0;gap:10px}
 .board .entry-info h3{font-size:17px;line-height:1.6;margin:0 0 6px}
 .board .entry-summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:14px;line-height:1.7}
 .board .guide-entry-footer{gap:8px;flex-wrap:wrap}
 .board .module-all{min-height:44px;display:inline-flex;align-items:center}
 .board .article-pagination button{min-height:44px}
}
/* Keep all six original illustrated categories together, scaled to the available width. */
@media(max-width:760px){
 .board .board-module .guide-category-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:10px 6px;overflow:visible}
 .board .board-module .guide-category-tabs button,.board .board-module .guide-category-tabs .guide-all{width:100%;min-width:0;min-height:0;padding:6px 1px;gap:4px;flex-direction:column;justify-content:center;font-size:clamp(8px,2.2vw,13px);line-height:1.4;white-space:nowrap;border-width:1px;border-radius:6px}
 .board .guide-category-icon{display:block;width:85%;height:auto;aspect-ratio:5/4;margin:0;transform:none;background-size:500% 250%;background-position-y:54.166667%}
 .board .guide-category-tabs button:nth-child(2) .guide-category-icon{background-position-x:0%}
 .board .guide-category-tabs button:nth-child(3) .guide-category-icon{background-position-x:25%}
 .board .guide-category-tabs button:nth-child(4) .guide-category-icon{background-position-x:50%}
 .board .guide-category-tabs button:nth-child(5) .guide-category-icon{background-position-x:75%}
 .board .guide-category-tabs button:nth-child(6) .guide-category-icon{background-position-x:100%}
}