:root{
    --ink:#18324A;
    --muted:#526B80;
    --cream:#EAF6FF;
    --parchment-deep:#D8F0FF;
    --card:#FFFFFF;
    --forest:#5BADE8;
    --forest-deep:#164A6B;
    --brass:#4D9FD6;
    --coral:#6CB6E8;
    --line: rgba(45, 116, 160, 0.14);
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background:var(--cream);
    color:var(--ink);
    font-family:'Inter',sans-serif;
    -webkit-font-smoothing:antialiased;
    position:relative;
  }
  h1,h2,h3,.serif{font-family:'Newsreader',serif;}
  em{font-style:italic; color:var(--brass); font-family:'Newsreader',serif;}
  .mono{font-family:'IBM Plex Mono',monospace;}
  .hidden{display:none !important;}
  button{font-family:inherit;}

  /* grain texture overlay */
  body::before{
    content:''; position:fixed; inset:0; pointer-events:none; z-index:999; opacity:0.035;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  }

  /* scroll progress bar */
  #scrollbar{
    position:fixed; top:0; left:0; height:3px; background:var(--brass); z-index:1000; width:0%;
    transition:width 0.1s linear;
  }

  .reveal{opacity:0; transform:translateY(22px); transition:opacity 0.7s ease, transform 0.7s ease;}
  .reveal.visible{opacity:1; transform:translateY(0);}

  .wrap{max-width:920px; margin:0 auto; padding:32px 20px 64px;}

  /* ornamental divider */
  .divider{display:flex; align-items:center; justify-content:center; gap:14px; margin:0; opacity:0.6;}
  .divider span{height:1px; width:60px; background:var(--line);}
  .divider i{color:var(--brass); font-size:9px; font-style:normal;}

  /* ===================== MARQUEE PROMO STRIP ===================== */
  .marquee{
    background:var(--forest-deep); color:var(--parchment-deep); overflow:hidden; #FFFFFF-space:nowrap;
    padding:10px 0; font-family:'IBM Plex Mono'; font-size:11.5px; letter-spacing:.05em;
  }
  .marquee-track{display:inline-block; animation:scrollmarq 26s linear infinite;}
  .marquee-track span{margin:0 28px; color:var(--brass);}
  @keyframes scrollmarq{
    0%{transform:translateX(0);}
    100%{transform:translateX(-50%);}
  }

  /* ===================== LANDING PAGE ===================== */
  .landing-section{padding:80px 24px;}
  .landing-inner{max-width:1020px; margin:0 auto;}
  .section-label{
    font-family:'IBM Plex Mono'; font-size:11.5px; letter-spacing:.1em; color:var(--brass);
    font-weight:600; display:flex; align-items:center; gap:10px; margin-bottom:14px;
  }
  .section-label::before{content:''; width:26px; height:1px; background:var(--brass);}

  /* Hero */
  .hero-section{padding:76px 24px 64px; position:relative;}
  .hero-grid{max-width:1020px; margin:0 auto; position:relative;}
  .hero-text .index-no{
    font-family:'IBM Plex Mono'; font-size:12px; color:var(--muted); margin-bottom:10px; letter-spacing:.05em;
  }
  .hero-text .mark{
    font-family:'IBM Plex Mono'; font-size:12px; letter-spacing:.12em; color:var(--coral); margin-bottom:18px; font-weight:600;
  }
  .hero-text h1{font-size:50px; margin:0 0 18px; font-weight:500; line-height:1.08; color:var(--forest-deep);}
  .hero-text .tagline{font-size:15.5px; line-height:1.7; color:var(--muted); margin:0 0 34px; max-width:400px;}
  .btn-primary{
    background:var(--forest-deep); color:#E6F6FF; border:none; font-weight:600;
    font-size:14px; padding:15px 30px 15px 30px; border-radius:999px; cursor:pointer;
    display:inline-flex; align-items:center; gap:10px; transition:transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
    box-shadow:0 8px 20px rgba(22,74,107,0.25);
  }
  .btn-primary:hover{transform:translateY(-2px); box-shadow:0 12px 26px rgba(22,74,107,0.32); background:var(--forest);}
  .btn-primary .arrow-ic{transition:transform 0.2s ease;}
  .btn-primary:hover .arrow-ic{transform:translateX(4px);}

  .hero-photo-wrap{position:relative;}
  .hero-photo-wrap::before{
    content:''; position:absolute; top:-28px; right:-20px; width:92%; height:92%;
    background:var(--brass); opacity:0.16; border-radius:42% 58% 63% 37% / 45% 40% 60% 55%; z-index:0;
  }
  .hero-photo{
    position:relative; z-index:1; border-radius:6px; overflow:hidden;
    box-shadow:0 22px 46px rgba(22,74,107,0.28); border:6px solid var(--card);
  }
  .hero-photo img{
    display:block; width:100%; height:100%; object-fit:cover;
    filter:sepia(0.12) saturate(1.05) brightness(0.98) contrast(1.02);
  }
  .hero-photo .plate{
    position:absolute; bottom:14px; left:14px; background:rgba(26,43,33,0.82); color:#DDF4FF;
    font-family:'IBM Plex Mono'; font-size:10px; padding:5px 10px; letter-spacing:.05em; border-radius:2px;
  }

  /* Stat strip */
  .stat-strip{max-width:1020px; margin:0 auto; padding:0 24px 70px;}
  .stat-item{text-align:center; padding:0 20px;}
  .stat-item .num{font-family:'Newsreader',serif; font-size:30px; color:var(--forest-deep); font-weight:500;}
  .stat-item .label{font-size:11.5px; color:var(--muted); text-transform:uppercase; letter-spacing:.06em; margin-top:4px;}

  /* Feature section */
  .feature-section{background:var(--parchment-deep); position:relative;}
  .feature-flourish{text-align:center; margin-bottom:6px;}
  .feature-flourish .quote-mark{
    font-family:'Newsreader',serif; font-style:italic; font-size:60px; color:var(--coral); opacity:0.5; line-height:0.4;
  }
  .feature-statement{
    text-align:center; max-width:540px; margin:0 auto 50px; font-size:20px; color:var(--forest-deep);
    font-family:'Newsreader',serif; font-weight:500; line-height:1.55;
  }
  .feature-grid{}
  .feature-photo{
    border-radius:6px; overflow:hidden; box-shadow:0 16px 32px rgba(22,74,107,0.20); border:6px solid var(--cream);
  }
  .feature-photo img{
    display:block; width:100%; height:100%; object-fit:cover;
    filter:sepia(0.12) saturate(1.05) brightness(0.98) contrast(1.02);
  }
  .feature-list{list-style:none; margin:0; padding:0;}
  .feature-list li{display:flex; gap:16px; padding:18px 0; border-top:1px solid var(--line);}
  .feature-list li:last-child{border-bottom:1px solid var(--line);}
  .feature-list .li-num{
    font-family:'IBM Plex Mono'; font-size:12px; color:var(--brass); flex:0 0 auto; padding-top:2px;
  }
  .feature-list strong{display:block; font-size:15.5px; margin-bottom:4px; color:var(--forest-deep);}
  .feature-list span{font-size:13.5px; color:var(--muted); line-height:1.6;}

  /* Quick links — editorial index style */
  .links-section{background:var(--cream);}
  .links-section .section-head{text-align:center; margin-bottom:44px;}
  .links-section h2{font-size:28px; margin:6px 0 8px; font-weight:500; color:var(--forest-deep);}
  .links-section .sub{color:var(--muted); font-size:14px; margin:0;}
  .index-list{border-top:1px solid var(--line);}
  .index-row{
    display:flex; align-items:center; gap:20px; padding:22px 4px; border-bottom:1px solid var(--line);
    cursor:pointer; position:relative; overflow:hidden; transition:padding-left 0.25s ease;
  }
  .index-row:hover{padding-left:14px;}
  .index-row .idx{
    font-family:'IBM Plex Mono'; font-size:13px; color:var(--brass); flex:0 0 34px;
  }
  .index-row .idx-title{flex:1;}
  .index-row h3{font-size:19px; margin:0 0 3px; font-weight:500; color:var(--forest-deep); font-family:'Newsreader',serif; position:relative; display:inline-block;}
  .index-row h3::after{
    content:''; position:absolute; left:0; bottom:-2px; width:0; height:1px; background:var(--forest-deep);
    transition:width 0.25s ease;
  }
  .index-row:hover h3::after{width:100%;}
  .index-row p{font-size:13px; color:var(--muted); margin:0;}
  .index-row .go{
    font-size:20px; color:var(--brass); opacity:0; transform:translateX(-6px); transition:opacity 0.25s ease, transform 0.25s ease;
  }
  .index-row:hover .go{opacity:1; transform:translateX(0);}

  /* Spotlight preview cards */
  .spotlight-section{background:var(--parchment-deep);}
  .spotlight-section .section-head{text-align:center; margin-bottom:40px;}
  .spotlight-section h2{font-size:26px; margin:6px 0 8px; font-weight:500; color:var(--forest-deep);}
  .spotlight-section .sub{color:var(--muted); font-size:14px; margin:0;}
  .spotlight-grid{}
  .spotlight-card{
    background:var(--card); border:1px solid var(--line); padding:0; cursor:pointer; overflow:hidden;
    transition:transform 0.25s ease, box-shadow 0.25s ease; position:relative;
  }
  .spotlight-card:hover{transform:translateY(-4px); box-shadow:0 14px 30px rgba(22,74,107,0.16);}
  .spotlight-card .swatch{
    height:8px; background:linear-gradient(90deg, var(--brass), var(--coral));
  }
  .spotlight-card .sc-body{padding:20px 20px 18px;}
  .spotlight-card .call-no{font-family:'IBM Plex Mono'; font-size:10.5px; color:var(--brass); margin-bottom:10px;}
  .spotlight-card h3{font-size:17px; margin:0 0 5px; font-weight:500; color:var(--forest-deep);}
  .spotlight-card .author{font-size:12.5px; color:var(--muted); margin-bottom:12px;}
  .spotlight-card .added-by{font-size:11px; color:#6B8294; font-family:'IBM Plex Mono';}

  /* Final CTA */
  .cta-section{
    background:var(--forest-deep); color:#DDF5FF; text-align:center; padding:70px 24px;
    background-image:radial-gradient(circle at 80% 20%, rgba(77,159,214,0.14) 0%, transparent 50%);
  }
  .cta-section .section-label{justify-content:center; color:var(--brass);}
  .cta-section .section-label::before{background:var(--brass);}
  .cta-section h2{font-size:28px; margin:0 0 10px; font-weight:500;}
  .cta-section p{font-size:14.5px; color:#BFD8E8; margin:0 0 28px;}

  /* Footer */
  .site-footer{background:var(--forest-deep); color:#BFD8E8; padding:46px 24px 24px; border-top:1px solid rgba(255,255,255,0.16);}
  .footer-inner{max-width:1020px; margin:0 auto;}
  .logo{display:flex; align-items:center; gap:8px; font-family:'Newsreader',serif; font-weight:600; font-size:19px;}
  .logo .mark-glyph{color:var(--brass); font-size:22px;}
  .footer-inner .logo{color:#DDF5FF; margin-bottom:12px;}
  .footer-inner > div > p{font-size:13px; line-height:1.65; margin:0; color:#91AFC2; max-width:260px;}
  .footer-col h4{font-size:11.5px; text-transform:uppercase; letter-spacing:.08em; color:#6E8799; margin:0 0 14px; font-weight:600;}
  .footer-col a{display:block; font-size:13.5px; color:#E6F4FC; text-decoration:none; margin-bottom:11px; cursor:pointer; transition:color 0.15s ease;}
  .footer-col a:hover{color:var(--brass);}
  .footer-bottom{
    max-width:1020px; margin:32px auto 0; padding-top:20px; border-top:1px solid rgba(255,255,255,0.16);
    font-family:'IBM Plex Mono'; font-size:11px; color:#7893A6; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px;
  }

  .hint{
    font-size:12px; color:#6B8294; text-align:center; margin-top:36px; padding-top:16px; border-top:1px dashed var(--line);
  }

  /* ===================== BACK NAVIGATION ===================== */
  .back-btn{
    display:inline-flex; align-items:center; gap:8px; background:var(--card); border:1px solid var(--line);
    color:var(--forest-deep); font-weight:600; font-size:13px; cursor:pointer; padding:9px 18px 9px 14px;
    border-radius:999px; margin:24px 0 4px; transition:background 0.15s ease, transform 0.15s ease;
  }
  .back-btn:hover{background:var(--parchment-deep); transform:translateX(-2px);}
  .back-btn .arrow{font-size:15px; line-height:1;}

  /* ===================== INNER PAGES ===================== */
  .page{display:none;}
  .page.active{display:block;}

  .site-head{
    text-align:center; padding:20px 0 30px; border-bottom:1px solid var(--line); margin-bottom:32px;
  }
  .site-head .mark{
    font-size:12px; letter-spacing:0.06em; color:var(--coral); font-family:'IBM Plex Mono',monospace; margin-bottom:6px; font-weight:600;
  }
  .site-head h1{font-size:30px; font-weight:500; margin:0 0 4px; color:var(--forest-deep);}
  .site-head p{margin:0; color:var(--muted); font-size:14.5px;}

  /* Publications */
  .catalog-search{display:flex; gap:8px; margin-bottom:26px;}
  .catalog-search input{
    flex:1; padding:12px 16px; border:1px solid var(--line); background:var(--card);
    font-family:'Inter'; font-size:14px; border-radius:999px;
  }
  .catalog-search button{
    padding:0 22px; background:var(--forest-deep); color:#DDF4FF; border:none;
    border-radius:999px; font-weight:600; font-size:14px; cursor:pointer;
  }
  .shelf-label{
    font-family:'IBM Plex Mono'; font-size:11.5px; letter-spacing:.04em; color:var(--forest);
    border-bottom:1px solid var(--forest); display:inline-block; padding-bottom:4px; margin:24px 0 14px;
  }
  .catalog-grid{}
  .index-card{
    background:var(--card); border:1px solid var(--line); position:relative; overflow:hidden;
    transition:transform 0.2s ease, box-shadow 0.2s ease;
  }
  .index-card:hover{transform:translateY(-3px); box-shadow:0 10px 22px rgba(26,43,33,0.14);}
  .index-card .swatch{height:6px; background:linear-gradient(90deg, var(--brass), var(--coral));}
  .index-card .ic-body{padding:16px 16px 14px;}
  .index-card .call-no{font-family:'IBM Plex Mono'; font-size:10.5px; color:var(--brass); margin-bottom:8px;}
  .index-card h3{font-size:17px; margin:0 0 4px; line-height:1.3; font-weight:500; color:var(--forest-deep);}
  .index-card .author{font-size:13px; color:var(--muted); margin-bottom:10px;}
  .index-card .tags{display:flex; gap:6px; flex-wrap:wrap; margin-bottom:12px;}
  .index-card .tags span{font-size:10.5px; background:var(--parchment-deep); padding:3px 9px; border-radius:999px; color:var(--ink);}
  .index-card .card-row{display:flex; justify-content:space-between; align-items:center;}
  .index-card .btn{
    font-size:12.5px; font-weight:600; color:var(--forest-deep); background:none; border:1px solid var(--forest-deep);
    padding:6px 14px; border-radius:999px; cursor:pointer;
  }
  .index-card .added-by{font-size:11px; color:#6B8294; font-family:'IBM Plex Mono';}
  .upload-card{
    border:1.5px dashed var(--brass); background:transparent;
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    text-align:center; padding:28px 16px; color:var(--forest-deep);
  }
  .upload-card .plus{
    width:36px; height:36px; border-radius:50%; border:1.5px solid var(--brass);
    display:flex; align-items:center; justify-content:center; font-size:18px; margin-bottom:9px; color:var(--brass);
  }
  .upload-card strong{font-size:14px; font-weight:600; margin-bottom:3px;}
  .upload-card span{font-size:12px; color:var(--muted);}
  button {
    padding: 12px 20px;
    border: none;
    border-radius: 6px;
    background: #164A6B;
    color: #E6F6FF;
    cursor: pointer;
}

button:hover {
    opacity: 0.8;
}

#publications {
    margin-top: 30px;
}

.publication {
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid #A8D7F2;
    border-radius: 8px;
}

.publication a {
    display: inline-block;
    margin-top: 10px;
    color: #164A6B;
    font-weight: bold;
}


  /* Research reports */
  .report-row{display:flex; gap:16px; padding:18px 0; border-bottom:1px solid var(--line);}
  .report-row .call-no{font-family:'IBM Plex Mono'; font-size:10.5px; color:var(--brass); flex:0 0 64px; padding-top:3px;}
  .report-row .body h3{font-size:17px; margin:0 0 4px; font-weight:500; color:var(--forest-deep); font-family:'Newsreader',serif;}
  .report-row .meta{font-size:12px; color:var(--muted); margin-bottom:6px;}
  .report-row .excerpt{font-size:13.5px; color:var(--ink); line-height:1.55; margin-bottom:8px;}
  .report-row .btn-line{font-size:12.5px; font-weight:600; color:var(--forest-deep);}
button {
    padding: 12px 20px;
    border: none;
    border-radius: 6px;
    background: #164A6B;
    color: #DDF4FF;
    cursor: pointer;
}

button:hover {
    opacity: 0.8;
}

#researchs{
    margin-top: 30px;
}

.research a 
 {
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid #9CCBE8;
    border-radius: 8px;
}

.research a {
    display: inline-block;
    margin-top: 10px;
    color: #164A6B;
    font-weight: bold;
}
  /* CV */
  .cv-head{display:flex; gap:18px; align-items:center; margin-bottom:8px;}
  .cv-photo {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    background: var(--parchment-deep);
    border: 1px solid var(--line);
    flex: 0 0 auto;
}

.cv-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
  .cv-head h1{font-size:27px; margin:0 0 2px; color:var(--forest-deep);}
  .cv-head .role{font-size:14px; color:var(--forest); font-weight:600;}
  .cv-head .contact{font-size:12.5px; color:var(--muted); margin-top:4px;}
  .cv-section{margin-top:32px;}
  .cv-section h2{
    font-size:13px; font-family:'IBM Plex Mono'; color:var(--coral); border-bottom:1px solid var(--line);
    padding-bottom:9px; margin-bottom:18px; font-weight:500;
  }
  .cv-item{display:flex; gap:16px; margin-bottom:18px;}
  .cv-item .when{flex:0 0 96px; font-size:12px; color:var(--muted); padding-top:2px; font-family:'IBM Plex Mono';}
  .cv-item .what h3{font-size:15.5px; margin:0 0 2px; font-weight:600; color:var(--forest-deep);}
  .cv-item .what .org{font-size:13px; color:var(--forest); margin-bottom:4px;}
  .cv-item .what p{font-size:13px; color:var(--ink); margin:0; line-height:1.55;}
  .skill-pills{display:flex; flex-wrap:wrap; gap:8px;}
  .skill-pills span{font-size:12.5px; background:var(--card); border:1px solid var(--line); padding:7px 15px; border-radius:999px;}
  .cv-download{
    display:inline-block; margin-top:8px; font-size:13px; font-weight:600; color:#DDF4FF;
    background:var(--forest-deep); padding:11px 22px; border-radius:999px;
  }

  /* News/blog */
  .feature-post{border:1px solid var(--line); background:var(--card); margin-bottom:26px; overflow:hidden;}
  .feature-post .img{height:190px; background:linear-gradient(135deg,var(--forest),var(--forest-deep));}
  .feature-post .content{padding:22px 22px 24px;}
  .feature-post .date{font-family:'IBM Plex Mono'; font-size:11px; color:var(--coral); margin-bottom:8px;}
  .feature-post h2{font-size:23px; margin:0 0 10px; font-weight:500; color:var(--forest-deep);}
  .feature-post p{font-size:14px; color:var(--ink); line-height:1.6; margin:0;}
  .post-list-row{display:flex; gap:16px; padding:18px 0; border-bottom:1px solid var(--line);}
  .post-list-row .thumb{width:66px; height:66px; background:var(--parchment-deep); flex:0 0 auto;}
  .post-list-row .date{font-family:'IBM Plex Mono'; font-size:10.5px; color:var(--coral); margin-bottom:4px;}
  .post-list-row h3{font-size:15.5px; margin:0 0 3px; font-weight:500; color:var(--forest-deep); font-family:'Newsreader',serif;}
  .post-list-row p{font-size:13px; color:var(--muted); margin:0;}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Arial, sans-serif;
    background: #F2FAFF;
    color: #18324A;
}

/* PAGE HEADER */

.page-header {
    text-align: center;
    padding: 60px 20px 40px;
    background: #FFFFFF;
}

.page-header h1 {
    font-size: 42px;
    margin-bottom: 12px;
}

.page-header p {
    color: #5F7688;
    font-size: 17px;
}


/* BLOG CONTAINER */

.blog-container {
    width: 90%;
    max-width: 1100px;
    margin: 40px auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}


/* BLOG CARD */

.blog-card {
    background: #FFFFFF;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    transition: 0.3s ease;
}

.blog-card:hover {
    transform: translateY(-5px);
}


/* IMAGE */

.blog-card img {
    width: 100%;
    height: 230px;
    object-fit: cover;
}


/* CONTENT */

.blog-content {
    padding: 25px;
}

.category {
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    color: #526B80;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.blog-content h2 {
    font-size: 25px;
    margin-bottom: 10px;
}

.date {
    font-size: 14px;
    color: #7890A0;
    margin-bottom: 15px;
}

.blog-content p {
    line-height: 1.6;
    color: #526B80;
}


/* READ MORE */

.read-more {
    display: inline-block;
    margin-top: 20px;
    color: #164A6B;
    font-weight: bold;
    text-decoration: none;
}

.read-more:hover {
    text-decoration: underline;
}


/* MOBILE */

@media (max-width: 700px) {

    .blog-container {
        grid-template-columns: 1fr;
        width: 92%;
    }

    .page-header h1 {
        font-size: 32px;
    }

    .blog-card img {
        height: 200px;
    }
}

/* ARTICLE PAGE */

.article {
    width: 90%;
    max-width: 850px;
    margin: 60px auto;
    background: #FFFFFF;
    padding: 40px;
    border-radius: 12px;
}

.article h1 {
    font-size: 40px;
    margin: 10px 0;
}

.article > img {
    width: 100%;
    max-height: 450px;
    object-fit: cover;
    margin: 25px 0;
    border-radius: 10px;
}

.article-content {
    font-size: 17px;
    line-height: 1.8;
    color: #405A6E;
}

.article-content p {
    margin-bottom: 20px;
}

.article-content h2 {
    margin: 30px 0 10px;
}
.publication-link {
    text-decoration: none;
    color: inherit;
}


  /* Announcements */
  .board{background:var(--forest-deep); padding:24px; border-radius:6px;}
  .notice{background:var(--card); padding:18px 20px; margin-bottom:14px; position:relative; box-shadow:0 4px 0 rgba(0,0,0,0.15);}
  .notice.urgent{border-top:3px solid var(--coral);}
  .notice .pin{position:absolute; top:-7px; left:18px; width:14px; height:14px; border-radius:50%; background:var(--brass); box-shadow:0 2px 3px rgba(0,0,0,0.3);}
  .notice .pin.red{background:var(--coral);}
  .notice .date{font-family:'IBM Plex Mono'; font-size:10.5px; color:#6B8294; margin-bottom:7px;}
  .notice h3{font-size:16px; margin:0 0 6px; font-weight:600; color:var(--forest-deep); font-family:'Newsreader',serif;}
  .notice p{font-size:13.5px; color:var(--ink); margin:0; line-height:1.55;}
  .notice .flag{display:inline-block; font-size:10px; font-family:'IBM Plex Mono'; color:var(--coral); margin-bottom:7px;}