.sub-hero{background:linear-gradient(90deg,rgba(5,5,5,.88) 0%,rgba(5,5,5,.66) 45%,rgba(5,5,5,.28) 100%),url("https://images.unsplash.com/photo-1497215728101-856f4ea42174?auto=format&fit=crop&w=2200&q=90") center/cover no-repeat}

.notice-list{background:#fff}
.n-table{border-top:2px solid var(--si-black)}
.n-row{display:grid;grid-template-columns:90px 1fr 140px;gap:20px;padding:22px 10px;border-bottom:1px solid var(--si-line);align-items:center;font-size:13.5px;color:inherit;text-decoration:none;transition:background .18s ease,color .18s ease}
.n-row:hover{background:#faf6f1}
.n-row.is-pinned{background:#fffaf4}
.n-cat{color:var(--si-orange);font-weight:700;font-size:11px}
.n-title{font-weight:600;display:flex;align-items:center;gap:10px;min-width:0;overflow-wrap:anywhere}
.n-title b{display:inline-flex;align-items:center;height:22px;padding:0 8px;background:var(--si-orange);color:#fff;font-size:10px}
.n-date{color:#999;font-size:12px;text-align:right}
.notice-view{background:#fff}
.notice-article{border-top:2px solid var(--si-black)}
.notice-meta{display:flex;justify-content:space-between;gap:16px;padding:18px 6px;border-bottom:1px solid var(--si-line);color:#888;font-size:12px}
.notice-meta span{color:var(--si-orange);font-weight:800}
.notice-article h2{margin:0;padding:34px 6px 28px;border-bottom:1px solid var(--si-line);font-size:30px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}
.notice-body{min-height:220px;padding:36px 6px;color:var(--si-gray);font-size:15px;line-height:2;white-space:normal;overflow-wrap:anywhere}
.notice-actions{border-top:1px solid var(--si-line);padding-top:24px;text-align:right}
.notice-actions a{display:inline-block;background:var(--si-black);color:#fff;padding:13px 22px;font-size:13px;font-weight:700;text-decoration:none;clip-path:polygon(6% 0,100% 0,94% 100%,0 100%)}
@media(max-width:640px){
  .notice-list{
    padding-top:46px;
  }
  .n-table{
    border-top:2px solid var(--si-black);
  }
  .n-row{
    grid-template-columns:1fr;
    gap:10px;
    padding:20px 10px;
    align-items:start;
  }
  .n-row.is-pinned{
    background:#fffaf4;
  }
  .n-cat{
    font-size:12px;
    line-height:1;
  }
  .n-title{
    display:block;
    font-size:15px;
    line-height:1.45;
  }
  .n-title b{
    display:inline-flex;
    width:auto;
    height:20px;
    margin:0 8px 4px 0;
    padding:0 7px;
    vertical-align:1px;
  }
  .n-date{
    text-align:left;
    font-size:12px;
  }
  .notice-article h2{
    font-size:24px;
  }
}