/* ============================================================
   共通デザイン(全4ページで同じものを使用)
   マイキャンパス寄せB案改:左サイドバー / 面ごとの塗り分け /
   #ハッシュ見出し / 白ピル+色丸ボタン / バインダー風お知らせ
   ============================================================ */
:root{
  --bg:#fffdf5;
  --cream:#fef7d9;
  --ink:#444444;
  --ink-soft:#6f6a5d;
  --sky:#3fa3d5;
  --sky-deep:#1f7fae;
  --sky-pale:#eaf7fd;
  --side:#79b9e2;
  --yellow:#ffcd00;
  --yellow-deep:#e0a520;
  --lyellow:#ffeb99;
  --pink:#ff93b1;
  --pink-deep:#e2608a;
  --ppale:#ffd9e4;
  --leaf:#7cc48f;
  --leaf-deep:#4b9a68;
  --coral:#f2937c;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--bg);
  color:var(--ink);
  font-family:"Zen Maru Gothic","Hiragino Maru Gothic ProN",sans-serif;
  line-height:2;
  letter-spacing:.05em;
}
img{max-width:100%}
a{color:inherit;text-decoration:none}
.en{font-family:"Quicksand",sans-serif;letter-spacing:.14em}

/* アニメーション */
@keyframes sway{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes sunspin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes twinkle{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.78);opacity:.75}}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.doodle{position:absolute;pointer-events:none;z-index:1}
.doodle svg{width:100%;height:auto;display:block}
.f1{animation:floaty 7s ease-in-out infinite}
.f2{animation:floaty 9s ease-in-out 1.5s infinite}
.f3{animation:floaty 11s ease-in-out 3s infinite}
.sw{animation:sway 5s ease-in-out infinite}
.tw{animation:twinkle 3.2s ease-in-out infinite}
.spin svg{animation:sunspin 60s linear infinite;transform-origin:center}

/* ===== 左サイドバー ===== */
.side{
  position:fixed;left:0;top:0;bottom:0;width:264px;z-index:80;
  background:var(--side);
  padding:26px 18px 22px;
  overflow-y:auto;
}
.side::before{ /* 方眼 */
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.22) 1.5px,transparent 1.5px),
                   linear-gradient(90deg,rgba(255,255,255,.22) 1.5px,transparent 1.5px);
  background-size:28px 28px;
}
.side-cloud{position:absolute;pointer-events:none}
.side-card{
  position:relative;z-index:2;
  background:#fff;border-radius:22px;
  padding:24px 20px 20px;
  box-shadow:0 4px 0 rgba(31,127,174,.25);
}
.side-logo{display:block;text-align:center;padding-bottom:14px}
.side-logo svg{width:72px;height:auto;margin:0 auto;display:block}
.side-logo .t{display:block;font-weight:900;font-size:13.5px;line-height:1.6;margin-top:8px}
.side-logo .s{display:block;font-weight:700;font-size:8.5px;color:var(--sky-deep);letter-spacing:.16em;margin-top:4px}
.side-nav{list-style:none;margin-top:6px}
.side-nav li{border-top:2px dotted var(--yellow)}
.side-nav a{
  display:flex;align-items:baseline;gap:8px;
  padding:11px 4px 11px 2px;line-height:1.4;
  transition:.15s;border-radius:8px;
}
.side-nav a:hover{background:var(--lyellow)}
.side-nav .mk{color:var(--pink);font-size:10px;transform:translateY(-1px);visibility:hidden}
.side-nav a.on .mk{visibility:visible}
.side-nav .en2{font-family:"Quicksand",sans-serif;font-weight:700;font-size:13.5px;letter-spacing:.1em}
.side-nav .jp{font-size:10px;color:var(--ink-soft);font-weight:700}
.side-mail{
  display:flex;align-items:center;justify-content:center;gap:8px;
  margin-top:16px;padding:10px 12px;
  background:var(--ppale);border:2px solid var(--ink);border-radius:999px;
  font-size:11.5px;font-weight:900;transition:.15s;
}
.side-mail:hover{background:var(--pink);color:#fff}
.side-foot{position:relative;z-index:2;text-align:center;margin-top:16px;font-size:9px;color:#eaf6fc;letter-spacing:.12em}

/* モバイル用バー */
#nav-toggle{display:none}
.mobilebar{
  display:none;position:sticky;top:0;z-index:90;
  background:rgba(255,253,245,.96);border-bottom:2px solid var(--ink);
  padding:10px 16px;align-items:center;justify-content:space-between;
}
.mobilebar .t{font-weight:900;font-size:13px}
.burger{
  display:inline-block;padding:7px 16px;border:2px solid var(--ink);border-radius:999px;
  background:var(--lyellow);font-size:12px;font-weight:900;cursor:pointer;
}
.side-close{display:none}
@media(max-width:1000px){
  .side{display:none}
  .mobilebar{display:flex}
  #nav-toggle:checked ~ .side{display:block;width:100%;z-index:120}
  #nav-toggle:checked ~ .side .side-card{max-width:420px;margin:44px auto 0}
  .side-close{
    display:block;position:absolute;top:12px;right:14px;z-index:5;
    background:#fff;border:2px solid var(--ink);border-radius:999px;
    padding:5px 16px;font-size:12px;font-weight:900;cursor:pointer;
  }
}

/* ===== コンテンツ側 ===== */
.main{margin-left:264px}
@media(max-width:1000px){.main{margin-left:0}}
.panel{position:relative;overflow:hidden;padding:84px 36px}
.panel-in{position:relative;z-index:2;max-width:920px;margin:0 auto}
.gridbg::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.5) 1.5px,transparent 1.5px),
                   linear-gradient(90deg,rgba(255,255,255,.5) 1.5px,transparent 1.5px);
  background-size:28px 28px;
}
.p-cream{background:var(--cream)}
.p-pink{background:var(--ppale)}
.p-yellow{background:var(--lyellow)}
.p-skypale{background:#d9effa}
.p-plain{background:var(--bg)}

/* #ハッシュ見出し */
.sec-head{position:relative;text-align:center;margin-bottom:54px}
.sec-head .hash{
  font-family:"Quicksand",sans-serif;font-weight:700;
  font-size:17px;letter-spacing:.18em;
}
.sec-head h2{font-size:clamp(24px,3.4vw,34px);font-weight:900;letter-spacing:.14em;line-height:1.7;margin-top:2px}
.sec-head .sub{font-size:13px;color:var(--ink-soft);font-weight:700;margin-top:8px}
.hash.c-pink{color:var(--pink-deep)}
.hash.c-sky{color:var(--sky-deep)}
.hash.c-yellow{color:var(--yellow-deep)}
.hash.c-leaf{color:var(--leaf-deep)}

/* 白ピル+色丸ボタン */
.mbtn{
  display:inline-flex;align-items:center;
  background:#fff;border:2px solid var(--ink);border-radius:999px;
  padding:9px 10px 9px 28px;
  font-size:14px;font-weight:900;letter-spacing:.08em;
  box-shadow:0 3px 0 rgba(68,68,68,.18);
  transition:transform .15s,box-shadow .15s;
}
.mbtn:hover{transform:translateY(-2px);box-shadow:0 5px 0 rgba(68,68,68,.18)}
.mbtn .circ{
  width:42px;height:42px;border-radius:50%;flex:none;
  border:2px solid var(--ink);margin-left:18px;
  display:grid;place-items:center;transition:transform .2s;
}
.mbtn:hover .circ{transform:translateX(4px)}
.mbtn .circ svg{width:14px;height:14px}
.circ.c-yellow{background:var(--yellow)}
.circ.c-pink{background:var(--pink)}
.circ.c-sky{background:var(--sky)}
.mbtn.small{font-size:12.5px;padding:6px 8px 6px 20px}
.mbtn.small .circ{width:32px;height:32px;margin-left:12px}

/* バッジ・ピル */
.pill{
  display:inline-block;font-size:11px;font-weight:900;letter-spacing:.1em;
  background:#fff;border:2px solid var(--ink);border-radius:999px;padding:3px 16px;
}
.pill.p-pink{background:var(--ppale)}
.pill.p-yellow{background:var(--lyellow)}
.pill.p-leaf{background:#dff1e2}
.pill.p-sky{background:var(--sky-pale)}

/* 写真の仮枠 */
.photo{
  background:linear-gradient(135deg,#eef8fd 0%,#cfeaf8 100%);
  display:grid;place-items:center;text-align:center;
  color:#5b87a0;font-size:12.5px;letter-spacing:.06em;font-weight:700;line-height:1.8;
}

/* ===== ヒーロー ===== */
.hero{
  position:relative;overflow:hidden;
  background:linear-gradient(180deg,#aedcf2 0%,#d8eefa 68%,var(--cream) 100%);
  padding:74px 36px 96px;
}
.hero-in{
  position:relative;z-index:2;max-width:960px;margin:0 auto;
  display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;
}
@media(max-width:860px){.hero-in{grid-template-columns:1fr}}
.hero-copy .pill{margin-bottom:18px}
.hero-copy h1{
  font-size:clamp(23px,3.1vw,32px);
  font-weight:900;line-height:1.7;letter-spacing:.08em;
}
.hero-copy h1 .marker{
  background:linear-gradient(transparent 58%,var(--yellow) 58%,var(--yellow) 92%,transparent 92%);
}
.hero-copy p{margin-top:22px;font-size:14.5px;font-weight:700;color:#3f5866}
.hero-chip{
  display:inline-flex;align-items:center;gap:10px;
  margin-top:26px;padding:9px 22px;
  background:#fff;border:2px solid var(--ink);border-radius:999px;
  font-size:12px;font-weight:900;box-shadow:0 3px 0 rgba(68,68,68,.15);
}
.hero-chip .dot{width:9px;height:9px;border-radius:50%;background:var(--pink);flex:none}
.hero-photo{position:relative}
.hero-photo .photo{
  aspect-ratio:1/0.86;
  border-radius:53% 47% 55% 45% / 48% 55% 45% 52%;
  border:2.5px solid var(--ink);
  position:relative;z-index:2;
}
.hero-photo::before{ /* 後ろのピンクの雲形 */
  content:"";position:absolute;inset:-16px -10px 6px auto;width:70%;
  background:var(--ppale);
  border-radius:60% 40% 55% 45% / 50% 60% 40% 50%;
}

/* ===== 流れる帯 ===== */
.marquee{
  position:relative;overflow:hidden;
  background:var(--pink);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);
  padding:10px 0;
}
.mq-track{display:flex;align-items:center;gap:56px;white-space:nowrap;width:max-content;animation:mq 26s linear infinite}
.mq-big{
  font-family:"Quicksand",sans-serif;font-weight:700;font-size:54px;letter-spacing:.06em;
  color:transparent;-webkit-text-stroke:2px #fff;paint-order:stroke;
}
@supports not (-webkit-text-stroke:2px #fff){.mq-big{color:#ffd9e4}}
.mq-small{font-size:12px;font-weight:900;color:#fff;letter-spacing:.24em}

/* ===== MESSAGE ===== */
.message-body{max-width:660px;margin:0 auto;font-size:15px;font-weight:700;color:#5c564a;text-align:left}

/* ===== たより ===== */
.board-card{
  background:#fff;border:2px solid var(--sky);border-radius:26px;
  box-shadow:0 5px 0 rgba(31,127,174,.2);
  padding:36px;
  display:grid;grid-template-columns:380px 1fr;gap:36px;align-items:center;
}
@media(max-width:860px){.board-card{grid-template-columns:1fr}}
.board-card .photo{
  aspect-ratio:4/3;background:var(--cream);
  border:2.5px dashed var(--sky);border-radius:20px;color:#8a9a56;
}
.board-photo-link{
  position:relative;display:block;max-width:380px;margin:0 auto;
  border-radius:20px;overflow:hidden;border:2.5px solid var(--ink);
  box-shadow:0 4px 0 rgba(68,68,68,.15);
  transition:transform .2s,box-shadow .2s;
}
.board-photo-link:hover{transform:translateY(-3px);box-shadow:0 7px 0 rgba(68,68,68,.15)}
.board-photo-link img{display:block;width:100%;height:auto}
.board-photo-link .zoom{
  position:absolute;right:10px;bottom:10px;
  background:#fff;border:2px solid var(--ink);border-radius:999px;
  padding:5px 14px;font-size:11px;font-weight:900;
  box-shadow:0 3px 0 rgba(68,68,68,.15);
}
.board-card h3{font-size:19px;font-weight:900;letter-spacing:.08em;line-height:1.8}
.board-card p{margin-top:14px;font-size:13.5px;color:var(--ink-soft);font-weight:700}
.board-note{margin-top:12px;font-size:11.5px;color:var(--ink-soft);font-weight:700}

/* ===== 参加スクール ===== */
.gtab{
  background:var(--lyellow);
  border:2px solid var(--ink);border-bottom:none;
  border-radius:26px 26px 0 0;
  text-align:center;font-weight:900;font-size:20px;letter-spacing:.2em;
  padding:12px;
}
.gtab.t2{background:#fff;border-radius:0;border-top:none}
.gbody{
  border:2px solid var(--ink);border-top:none;
  background:rgba(68,68,68,.16);
  display:grid;grid-template-columns:repeat(3,1fr);gap:1.5px;
}
.gbody.last{border-radius:0 0 26px 26px;overflow:hidden}
@media(max-width:860px){.gbody{grid-template-columns:1fr}}
.sch{background:#fffdf7;padding:26px 24px 24px;position:relative;text-align:center}
.sch .ph{
  width:112px;height:112px;border-radius:50%;margin:0 auto;
  border:2.5px dashed var(--sky);
  background:linear-gradient(135deg,#eef8fd,#cfeaf8);
  display:grid;place-items:center;font-size:10.5px;color:#5b87a0;font-weight:700;line-height:1.6;
}
.sch h3{font-size:15px;font-weight:900;letter-spacing:.02em;margin-top:14px;line-height:1.6}
.sch p{margin-top:8px;font-size:12px;color:var(--ink-soft);line-height:1.9;font-weight:700;text-align:left}
.sch::after{
  content:"";position:absolute;top:14px;right:16px;
  width:11px;height:11px;border-radius:50%;border:2px solid var(--ink);
}
.sch:nth-child(5n+1)::after{background:var(--coral)}
.sch:nth-child(5n+2)::after{background:var(--yellow)}
.sch:nth-child(5n+3)::after{background:var(--leaf)}
.sch:nth-child(5n+4)::after{background:var(--sky)}
.sch:nth-child(5n+5)::after{background:var(--pink)}
.sch.empty::after{display:none}
.schools-more{text-align:center;margin-top:44px}

/* ===== GUIDE 3カード ===== */
.doors-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
@media(max-width:860px){.doors-grid{grid-template-columns:1fr}}
.door{
  background:#fff;border-radius:24px;padding:22px 22px 26px;text-align:center;
  box-shadow:0 4px 0 rgba(68,68,68,.15);
  transition:transform .2s,box-shadow .2s;display:block;
}
.door:hover{transform:translateY(-4px);box-shadow:0 8px 0 rgba(68,68,68,.15)}
.door.c1{border:2.5px solid var(--pink)}
.door.c2{border:2.5px solid var(--yellow)}
.door.c3{border:2.5px solid var(--leaf)}
.door .photo{aspect-ratio:4/3;border-radius:46% 54% 50% 50% / 56% 48% 52% 44%;border:2px solid var(--ink)}
.door .pill{margin-top:18px}
.door h3{font-size:16.5px;font-weight:900;letter-spacing:.05em;margin-top:10px}
.door p{margin-top:8px;font-size:12.5px;color:var(--ink-soft);font-weight:700;text-align:left}
.door .mbtn{margin-top:16px}

/* ===== NEWS(バインダー風) ===== */
.binder{
  position:relative;background:#fff;
  border:3px solid var(--yellow);border-radius:24px;
  box-shadow:0 5px 0 rgba(68,68,68,.12);
  padding:44px 40px 34px;margin-top:26px;
}
.rings{position:absolute;top:-15px;left:0;right:0;display:flex;justify-content:space-evenly;padding:0 40px}
.ring{width:22px;height:22px;border-radius:50%;border:5px solid var(--yellow-deep);background:var(--ppale)}
.news-item{
  display:flex;gap:16px;align-items:baseline;flex-wrap:wrap;
  padding:15px 6px;font-size:14px;font-weight:700;
  border-bottom:2px dotted var(--yellow);
}
.news-item:last-child{border-bottom:none}
.news-item time{font-family:"Quicksand",sans-serif;font-weight:700;font-size:13px;white-space:nowrap}
.news-item a:hover{color:var(--sky-deep);text-decoration:underline}

/* ===== CONTACT ===== */
.contact-bubble{
  position:relative;max-width:720px;margin:0 auto;text-align:center;
  background:#fff;border:2.5px solid var(--ink);border-radius:32px;
  padding:52px 40px 54px;
  box-shadow:0 6px 0 var(--ppale);
}
.contact-bubble::after{
  content:"";position:absolute;left:50%;bottom:-15px;margin-left:-40px;
  width:20px;height:20px;background:#fff;
  border-right:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);
  transform:skewX(-38deg) rotate(45deg);
}
.contact-bubble h2{font-size:clamp(19px,2.6vw,25px);font-weight:900;letter-spacing:.1em;line-height:1.9}
.contact-bubble p{margin-top:16px;font-size:14px;color:var(--ink-soft);font-weight:700}
.contact-bubble .mbtn{margin-top:26px}

/* ===== フッター ===== */
.rainbow-bar{height:7px;background:linear-gradient(90deg,var(--coral),var(--yellow),var(--leaf),var(--sky),var(--pink));position:relative;z-index:2}
footer{position:relative;background:var(--side);color:#fff;overflow:hidden}
footer::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.18) 1.5px,transparent 1.5px),
                   linear-gradient(90deg,rgba(255,255,255,.18) 1.5px,transparent 1.5px);
  background-size:28px 28px;
}
.footer-in{position:relative;z-index:2;max-width:920px;margin:0 auto;text-align:center;padding:56px 24px 30px}
.footer-in .t{font-size:16px;font-weight:900;letter-spacing:.08em}
.footer-in .s{display:block;font-size:9.5px;color:#eaf6fc;letter-spacing:.2em;font-weight:700;margin-top:4px}
.footer-mail{margin-top:16px;font-size:13px;font-weight:700}
.footer-nav{margin-top:24px;display:flex;justify-content:center;gap:8px 26px;flex-wrap:wrap;font-size:12px;font-weight:700}
.footer-nav a:hover{text-decoration:underline}
.backtop{
  position:absolute;right:26px;bottom:26px;z-index:3;
  background:#fff;color:var(--ink);border:2px solid var(--ink);border-radius:999px;
  padding:7px 18px;font-size:11.5px;font-weight:900;
}
.backtop:hover{background:var(--lyellow)}
.copy{margin-top:32px;font-size:10.5px;color:#eaf6fc;letter-spacing:.12em}

/* ===== 下層ページ用 ===== */
.pagehero{position:relative;overflow:hidden;padding:66px 36px 58px;text-align:center}
.pagehero .hash{font-family:"Quicksand",sans-serif;font-weight:700;font-size:17px;letter-spacing:.18em}
.pagehero h1{font-size:clamp(26px,3.8vw,38px);font-weight:900;letter-spacing:.16em;line-height:1.7;margin-top:2px;position:relative;z-index:2}
.pagehero .sub{font-size:13.5px;color:var(--ink-soft);font-weight:700;margin-top:10px;position:relative;z-index:2}
.ph-pink{background:linear-gradient(180deg,#ffe3ec 0%,var(--ppale) 100%)}
.ph-sky{background:linear-gradient(180deg,#c8e8f8 0%,#d9effa 100%)}
.ph-leaf{background:linear-gradient(180deg,#dff1e2 0%,#e9f6ea 100%)}

.card{
  background:#fff;border:2px solid var(--ink);border-radius:26px;
  padding:38px 40px;box-shadow:0 4px 0 rgba(68,68,68,.12);
}
.card + .card{margin-top:30px}
.card.b-pink{border-color:var(--pink)}
.card.b-yellow{border-color:var(--yellow)}
.card.b-sky{border-color:var(--sky)}
.card.b-leaf{border-color:var(--leaf)}
.card h3{font-size:18px;font-weight:900;letter-spacing:.08em;line-height:1.8}
.card p{margin-top:12px;font-size:14px;color:#5c564a;font-weight:700}
.card .mbtn{margin-top:22px}
.card-note{margin-top:12px;font-size:11.5px;color:var(--ink-soft);font-weight:700}

/* 顔写真つきメッセージ */
.person{display:grid;grid-template-columns:150px 1fr;gap:32px;align-items:start}
@media(max-width:700px){.person{grid-template-columns:1fr;justify-items:center;text-align:center}}
.person .face{
  width:150px;height:150px;border-radius:50%;
  border:2.5px dashed var(--pink);
  background:linear-gradient(135deg,#fff0f5,#ffd9e4);
  display:grid;place-items:center;font-size:11px;color:#b06a83;font-weight:700;line-height:1.7;text-align:center;
}
.person p{text-align:left}

/* チェックリスト */
.flowerlist{list-style:none;margin-top:14px}
.flowerlist li{
  position:relative;padding:10px 4px 10px 34px;
  font-size:14px;font-weight:700;color:#5c564a;
  border-bottom:2px dotted var(--lyellow);
}
.flowerlist li:last-child{border-bottom:none}
.flowerlist li::before{
  content:"✿";position:absolute;left:6px;top:10px;color:var(--pink);
}
.flowerlist.fl-sky li::before{color:var(--sky)}
.flowerlist.fl-leaf li::before{color:var(--leaf-deep)}

/* 考え方3カード */
.vals-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
@media(max-width:860px){.vals-grid{grid-template-columns:1fr}}
.val{
  background:#fff;border-radius:24px;padding:30px 26px;text-align:center;
  box-shadow:0 4px 0 rgba(68,68,68,.12);
}
.val.c1{border:2.5px solid var(--pink)}
.val.c2{border:2.5px solid var(--yellow)}
.val.c3{border:2.5px solid var(--leaf)}
.val .icon{width:56px;height:56px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center}
.val .icon svg,.val .icon img{max-width:100%;max-height:100%}
.val h3{font-size:15.5px;font-weight:900;letter-spacing:.04em;line-height:1.8}
.val p{margin-top:10px;font-size:12.5px;color:var(--ink-soft);font-weight:700;text-align:left}

/* 数字カード */
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:920px){.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.stats-grid{grid-template-columns:1fr}}
.stat{
  position:relative;background:#fff;border:2px solid var(--ink);border-radius:20px;
  padding:28px 18px 22px;text-align:center;
  box-shadow:0 4px 0 rgba(68,68,68,.12);
}
.stat::before,.stat::after{
  content:"";position:absolute;top:10px;width:10px;height:10px;border-radius:50%;
  border:2px solid var(--ink);background:var(--ppale);
}
.stat::before{left:12px}
.stat::after{right:12px}
.stat .label{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.1em;background:var(--lyellow);border:2px solid var(--ink);border-radius:999px;padding:1px 14px}
.stat .num{font-family:"Quicksand",sans-serif;font-weight:700;font-size:44px;color:var(--pink-deep);line-height:1.3;margin-top:10px}
.stat .num small{font-size:16px;font-family:"Zen Maru Gothic",sans-serif;font-weight:900;color:var(--ink);margin-left:4px;letter-spacing:.05em}
.stat .cap{font-size:11.5px;color:var(--ink-soft);font-weight:700;line-height:1.8;margin-top:6px}