@charset "utf-8";
/* 새글 전용 범위: 기존 테마/쪽지/스크랩 스타일을 덮어쓰지 않는다. */
#amina-new{--new-accent:#d83b42;background:#fff;border:1px solid #e4e7ec;border-radius:14px;color:#303744;margin:0 0 24px;box-shadow:0 4px 20px rgba(30,40,60,.035)}
#amina-new *{box-sizing:border-box}
#amina-new .new-header{display:flex;align-items:center;gap:14px;padding:24px}
#amina-new .new-symbol{display:flex;align-items:center;justify-content:center;flex:0 0 48px;height:48px;border-radius:14px;background:#fff0f1;color:var(--new-accent);font-size:25px}
#amina-new .new-heading{min-width:0;flex:1}
#amina-new h1{margin:0 0 5px;font-size:23px;line-height:1.4;font-weight:700;letter-spacing:-.6px}
#amina-new .new-heading p{margin:0;color:#727a88;font-size:13px}
#amina-new .new-count{padding:7px 11px;border-radius:20px;background:#f6f7f9;color:#747c88;font-size:12px;white-space:nowrap}
#amina-new .new-count strong{color:#303744;margin:0 3px}
#amina-new .new-tabs{display:flex;border-top:1px solid #f0f1f4;border-bottom:1px solid #e8eaf0;padding:0 24px;gap:28px}
#amina-new .new-tabs a{display:block;position:relative;padding:15px 3px;color:#737b88;font-size:14px;text-decoration:none}
#amina-new .new-tabs a.is-active{font-weight:700;color:var(--new-accent)}
#amina-new .new-tabs a.is-active:after{content:"";height:3px;background:var(--new-accent);position:absolute;bottom:-1px;left:0;right:0;border-radius:3px}
#amina-new .new-filter{display:flex;align-items:center;gap:8px;margin:0;padding:18px 24px;background:#fbfcfd;border-bottom:1px solid #eef0f4}
#amina-new .new-filter select,#amina-new .new-filter input[type=text]{height:38px;padding:0 12px;border:1px solid #dce0e6;border-radius:7px;background:#fff;color:#333b48;min-width:0;font-size:13px}
#amina-new .new-filter select{width:165px}
#amina-new .new-filter input[type=text]{width:250px;max-width:100%}
#amina-new .new-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:36px;padding:7px 13px;border:1px solid #dfe3e9;border-radius:7px;background:#fff;color:#5f6877;white-space:nowrap;font-size:12px;line-height:20px;cursor:pointer}
#amina-new .new-button.is-primary{color:#fff;border-color:var(--new-accent);background:var(--new-accent)}
#amina-new .new-reset{font-size:12px;color:#7b8390;padding:7px}
#amina-new .new-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px 0;color:#727b89;font-size:12px}
#amina-new .new-toolbar label{font-weight:400;margin:0;cursor:pointer}
#amina-new input[type=checkbox]{width:16px;height:16px;margin:0 5px 0 0;vertical-align:middle;accent-color:var(--new-accent)}
#amina-new .new-list{list-style:none;margin:0;padding:0 24px}
#amina-new .new-item{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid #eef0f4;min-width:0}
#amina-new .new-item:last-child{border-bottom:0}
#amina-new .new-check{margin:0;flex:0 0 18px}
#amina-new .new-kind{flex:0 0 38px;text-align:center;padding:5px 0;border-radius:6px;background:#fff0f1;color:#c43c44;font-size:11px;font-weight:700}
#amina-new .new-kind.is-comment{background:#f0f3f8;color:#66758b}
#amina-new .new-content{flex:1;min-width:0}
#amina-new .new-context{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;color:#b8bec8;margin-bottom:5px;line-height:1.5}
#amina-new .new-context a{color:#8c94a1;text-decoration:none;overflow-wrap:anywhere}
#amina-new .new-subject{display:block;color:#333b48;font-size:14px;font-weight:600;line-height:1.6;overflow-wrap:anywhere;text-decoration:none}
#amina-new .new-subject:hover,#amina-new .new-context a:hover{color:var(--new-accent)}
#amina-new .new-meta{flex:0 0 165px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:0;font-size:12px}
#amina-new .new-author{max-width:100%;overflow-wrap:anywhere}
#amina-new .new-author .sv_wrap{display:inline-block;max-width:100%}
#amina-new .new-meta time{font-size:11px;color:#9199a6}
#amina-new .new-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:65px 16px;text-align:center;color:#929aaa}
#amina-new .new-empty i{font-size:30px;color:#c7cdd7;margin-bottom:5px}
#amina-new .new-empty strong{font-size:14px;color:#616c7d}
#amina-new .new-empty span{font-size:12px}
#amina-new .new-pagination{padding:16px 12px 22px;border-top:1px solid #eef0f4;text-align:center}
#amina-new .pg_wrap{float:none;display:block;margin:0}
#amina-new .pg_page,#amina-new .pg_current{display:inline-block;min-width:32px;height:32px;line-height:30px;padding:0 9px;margin:2px;border:1px solid #e2e6ed;border-radius:6px;background:#fff;color:#747e8e;font-size:12px}
#amina-new .pg_current{background:var(--new-accent);border-color:var(--new-accent);color:#fff}
#amina-new a:focus-visible,#amina-new button:focus-visible,#amina-new input:focus-visible,#amina-new select:focus-visible{outline:2px solid var(--new-accent);outline-offset:3px}
@media(max-width:600px){
 #amina-new{border-radius:11px}
 #amina-new .new-header{padding:18px 16px;gap:10px;flex-wrap:wrap}
 #amina-new .new-symbol{flex-basis:40px;height:40px;font-size:22px;border-radius:11px}
 /* 기록 수가 길어도 제목을 밀지 않도록 개수 배지는 다음 줄로 보낸다. */
 #amina-new .new-heading{flex-basis:calc(100% - 50px)}
 #amina-new h1{font-size:20px}
 #amina-new .new-heading p{font-size:11px}
 #amina-new .new-count{margin-left:50px;padding:4px 9px;font-size:11px}
 #amina-new .new-tabs{padding:0 16px;gap:24px}
 #amina-new .new-filter{padding:14px 16px;flex-wrap:wrap}
 #amina-new .new-filter select{width:100%}
 #amina-new .new-filter input[type=text]{flex:1;width:0}
 #amina-new .new-toolbar{padding:10px 16px 0}
 #amina-new .new-list{padding:0 16px}
 #amina-new .new-item{gap:9px;flex-wrap:wrap;align-items:flex-start;padding:15px 0}
 #amina-new .new-kind{flex-basis:32px;margin-top:3px}
 #amina-new .new-check{flex-basis:16px;margin-top:6px}
 #amina-new .new-content{flex-basis:calc(100% - 75px)}
 #amina-new .new-meta{flex:1 0 100%;flex-direction:row;align-items:center;justify-content:flex-end;gap:12px;padding-left:41px}
 #amina-new .new-subject{font-size:13px}
 #amina-new .new-empty{padding:45px 10px}
}
