/* 案C：白い紙面と大きな文字。雑誌の誌面のような余白と非対称の配置 */
  :root { --paper: #f7f6f2; --ink: #121212; --sub: #5d5b55; --rule: #d8d5cc; --green: #0f5a44; --marker: #e3ef5a; }
  * { box-sizing: border-box; }
  body { margin: 0; background: var(--paper); color: var(--ink); font-family: "IBM Plex Sans JP", sans-serif; font-size: 15px; line-height: 1.85; }
  a { color: inherit; text-decoration: none; }
  .mono { font-family: "IBM Plex Mono", monospace; letter-spacing: .04em; }
  .wrap { width: min(1240px, calc(100% - 32px)); margin: 0 auto; }

  header .wrap { display: grid; grid-template-columns: 1fr auto auto; gap: 32px; align-items: center; height: 72px; border-bottom: 1px solid var(--ink); }
  .logo { font-family: "Murecho", sans-serif; font-weight: 900; font-size: 24px; letter-spacing: .04em; }
  .logo span { color: var(--green); }
  nav { display: flex; gap: 26px; font-size: 13px; }
  nav a { position: relative; } nav a:hover { color: var(--green); }
  .btn { display: inline-flex; align-items: center; gap: 12px; padding: 13px 24px; background: var(--green); color: #fff; font-weight: 700; font-size: 14px; border-radius: 999px; transition: gap .2s, background .2s; }
  .btn:hover { gap: 18px; background: var(--ink); }
  .btn.line { background: transparent; color: var(--ink); border: 1px solid var(--ink); }
  .btn.line:hover { background: var(--ink); color: #fff; }

  /* ヒーロー：左に文章、右に実画面を重ねる */
  .hero { padding: 72px 0 96px; overflow: hidden; }
  .hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
  .kicker { display: inline-block; font-size: 12px; color: var(--sub); border-top: 1px solid var(--ink); padding-top: 10px; margin-bottom: 28px; }
  .hero h1 { margin: 0 0 28px; font-family: "Murecho", sans-serif; font-weight: 800; font-size: clamp(32px, 4.2vw, 56px); line-height: 1.3; letter-spacing: -.02em; }
  .mk { background: linear-gradient(transparent 62%, var(--marker) 62%, var(--marker) 92%, transparent 92%); background-size: 0 100%; background-repeat: no-repeat; animation: mark .9s ease .6s forwards; }
  @keyframes mark { to { background-size: 100% 100%; } }
  .hero-text p { margin: 0 0 32px; color: var(--sub); font-size: 16px; max-width: 520px; }
  .actions { display: flex; gap: 12px; flex-wrap: wrap; }
  .hero-visual { position: relative; height: 520px; }
  .hero-visual figure { position: absolute; margin: 0; background: #fff; padding: 6px; border: 1px solid var(--rule); box-shadow: 0 30px 60px -28px rgba(0,0,0,.35); }
  .hero-visual img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; object-position: top left; }
  .hv1 { right: 0; top: 0; width: 88%; animation: slide 1s cubic-bezier(.2,.8,.2,1) .2s both; }
  .hv2 { left: 0; bottom: 30px; width: 62%; animation: slide 1s cubic-bezier(.2,.8,.2,1) .45s both; }
  @keyframes slide { from { transform: translateY(30px); opacity: 0; } }
  .hero-tag { position: absolute; right: 0; bottom: 0; font-size: 11px; color: var(--sub); }

  /* 罫線で区切る見出し */
  section { padding: 110px 0; }
  .sec-head { display: grid; grid-template-columns: repeat(12, 1fr); gap: 20px; border-top: 1px solid var(--ink); padding-top: 14px; margin-bottom: 64px; }
  .sec-head .no { grid-column: 1 / 3; font-size: 12px; }
  .sec-head h2 { grid-column: 3 / 9; margin: 0; font-family: "Murecho", sans-serif; font-weight: 800; font-size: clamp(28px, 3.6vw, 46px); line-height: 1.32; letter-spacing: -.01em; }
  .sec-head p { grid-column: 9 / 13; margin: 0; color: var(--sub); font-size: 14px; }

  /* 手順：大きな数字の横並び */
  .flow { display: grid; grid-template-columns: repeat(4, 1fr); border-left: 1px solid var(--rule); }
  .step { padding: 0 26px 10px; border-right: 1px solid var(--rule); }
  .step .n { font-family: "Murecho", sans-serif; font-weight: 900; font-size: 120px; line-height: 1; color: transparent; -webkit-text-stroke: 1.5px var(--ink); transition: color .3s; }
  .step:hover .n { color: var(--green); -webkit-text-stroke-color: var(--green); }
  .step h3 { margin: 18px 0 8px; font-size: 20px; }
  .step p { margin: 0 0 14px; color: var(--sub); font-size: 14px; }
  .step .out { font-size: 12px; border-top: 1px solid var(--rule); padding-top: 8px; }

  /* 実画面：大小を重ねる */
  .collage { position: relative; height: 640px; }
  .collage figure { position: absolute; margin: 0; background: #fff; padding: 8px; box-shadow: 0 24px 50px -24px rgba(0,0,0,.35); }
  .collage img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: top left; }
  .collage figcaption { font-size: 12px; padding: 8px 4px 2px; display: flex; justify-content: space-between; }
  .f1 { left: 0; top: 0; width: 52%; z-index: 2; }
  .f2 { right: 0; top: 60px; width: 44%; z-index: 1; }
  .f3 { left: 30%; bottom: 0; width: 40%; z-index: 3; }
  .caption-note { margin-top: 24px; font-size: 12px; color: var(--sub); }

  /* 業務パック：大きな行で並べる */
  .pack { display: grid; grid-template-columns: repeat(12, 1fr); gap: 20px; align-items: baseline; padding: 30px 0; border-top: 1px solid var(--rule); }
  .pack:last-child { border-bottom: 1px solid var(--rule); }
  .pack h3 { grid-column: 1 / 6; margin: 0; font-family: "Murecho", sans-serif; font-weight: 800; font-size: clamp(36px, 5vw, 64px); line-height: 1; }
  .pack.plan h3 { color: transparent; -webkit-text-stroke: 1px #9a978e; }
  .pack .st { grid-column: 6 / 8; font-size: 12px; }
  .pack .st i { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--green); margin-right: 8px; }
  .pack.plan .st i { background: transparent; border: 1px solid var(--sub); }
  .pack .items { grid-column: 8 / 13; color: var(--sub); }

  /* よくある質問 */
  .faq-list { border-top: 1px solid var(--ink); }
  .faq-list details { border-bottom: 1px solid var(--rule); }
  .faq-list summary { display: grid; grid-template-columns: 60px 1fr 24px; gap: 12px; align-items: baseline; padding: 22px 0; cursor: pointer; list-style: none; font-weight: 700; font-size: 16px; }
  .faq-list summary::-webkit-details-marker { display: none; }
  .faq-list summary .mono { font-size: 12px; color: var(--green); font-weight: 500; }
  .faq-list summary::after { content: "+"; font-family: "Murecho", sans-serif; font-size: 22px; line-height: 1; text-align: right; transition: transform .2s; }
  .faq-list details[open] summary::after { transform: rotate(45deg); }
  .faq-list details p { margin: 0 0 24px 72px; color: var(--sub); max-width: 760px; }
  @media (max-width: 900px) { .faq-list summary { grid-template-columns: 40px 1fr 20px; font-size: 15px; } .faq-list details p { margin-left: 52px; } }

  /* 根拠：緑の面 */
  .trust { background: var(--green); color: #fff; }
  .trust .sec-head { border-top-color: #fff; }
  .trust .sec-head p { color: #cfe3da; }
  .cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
  .cols div { border-top: 1px solid rgba(255,255,255,.4); padding-top: 18px; }
  .cols .big { font-family: "Murecho", sans-serif; font-weight: 900; font-size: 64px; line-height: 1; }
  .cols .big small { font-size: 18px; margin-left: 4px; }
  .cols h3 { margin: 16px 0 8px; font-size: 16px; }
  .cols p { margin: 0; color: #cfe3da; font-size: 14px; }
  .trust .fine { margin-top: 36px; font-size: 12px; color: #a9c9bc; }

  .cta { padding: 130px 0 90px; }
  .cta h2 { font-family: "Murecho", sans-serif; font-weight: 900; font-size: clamp(36px, 5.4vw, 72px); line-height: 1.2; letter-spacing: -.03em; margin: 0 0 40px; }
  .cta-row { display: flex; justify-content: space-between; align-items: end; flex-wrap: wrap; gap: 24px; border-top: 1px solid var(--ink); padding-top: 20px; }
  .cta-row p { margin: 0; color: var(--sub); max-width: 460px; }
  .nav-login { color: var(--sub); }
  .micro { margin: 16px 0 0; font-size: 12px; color: var(--sub); }
  .cta-btns { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
  .btn.line small { font-size: 11px; font-weight: 400; color: var(--sub); margin-left: 8px; }
  footer .flinks a { margin-left: 18px; }
  footer .flinks a:hover { color: var(--green); }
  footer .wrap { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; padding: 26px 0; font-size: 12px; color: var(--sub); border-top: 1px solid var(--rule); }

  @media (max-width: 900px) {
    nav { display: none; }
    header .wrap { grid-template-columns: 1fr auto; }
    .hero-grid { grid-template-columns: 1fr; }
    .hero-visual { height: 340px; }
    .sec-head .no, .sec-head h2, .sec-head p, .pack h3, .pack .st, .pack .items { grid-column: 1 / -1; }
    .flow { grid-template-columns: 1fr 1fr; }
    .step { border-bottom: 1px solid var(--rule); padding-bottom: 24px; }
    .step .n { font-size: 80px; }
    .collage { height: auto; display: grid; gap: 20px; }
    .collage figure { position: static; width: 100%; }
    .cols { grid-template-columns: 1fr; }
  }

  /* 状態の表示（ロードマップ資料の定義に合わせる） */
  .chip-st { display: inline-block; margin-left: 8px; padding: 0 8px; border-radius: 999px; font-size: 11px; font-weight: 700; vertical-align: 2px; }
  .chip-st.testing { color: #8a5a00; background: #fbf1dc; }
  .chip-st.prep { margin: 0 0 12px; color: var(--sub); border: 1px solid #c9c5ba; }
  .legend { display: flex; gap: 20px; font-size: 12px; margin: -36px 0 18px; color: var(--sub); }
  .dot { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-right: 6px; }
  .dot.live { background: var(--green); } .dot.testing { background: #d39a2b; } .dot.prep { border: 1px solid var(--sub); }

  /* できること */
  .feat-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--ink); }
  .feat-col { padding: 18px 22px 8px 0; }
  .feat-col + .feat-col { padding-left: 22px; border-left: 1px solid var(--rule); }
  .feat-col h3 { margin: 0 0 10px; font-family: "Murecho", sans-serif; font-weight: 800; font-size: 20px; }
  .feat-col ul { list-style: none; margin: 0; padding: 0; }
  .feat-col li { padding: 10px 0; border-top: 1px solid var(--rule); font-weight: 700; }
  .feat-col li small { display: block; font-weight: 400; color: var(--sub); font-size: 12px; }

  /* 業務の変化 */
  .change { background: #efede6; }
  .ba-row { display: grid; grid-template-columns: 160px 1fr 1fr; border-top: 1px solid var(--ink); }
  .ba-row:last-child { border-bottom: 1px solid var(--ink); }
  .ba-row > div { padding: 22px 22px 22px 0; }
  .ba-k { font-family: "Murecho", sans-serif; font-weight: 800; font-size: 22px; }
  .ba-before { color: var(--sub); }
  .ba-after { padding-left: 22px !important; border-left: 1px solid var(--rule); font-weight: 500; }
  .ba-row .mono { display: block; font-size: 11px; color: var(--sub); margin-bottom: 4px; }
  .ba-after .mono { color: var(--green); }

  /* 業務パック（状態タグ） */
  .pack h3 { grid-column: 1 / 5; }
  .pack .items { grid-column: 5 / 13; display: flex; flex-wrap: wrap; gap: 8px; color: inherit; }
  .tag { padding: 4px 12px; border-radius: 999px; font-size: 13px; }
  .tag.live { background: var(--green); color: #fff; font-weight: 700; }
  .tag.testing { background: #fbf1dc; color: #8a5a00; font-weight: 700; }
  .tag.prep { border: 1px solid var(--rule); color: var(--sub); }
  .note-s { margin-top: 16px; font-size: 12px; color: var(--sub); }

  /* これから */
  .rm-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
  .rm { padding: 22px; border: 1px dashed #c9c5ba; background: rgba(255,255,255,.5); }
  .rm h3 { margin: 0 0 6px; font-size: 17px; }
  .rm p { margin: 0; color: var(--sub); font-size: 14px; }
  .future { display: grid; grid-template-columns: 120px 1fr; gap: 20px; margin-top: 28px; padding-top: 18px; border-top: 1px solid var(--rule); }
  .future .mono { font-size: 12px; color: var(--sub); }
  .future p { margin: 0; color: var(--sub); font-size: 14px; }

  /* 導入の進め方・使い方 */
  .steps3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 56px; }
  .steps3 > div { border-top: 2px solid var(--ink); padding-top: 14px; }
  .steps3 .big { font-family: "Murecho", sans-serif; font-weight: 900; font-size: 56px; line-height: 1; color: var(--green); }
  .steps3 h3 { margin: 10px 0 6px; font-size: 18px; }
  .steps3 p { margin: 0; color: var(--sub); font-size: 14px; }
  .who { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
  .who > div { padding: 24px; background: #fff; border: 1px solid var(--rule); }
  .who h3 { margin: 0 0 6px; font-family: "Murecho", sans-serif; font-weight: 800; font-size: 19px; }
  .who p { margin: 0 0 12px; color: var(--sub); font-size: 13px; }
  .who ul { margin: 0; padding-left: 1.1em; font-size: 14px; }

  @media (max-width: 900px) {
    .feat-grid, .rm-grid, .steps3, .who { grid-template-columns: 1fr; }
    .feat-col + .feat-col { padding-left: 0; border-left: 0; }
    .ba-row { grid-template-columns: 1fr; }
    .ba-row > div { padding: 10px 0; }
    .ba-after { padding-left: 0 !important; border-left: 0; }
    .pack h3, .pack .items { grid-column: 1 / -1; }
    .legend { margin-top: -40px; flex-wrap: wrap; }
    .future { grid-template-columns: 1fr; gap: 6px; }
  }
  
  /* ===== 業務パック別ページ ===== */
  a.tag { text-decoration: none; }
  a.tag:hover { opacity: .85; }
  .crumb { font-size: 12px; color: var(--sub); margin-bottom: 20px; }
  .crumb a { color: var(--sub); } .crumb a:hover { color: var(--green); }
  .status { display: inline-block; padding: 3px 12px; border-radius: 999px; font-size: 12px; font-weight: 700; vertical-align: middle; margin-left: 10px; }
  .status.live { background: var(--green); color: #fff; }
  .status.testing { background: #fbf1dc; color: #8a5a00; }
  .pack-hero { padding: 64px 0 72px; border-bottom: 1px solid var(--ink); }
  .pack-hero .kicker { display: inline-block; border-top: 1px solid var(--ink); padding-top: 10px; margin-bottom: 24px; font-size: 12px; color: var(--sub); }
  .pack-hero h1 { margin: 0 0 22px; font-family: "Murecho", sans-serif; font-weight: 800; font-size: clamp(28px, 3.4vw, 46px); line-height: 1.32; letter-spacing: -.02em; max-width: 980px; }
  .pack-hero p { margin: 0 0 30px; color: var(--sub); font-size: 16px; max-width: 680px; }
  .spec { width: 100%; border-collapse: collapse; border-top: 1px solid var(--ink); }
  .spec th, .spec td { text-align: left; vertical-align: top; padding: 16px 18px 16px 0; border-bottom: 1px solid var(--rule); }
  .spec th { width: 240px; font-weight: 700; }
  .spec td { color: var(--sub); }
  .spec td b { color: var(--ink); font-weight: 700; }
  .flow-ex { display: grid; gap: 28px; }
  .fx { display: grid; grid-template-columns: 80px 1fr 1.1fr; gap: 24px; padding: 28px 0; border-top: 1px solid var(--rule); align-items: start; }
  .fx:first-child { border-top: 1px solid var(--ink); }
  .fx .n { font-family: "Murecho", sans-serif; font-weight: 900; font-size: 56px; line-height: 1; color: transparent; -webkit-text-stroke: 1.5px var(--ink); }
  .fx h3 { margin: 4px 0 8px; font-family: "Murecho", sans-serif; font-weight: 800; font-size: 22px; }
  .fx p { margin: 0 0 8px; color: var(--sub); }
  .fx .out { font-family: "IBM Plex Mono", monospace; font-size: 12px; color: var(--green); }
  .fx figure { margin: 0; background: #fff; padding: 6px; border: 1px solid var(--rule); box-shadow: 0 20px 40px -28px rgba(0,0,0,.35); }
  .fx img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; object-position: top left; }
  .fx.noimg { grid-template-columns: 80px 1fr; }
  .fields { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 40px; border-top: 1px solid var(--ink); }
  .fields div { padding: 12px 0; border-bottom: 1px solid var(--rule); }
  .fields small { display: block; color: var(--sub); font-size: 12px; }
  .scope { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
  .scope > div { padding: 24px; border: 1px solid var(--rule); background: #fff; }
  .scope h3 { margin: 0 0 10px; font-size: 16px; }
  .scope ul { margin: 0; padding-left: 1.1em; color: var(--sub); font-size: 14px; }
  .scope .ok h3 { color: var(--green); } .scope .ng h3 { color: #8a5a00; }
  .other-pack { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 24px 28px; border: 1px solid var(--ink); margin-top: 48px; flex-wrap: wrap; }
  .other-pack b { font-family: "Murecho", sans-serif; font-weight: 800; font-size: 18px; }
  .other-pack span { color: var(--sub); font-size: 13px; display: block; }
  @media (max-width: 900px) {
    .spec th { display: block; width: auto; padding-bottom: 2px; border-bottom: 0; }
    .spec td { display: block; padding-top: 0; }
    .fx, .fx.noimg { grid-template-columns: 1fr; gap: 8px; }
    .fx .n { font-size: 40px; }
    .fields, .scope { grid-template-columns: 1fr; }
  }

  /* ===== 実務の記事 ===== */
  .art-wrap { max-width: 820px; }
  .art-head { padding: 48px 0 28px; border-bottom: 1px solid var(--ink); margin-bottom: 28px; }
  .art-head .kicker { display: inline-block; border-top: 1px solid var(--ink); padding-top: 10px; margin-bottom: 20px; font-size: 12px; color: var(--sub); }
  .art-head h1 { margin: 0 0 18px; font-family: "Murecho", sans-serif; font-weight: 800; font-size: clamp(26px, 3.2vw, 40px); line-height: 1.4; letter-spacing: -.01em; }
  .art-meta { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 12px; color: var(--sub); }
  .art-note { padding: 14px 18px; border-left: 3px solid var(--ink); background: #efede6; font-size: 13px; color: var(--sub); margin-bottom: 36px; }
  .art .lead { font-size: 16px; }
  .art h2 { margin: 52px 0 14px; font-family: "Murecho", sans-serif; font-weight: 800; font-size: 24px; line-height: 1.4; padding-top: 14px; border-top: 1px solid var(--ink); }
  .art h3 { margin: 28px 0 8px; font-size: 17px; padding-left: 10px; border-left: 3px solid var(--green); }
  .art p, .art li { line-height: 1.95; }
  .art ul, .art ol { padding-left: 1.4em; }
  .art li { margin: 6px 0; }
  .art a { color: var(--green); text-decoration: underline; text-underline-offset: 3px; }
  .art-table { margin: 16px 0 8px; font-size: 14px; }
  .art-table th { width: 260px; }
  .art-table td { color: var(--ink); }
  .art-cta { display: grid; grid-template-columns: 1fr auto; gap: 20px; align-items: center; margin: 56px 0 28px; padding: 26px 28px; border: 1px solid var(--ink); background: #fff; }
  .art-cta b { font-family: "Murecho", sans-serif; font-weight: 800; font-size: 18px; display: block; margin-bottom: 4px; }
  .art-cta span { font-size: 13px; color: var(--sub); }
  .art-cta .btn { text-decoration: none; color: #fff; }
  .art-cta .btn.line { color: var(--ink); }
  .art-cta .btn.line:hover { color: #fff; }
  .art-kot { font-size: 13px; color: var(--sub); }
  .art-sources { margin-top: 40px; padding-top: 18px; border-top: 1px solid var(--rule); }
  .art-sources h2 { border: 0; padding: 0; margin: 0 0 10px; font-size: 16px; }
  .art-sources ul { list-style: none; padding: 0; margin: 0 0 14px; }
  .art-sources li { padding: 8px 0; border-bottom: 1px solid var(--rule); font-size: 14px; }
  .art-sources li small { display: block; color: var(--sub); font-size: 12px; }
  .art-sources p { font-size: 12px; color: var(--sub); }
  .art-back { margin: 36px 0 60px; font-size: 14px; }
  .art-list { display: grid; gap: 20px; }
  .art-card { display: block; padding: 26px 28px; border: 1px solid var(--rule); background: #fff; text-decoration: none; color: var(--ink); transition: border-color .2s; }
  .art-card:hover { border-color: var(--ink); }
  .art-card .mono { font-size: 12px; color: var(--green); }
  .art-card h2 { margin: 8px 0 8px; font-family: "Murecho", sans-serif; font-weight: 800; font-size: 20px; line-height: 1.45; }
  .art-card p { margin: 0; color: var(--sub); font-size: 14px; }
  @media (max-width: 900px) {
    .art-table th { width: auto; }
    .art-cta { grid-template-columns: 1fr; }
  }

  /* 記事：要点・FAQ・関連記事（AI検索が引用しやすい、答えが先に出る構造） */
  .art-keypoints { margin: 0 0 24px; padding: 20px 24px; border: 1px solid var(--ink); background: #fff; }
  .art-keypoints h2 { margin: 0 0 10px; padding: 0; border: 0; font-size: 15px; }
  .art-keypoints ul { margin: 0; padding-left: 1.2em; }
  .art-keypoints li { margin: 4px 0; font-size: 14px; }
  .art-faq { margin-top: 48px; }
  .art-faq h2 { font-size: 20px; }
  .art-faq details { border-bottom: 1px solid var(--rule); }
  .art-faq summary { padding: 14px 0; cursor: pointer; font-weight: 700; list-style: none; }
  .art-faq summary::-webkit-details-marker { display: none; }
  .art-faq summary::before { content: "Q "; color: var(--green); font-family: "IBM Plex Mono", monospace; }
  .art-faq details p { margin: 0 0 16px 1.6em; color: var(--sub); }
  .art-related { margin-top: 36px; padding: 18px 22px; background: #efede6; }
  .art-related h2 { margin: 0 0 8px; padding: 0; border: 0; font-size: 15px; }
  .art-related ul { list-style: none; margin: 0; padding: 0; }
  .art-related li { padding: 6px 0; border-top: 1px solid var(--rule); font-size: 14px; }
  .art-related li:first-child { border-top: 0; }
  .art-related li small { margin-left: 10px; color: var(--sub); font-size: 12px; }
  .pack-articles { margin-top: 48px; }
  .pack-articles h2 { margin: 0 0 12px; font-family: "Murecho", sans-serif; font-weight: 800; font-size: 22px; }
  .pack-articles a { display: block; padding: 14px 0; border-top: 1px solid var(--rule); color: var(--ink); text-decoration: none; }
  .pack-articles a:hover { color: var(--green); }
  .pack-articles a:last-child { border-bottom: 1px solid var(--rule); }