:root{--radius:10px;--radius-soft:15px;--h-control:35px
}html,
body{margin:0;padding:0;overflow-x:hidden
}body{font-family:sans-serif;background:var(--color-background);color:var(--color-text)
}button,
input,
select{font:inherit
}button{appearance:none;border:none;cursor:pointer
}.page-wrap{width:100%;max-width:var(--page-width-wide);margin:15px auto;padding:5px 15px 25px;overflow-x:clip
}.title-up,
.title-dw{white-space:nowrap
}.title-dw{padding:5px 0 0;color:var(--color-text);font-size:25px;font-weight:bold
}.article-control-area{display:flex;flex-direction:column;gap:15px;margin-bottom:10px
}.article-search-row{display:flex;align-items:stretch;gap:10px;min-width:0
}.article-search-input-wrap{position:relative;display:flex;align-items:stretch;flex:1 1 auto;min-width:0
}#articleSearch{flex:1 1 auto;min-width:0;width:100%;height:var(--h-control);padding:0 35px 0 15px;border:1px solid var(--field-border);border-radius:var(--radius);background:var(--color-white);color:var(--color-text)
}.article-search-clear{position:absolute;top:50%;right:5px;z-index:2;display:none;align-items:center;justify-content:center;width:20px;height:20px;min-width:20px;padding:0;border-radius:50%;background:transparent;color:#888;box-shadow:none;font-size:17px;font-weight:bold;line-height:1;transform:translateY(-50%)
}.article-search-clear.is-visible{display:inline-flex
}.article-search-clear:hover,
.article-search-clear:active{background:var(--color-primary-light);color:var(--color-primary-dark);box-shadow:none;transform:translateY(-50%)
}#articleSearch::placeholder{color:#888
}.article-search-button{flex:0 0 auto;height:var(--h-control);padding:0 15px;border-radius:var(--radius);background:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-card);font-weight:bold;letter-spacing:.15em
}.article-search-button:hover{background:var(--color-primary-dark)
}.category-tabs{display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));gap:10px;min-width:0;padding:0 10px 10px;border:none;border-radius:var(--radius-soft);background:var(--color-white);box-shadow:var(--shadow-card);overflow:hidden
}.category-tabs::before{content:"REPORT CATEGORY";grid-column:1 / -1;display:block;margin:0 -10px;padding:10px 15px;border-radius:var(--radius-soft) var(--radius-soft) 0 0;background:var(--color-primary);color:var(--color-white);font-family:sans-serif;font-size:20px;font-weight:900;letter-spacing:.08em;line-height:1.15
}.category-tab{min-width:0;height:35px;padding:0 10px;border:1.5px solid var(--color-primary);border-radius:25px;background:var(--color-primary);color:var(--color-white);box-shadow:none;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}.category-tab.is-active{background:var(--color-primary-light);color:var(--color-text);border-color:var(--color-primary-dark)
}@media (hover: hover) and (pointer: fine){.category-tab:hover{background:var(--color-primary-light);color:var(--color-text);border-color:var(--color-primary-dark)
    }
}.article-sort-area{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:15px 0 5px;min-width:0
}.article-count{flex:1 1 auto;min-width:0;padding-left:5px;font-size:14px;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}.sort-buttons{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto
}.sort-label{margin-right:5px;font-size:14px;font-weight:bold;white-space:nowrap
}.sort-btn{width:25px;height:25px;padding:0;border-radius:50px;background:var(--color-white);color:var(--color-text);box-shadow:var(--shadow-card);font-weight:bold
}.sort-btn.is-active{background:var(--color-primary);color:var(--color-white)
}.sort-btn:hover{background:var(--color-primary-light);color:var(--color-text)
}.article-list{display:flex;flex-direction:column;gap:10px
}.article-card{background:var(--color-white);border-radius:var(--radius);box-shadow:var(--shadow-card);overflow:hidden
}.article-head{display:grid;grid-template-columns:7.5em 9.5em minmax(0, 1fr) auto;align-items:center;gap:10px;width:100%;min-width:0;padding:10px 15px;background:var(--color-white);color:var(--color-text);text-align:left
}.article-head:hover{background:var(--color-primary)
}.article-date{font-weight:bold;white-space:nowrap
}.article-category{display:inline-flex;align-items:center;justify-content:center;min-width:0;padding:5px 10px;border-radius:50px;background:var(--color-primary-light);color:var(--color-text);font-size:13px;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}.article-title{min-width:0;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}.article-arrow{width:1.5em;text-align:center;font-weight:bold;transition:transform .15s ease
}.article-card.is-open .article-arrow{transform:rotate(180deg)
}.article-body{display:none;padding:0 15px 15px;border-top:0;background:var(--color-white)
}.article-card.is-open .article-body{display:block
}.article-body-inner{padding-top:0;font-size:14px;line-height:1.55
}.article-body-inner p{margin:0 0 5px
}.article-body-inner p:last-child{margin-bottom:0
}.no-result{padding:40px 15px;background:var(--color-white);border-radius:var(--radius);box-shadow:var(--shadow-card);color:var(--color-text);font-size:15px;font-weight:bold;text-align:center
}.article-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;margin:15px 0 0;min-width:0
}.page-btn,
.page-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 10px;border-radius:50px;background:var(--color-white);color:var(--color-text);box-shadow:var(--shadow-card);font-size:14px;font-weight:bold;line-height:1;white-space:nowrap
}.page-btn.is-active,
.page-btn.is-arrow{background:var(--color-primary);color:var(--color-white)
}.page-btn:disabled{opacity:.45;cursor:default;pointer-events:none
}.page-btn:not(:disabled):hover{background:var(--color-primary-light);color:var(--color-text)
}.page-btn.is-arrow:not(:disabled):hover{background:var(--color-primary-dark);color:var(--color-white)
}.page-ellipsis{box-shadow:none;background:transparent;padding:0 5px
}@media (max-width: 768px){.page-wrap{padding:5px 15px 25px
    }.main-title{margin:10px 0 10px;letter-spacing:.08em
    }.title-up{font-size:clamp(1.55rem, 7vw, 2.15rem)
    }.title-up span{padding:5px 20px
    }.title-dw{font-size:clamp(1rem, 4.5vw, 1.35rem)
    }.article-search-row{gap:10px
    }.article-search-button{padding:0 10px;letter-spacing:.1em
    }.category-tabs{grid-template-columns:repeat(5, minmax(0, 1fr));gap:5px;padding:0 10px 10px
    }.category-tabs::before{margin:0 -10px;padding:10px;font-size:18px
    }.category-tab{height:35px;padding:0 5px;font-size:clamp(10px, 2.8vw, 13px);letter-spacing:0
    }.article-sort-area{align-items:center;flex-wrap:nowrap
    }.article-head{grid-template-columns:5.5em 7.5em minmax(0, 1fr) auto;gap:10px;padding:10px 10px
    }.article-category{display:inline-flex;padding:2px 5px;font-size:11px
    }.article-date{font-size:13px
    }.article-title{font-size:14px
    }.article-body-inner{font-size:14px
    }.article-pagination{gap:5px;margin-top:10px
    }.page-btn,
    .page-ellipsis{min-width:30px;height:30px;padding:0 5px;font-size:13px
    }.article-guide-card{margin-top:10px
    }.article-guide-title{padding:10px;font-size:18px
    }.article-guide-body,
    .article-guide-section{padding:10px
    }.article-guide-body,
    .article-guide-grid{gap:10px
    }.article-guide-grid{grid-template-columns:1fr
    }.article-guide-section-title{margin-bottom:10px;padding:5px 10px;font-size:.94rem
    }.article-guide-text,
    .article-guide-list{font-size:.84rem;line-height:1.58
    }

}