.csae-tabs{
    --csae-accent:#FF9600;
    --csae-accent-soft:rgba(255,150,0,.08);
    --csae-accent-hover:rgba(255,150,0,.18);
    --csae-text:#2d2d2d;
    --csae-text-soft:#6a6a6a;
    --csae-border:#ececec;
    --csae-bg-card:#fff;
    display:flex;
    gap:24px;
    max-width:1100px;
    width:100%;
    margin:0 auto;
    align-items:stretch;
    font-family:inherit;
    box-sizing:border-box;
    overflow:hidden
}
.csae-tabs *{box-sizing:border-box}
.csae-tabs-nav{
    flex:0 1 380px;
    min-width:260px;
    display:flex;
    flex-direction:column;
    gap:8px;
    max-height:440px;
    overflow-y:auto;
    padding:2px 6px 2px 2px;
    scrollbar-width:thin
}
.csae-tabs-nav::-webkit-scrollbar{width:6px}
.csae-tabs-nav::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:3px}
.csae-tabs-nav::-webkit-scrollbar-track{background:transparent}
.csae-tabs-nav .csae-tab-btn{
    display:flex;
    align-items:center;
    gap:12px;
    padding:12px 14px;
    background:#fff !important;
    border:1px solid var(--csae-border);
    border-radius:12px;
    cursor:pointer;
    text-align:left;
    transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
    position:relative;
    font-family:inherit;
    color:var(--csae-text);
    width:100%;
    min-width:0;
    box-sizing:border-box;
    margin:0;
    outline:none;
    overflow:hidden
}
.csae-tabs-nav .csae-tab-btn:focus-visible{box-shadow:0 0 0 3px var(--csae-accent-hover)}
.csae-tabs-nav .csae-tab-btn:hover{
    border-color:var(--csae-accent);
    background:var(--csae-accent-soft) !important
}
.csae-tabs-nav .csae-tab-btn.is-active{
    border-color:var(--csae-accent);
    background:var(--csae-accent-soft) !important;
    box-shadow:0 4px 18px var(--csae-accent-hover)
}
.csae-tabs-nav .csae-tab-btn.is-active::before{
    content:"";
    position:absolute;
    left:-1px;
    top:16%;
    bottom:16%;
    width:3px;
    background:var(--csae-accent);
    border-radius:0 3px 3px 0
}
.csae-tab-date{
    flex:0 0 54px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:7px 0;
    background:var(--csae-accent);
    color:#fff;
    border-radius:10px;
    min-height:58px;
    line-height:1;
    box-shadow:0 2px 8px var(--csae-accent-hover)
}
.csae-tab-day{font-size:22px;font-weight:700;letter-spacing:-.5px}
.csae-tab-month{font-size:10px;font-weight:700;letter-spacing:1.2px;margin-top:4px;text-transform:uppercase;opacity:.95}
.csae-tab-title{
    flex:1 1 0;
    font-size:14.5px;
    font-weight:600;
    line-height:1.35;
    color:var(--csae-text) !important;
    min-width:0;
    max-width:100%;
    white-space:normal !important;
    word-break:break-word;
    overflow-wrap:break-word;
    hyphens:auto
}
.csae-tabs-panels{
    flex:1 1 auto;
    min-width:0;
    max-width:100%;
    position:relative
}
.csae-panel{
    display:none;
    background:var(--csae-bg-card);
    border:1px solid var(--csae-border);
    border-radius:16px;
    padding:30px 34px;
    animation:csae-fade .3s ease
}
.csae-panel.is-active{display:block}
@keyframes csae-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.csae-panel-title{
    font-size:23px;
    font-weight:700;
    color:var(--csae-text);
    margin:0 0 14px;
    line-height:1.3;
    word-break:break-word;
    overflow-wrap:break-word;
    hyphens:auto
}
.csae-panel-meta{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    padding:10px 0 18px;
    border-bottom:1px solid var(--csae-border);
    margin-bottom:20px
}
.csae-meta-item{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:14px;
    color:var(--csae-text-soft);
    font-weight:500
}
.csae-meta-item i{color:var(--csae-accent);font-size:14px}
.csae-meta-sep{color:#c5c5c5;margin:0 2px}
.csae-panel-desc{
    font-size:15px;
    line-height:1.65;
    color:var(--csae-text-soft)
}
.csae-panel-desc p{margin:0 0 12px}
.csae-panel-desc p:last-child{margin-bottom:0}
.csae-empty{
    text-align:center;
    padding:40px 20px;
    color:var(--csae-text-soft);
    font-style:italic;
    background:var(--csae-bg-card);
    border:1px dashed var(--csae-border);
    border-radius:12px;
    max-width:600px;
    margin:0 auto
}
@media (max-width:900px){
    .csae-tabs{flex-direction:column;gap:14px}
    .csae-tabs-nav{flex:none;max-height:none;overflow:visible;padding:0;flex-direction:column;gap:8px;width:100%}
    .csae-tab-btn{width:100%;min-width:0}
    .csae-panel{padding:24px 22px;border-radius:14px}
    .csae-panel-title{font-size:21px}
}
@media (max-width:520px){
    .csae-tab-btn{padding:10px 12px}
    .csae-tab-date{flex-basis:46px;min-height:50px}
    .csae-tab-day{font-size:19px}
    .csae-tab-month{font-size:9px}
    .csae-tab-title{font-size:14px}
    .csae-panel{padding:22px 18px}
    .csae-panel-meta{gap:12px;flex-direction:column}
}