/* =========================================================================
   画面の枠組み（ヘッダー・一覧・記事の冒頭・フッター）
   値はモックアップ（kit/mockups/html）から
   ====================================================================== */

:root {
	--yd-yellow: #F9BD00;
	--yd-yellow-pale: #FFF0BF;
	--yd-brown-deco: #A38A78;
	--yd-brown: #5C4535;
	--yd-text: #3D3229;
	--yd-text-on-yellow: #4A3A2E;
	--yd-sub: #6E5A4B;
	--yd-en: #7A6656;
	--yd-bg: #FFFCF4;
	--yd-line: #EADFCC;
	--yd-line-soft: #F1E8D8;
	--yd-dash: #E3D6BF;
	--yd-maru: "Zen Maru Gothic", sans-serif;
	--yd-ud: "Zen Maru Gothic", sans-serif;
	--yd-courier: Quicksand, "Zen Maru Gothic", sans-serif;
	--yd-hex: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
	--yd-w: 480px;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 16px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body {
	margin: 0;
	background: var(--yd-bg);
	color: var(--yd-text);
	font-family: var(--yd-ud);
	font-size: 16px;
	line-height: 1.7;
	font-weight: 500;
	min-height: 100vh;
	overflow-wrap: anywhere;
}
img { max-width: 100%; height: auto; }
a { color: var(--yd-brown); }
a:hover { color: var(--yd-text); }
:focus-visible { outline: 3px solid var(--yd-yellow); outline-offset: 2px; }
.yd-skip { position: absolute; left: -999px; top: 0; background: #fff; padding: 8px 12px; z-index: 100; }
.yd-skip:focus { left: 8px; top: 8px; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }

/* ---- 上の帯 ---- */
.yd-header { background: var(--yd-bg); border-bottom: 1px solid var(--yd-line); }
.yd-header__in { max-width: var(--yd-w); margin: 0 auto; height: 64px; padding: 0 16px; display: flex; align-items: center; gap: 8px; }
.yd-header__mark { width: 44px; height: 44px; }
.yd-header__name { font-family: var(--yd-maru); font-weight: 900; font-size: 19px; color: var(--yd-brown); flex-grow: 1; line-height: 1.3; }
.yd-pill {
	font-size: 12px; font-weight: 700; color: var(--yd-text); background: var(--yd-yellow);
	border-radius: 999px; padding: 2px 12px; text-decoration: none;
	/* タップしやすく：見た目は小さく、押せる範囲は44px */
	position: relative;
}
.yd-pill::after { content: ""; position: absolute; inset: -12px -4px; }
.yd-header__back { display: flex; align-items: center; min-height: 44px; padding: 0 4px; font-size: 14px; font-weight: 700; text-decoration: none; }

/* ---- 中身の幅 ---- */
.yd-main { max-width: var(--yd-w); margin: 0 auto; }
.yd-main--list,
.yd-main--page { padding: 28px 20px 24px; display: flex; flex-direction: column; gap: 28px; }
.yd-main--article { display: flex; flex-direction: column; }

/* ---- ページの見出し ---- */
.yd-pagehead { display: flex; flex-direction: column; gap: 2px; }
.yd-en { font-family: var(--yd-courier); font-weight: 700; font-size: 13px; color: var(--yd-en); letter-spacing: .04em; line-height: 1.5; }
.yd-pagehead__title { margin: 0; font-family: var(--yd-maru); font-weight: 900; font-size: 30px; line-height: 1.3; color: var(--yd-brown); }
.yd-pagehead__lead { margin: 0; font-size: 15px; color: var(--yd-sub); }
.yd-empty { margin: 0; color: var(--yd-sub); }

/* ---- 号 ---- */
.yd-issue { display: flex; flex-direction: column; gap: 14px; }
.yd-issue__head { display: flex; align-items: center; gap: 10px; }
.yd-issue__title { margin: 0; font-family: var(--yd-maru); font-weight: 900; font-size: 21px; line-height: 1.4; color: var(--yd-brown); }
h1.yd-issue__title { font-size: 28px; }
.yd-badge-hex {
	font-size: 12px; font-weight: 700; color: var(--yd-text); background: var(--yd-yellow);
	padding: 2px 14px; line-height: 1.7;
	clip-path: polygon(10% 0, 90% 0, 100% 50%, 90% 100%, 10% 100%, 0 50%);
}

/* 目玉記事のカード */
.yd-feature {
	display: flex; flex-direction: column; background: var(--yd-yellow); color: var(--yd-text);
	border-radius: 22px; overflow: hidden; text-decoration: none; padding: 12px 12px 0;
}
.yd-feature:hover { color: var(--yd-text); filter: brightness(.98); }
.yd-feature__photos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.yd-feature__photos--1 { grid-template-columns: 1fr; }
.yd-feature__photos img {
	width: 100%; height: 170px; object-fit: cover; object-position: top; display: block;
	border-radius: 14px; background: #FFF8E1;
}
.yd-feature__photos--1 img { height: 220px; }
.yd-feature__body { padding: 14px 6px 18px; display: flex; flex-direction: column; gap: 4px; }
.yd-feature__title { font-family: var(--yd-maru); font-weight: 900; font-size: 25px; line-height: 1.35; }
.yd-feature__excerpt { margin: 0; font-size: 14px; color: var(--yd-text-on-yellow); }

/* 白い枠の一覧 */
.yd-list { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--yd-line); border-radius: 18px; overflow: hidden; }
.yd-list__item {
	display: flex; align-items: center; gap: 14px; min-height: 76px; padding: 12px 16px;
	text-decoration: none; color: var(--yd-text); border-bottom: 1px solid var(--yd-line-soft);
}
.yd-list__item:last-child { border-bottom: none; }
.yd-list__item:hover { background: #FFFDF7; color: var(--yd-text); }
.yd-list__icon {
	width: 50px; height: 44px; flex-shrink: 0; background: var(--yd-yellow-pale);
	clip-path: var(--yd-hex); display: flex; align-items: center; justify-content: center;
}
.yd-list__text { display: flex; flex-direction: column; flex-grow: 1; min-width: 0; }
.yd-list__title { font-size: 16px; font-weight: 700; line-height: 1.5; }
.yd-list__sub { font-size: 13px; color: var(--yd-sub); line-height: 1.5; }
.yd-list__item--issue { min-height: 64px; padding: 10px 16px; justify-content: space-between; }
.yd-list__title--issue { color: var(--yd-brown); }

/* 足あと */
.yd-steps { display: block; width: 150px; height: auto; opacity: .6; }
.yd-steps--center { align-self: center; }

/* 白いカード（予定・ほかの記事） */
.yd-card { background: #fff; border: 1px solid var(--yd-line); border-radius: 18px; padding: 18px; display: flex; flex-direction: column; gap: 10px; }
.yd-card__title { margin: 0; font-family: var(--yd-maru); font-weight: 900; font-size: 19px; color: var(--yd-brown); line-height: 1.4; }

/* これからの予定 */
.yd-schedule__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.yd-schedule__row { display: flex; align-items: center; gap: 14px; padding: 10px 0; border-bottom: 1px dashed var(--yd-dash); }
.yd-schedule__row:last-child { border-bottom: none; }
.yd-schedule__date {
	min-width: 96px; flex-shrink: 0; text-align: center; font-weight: 700; font-size: 15px;
	background: var(--yd-yellow-pale); padding: 4px 12px;
	clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0 50%);
}
.yd-schedule__row.is-strong .yd-schedule__date { background: var(--yd-yellow); }
.yd-schedule__row.is-strong .yd-schedule__text { font-weight: 700; }

.yd-textlink { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; font-weight: 700; }

/* これまでの塾だより */
.yd-section { display: flex; flex-direction: column; gap: 12px; }
.yd-section__title { margin: 0; font-family: var(--yd-maru); font-weight: 900; font-size: 21px; color: var(--yd-brown); line-height: 1.4; }

/* 枠線のボタン */
.yd-btn-outline {
	display: flex; align-items: center; justify-content: center; min-height: 48px; padding: 4px 20px;
	border: 2px solid var(--yd-brown-deco); border-radius: 999px; text-decoration: none;
	font-weight: 700; font-size: 15px; text-align: center; line-height: 1.4; background: transparent;
}
.yd-btn-outline:hover { background: #fff; }
.yd-btn-outline--quiet { border-color: var(--yd-line); }

/* ---- 記事の冒頭（黄色の帯） ---- */
.yd-hero {
	background: var(--yd-yellow); padding: 28px 20px 24px;
	display: flex; flex-direction: column; gap: 6px; text-align: center; align-items: center;
}
.yd-hero__en { color: var(--yd-text-on-yellow); }
.yd-hero__eyebrow { font-size: 14px; font-weight: 700; color: var(--yd-text-on-yellow); }
.yd-hero__title { margin: 0; font-family: var(--yd-maru); font-weight: 900; font-size: 40px; line-height: 1.25; color: var(--yd-text); }
.yd-hero__badge {
	margin-top: 8px; background: var(--yd-bg); color: var(--yd-brown); font-size: 14px; font-weight: 700;
	padding: 6px 22px; line-height: 1.6;
	clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);
}
@media (max-width: 359px) { .yd-hero__title { font-size: 34px; } }

/* もくじ */
.yd-toc { padding: 20px; display: flex; flex-direction: column; gap: 10px; border-bottom: 1px solid var(--yd-line); }
.yd-toc__title { font-size: 14px; font-weight: 700; color: var(--yd-sub); }
.yd-toc__item {
	display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 8px 16px;
	background: #fff; border: 1px solid var(--yd-line); border-radius: 14px;
	text-decoration: none; font-weight: 700; font-size: 16px; line-height: 1.5;
}
.yd-toc__label { font-weight: 700; }
.yd-hex { display: inline-block; width: 18px; height: 14px; flex-shrink: 0; background: var(--yd-yellow); clip-path: var(--yd-hex); }

/* 本文 */
.yd-main--article .entry { padding: 0 20px 8px; }

/* 同じ号のほかの記事 */
.yd-more { margin: 36px 20px 0; padding: 20px; gap: 6px; }
.yd-more__title { font-family: var(--yd-maru); font-weight: 900; font-size: 16px; color: var(--yd-brown); }
.yd-more__link { display: flex; align-items: center; gap: 6px; min-height: 44px; font-size: 16px; line-height: 1.5; padding: 4px 0; }
.yd-more__link--back { font-weight: 700; }

/* ---- フッター ---- */
.yd-footer { padding: 28px 20px 40px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; }
.yd-footer img { width: 64px; height: 64px; }
.yd-footer__name { font-family: var(--yd-maru); font-weight: 900; font-size: 15px; color: var(--yd-brown); }
.yd-footer__addr { font-size: 13px; line-height: 1.7; color: var(--yd-sub); }
.yd-footer__addr a { color: inherit; }

/* ---- トップ（準備中） ---- */
.yd-main--front { padding: 40px 24px 16px; display: flex; flex-direction: column; gap: 20px; }
.yd-front__head { display: flex; justify-content: center; }
.yd-front__logo { width: 190px; height: auto; }
.yd-front__title { margin: 0 0 8px; text-align: center; font-family: var(--yd-maru); font-weight: 900; font-size: 24px; line-height: 1.5; color: var(--yd-brown); }
.yd-tel {
	display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 22px;
	border: 2px solid var(--yd-brown-deco); border-radius: 999px; text-decoration: none; font-weight: 700; font-size: 16px;
}

/* ---- ページ送り ---- */
.nav-links { display: flex; gap: 8px; justify-content: center; }
.nav-links a, .nav-links span { display: inline-flex; min-width: 44px; min-height: 44px; align-items: center; justify-content: center; }

/* =========================================================================
   かわいさ：ロゴの部品（珠・木・ヤンバルクイナ・足あと）を添える
   ====================================================================== */

/* ページの見出しに木 */
.yd-pagehead--tree { position: relative; padding-right: 84px; }
.yd-pagehead__tree { position: absolute; right: 0; top: -4px; width: 70px; height: auto; }

/* 記事の冒頭：ふわっと浮かぶ白い珠と、歩くクイナ、下のふち */
.yd-hero { position: relative; overflow: hidden; padding-bottom: 40px; border-radius: 0 0 28px 28px; }
.yd-hero > :not(.yd-hero__beads):not(.yd-hero__kuina):not(.yd-season-scatter):not(.yd-month-badge):not(.yd-laurel) { position: relative; z-index: 1; }
.yd-hero__beads i {
	position: absolute; display: block; background: rgba(255, 255, 255, .45); clip-path: var(--yd-hex);
}
.yd-hero__beads i:nth-child(1) { width: 46px; height: 30px; left: 14px; top: 18px; }
.yd-hero__beads i:nth-child(2) { width: 30px; height: 20px; left: 52px; top: 46px; background: rgba(255, 255, 255, .3); }
.yd-hero__beads i:nth-child(3) { width: 38px; height: 25px; right: 22px; top: 22px; }
.yd-hero__beads i:nth-child(4) { width: 24px; height: 16px; right: 60px; top: 54px; background: rgba(255, 255, 255, .3); }
.yd-hero__beads i:nth-child(5) { width: 30px; height: 20px; left: 26px; bottom: 26px; background: rgba(255, 255, 255, .35); }
.yd-hero__kuina { position: absolute; right: 18px; bottom: 10px; width: 40px; height: auto; opacity: .85; }
.yd-hero__badge { border-radius: 0; }

/* 目玉カード：写真なしのときは木を右に */
.yd-feature { box-shadow: 0 4px 0 #E5A800; }
.yd-feature--nophoto { position: relative; padding: 18px 12px 0; }
.yd-feature--nophoto .yd-feature__body { padding: 6px 96px 20px 8px; }
.yd-feature__deco { position: absolute; right: 14px; bottom: 12px; width: 76px; }
.yd-feature__deco img { width: 100%; height: auto; display: block; filter: drop-shadow(0 0 0 #fff); }
.yd-feature--nophoto .yd-feature__title::before {
	content: "今月の目玉"; display: inline-block; margin-bottom: 6px; padding: 1px 12px;
	font-family: var(--yd-maru); font-size: 12px; font-weight: 700; color: var(--yd-brown);
	background: var(--yd-bg); border-radius: 999px; vertical-align: middle;
}
.yd-feature--nophoto .yd-feature__title { display: flex; flex-direction: column; align-items: flex-start; }

/* 白い枠はふっくら、下に影 */
.yd-list, .yd-card { border-radius: 22px; box-shadow: 0 3px 0 var(--yd-line); }
.yd-list__icon { background: var(--yd-yellow-pale); }
.yd-list__item:hover .yd-list__icon { background: var(--yd-yellow); }

/* 見出しの前に珠 */
.yd-card__title, .yd-section__title { display: flex; align-items: center; gap: 8px; }
.yd-card__title::before, .yd-section__title::before {
	content: ""; width: 20px; height: 15px; flex-shrink: 0; background: var(--yd-yellow); clip-path: var(--yd-hex);
}

/* もくじ・ボタンもまるく */
.yd-toc__item { border-radius: 999px; box-shadow: 0 2px 0 var(--yd-line); }
.yd-btn-outline { background: #fff; box-shadow: 0 3px 0 var(--yd-line); }

/* フッター：足あとをつけて歩くクイナ */
.yd-footer__walk { display: flex; align-items: flex-end; gap: 6px; margin-bottom: 10px; opacity: .8; }
.yd-footer__walk img:first-child { width: 120px; height: auto; }
.yd-footer__walk img:last-child { width: 34px; height: auto; }

/* 目玉カードの木は、クリーム色の丸の上に（黄色の上だと珠が見えないため） */
.yd-feature__deco { width: 84px; height: 84px; border-radius: 50%; background: var(--yd-bg); display: flex; align-items: center; justify-content: center; bottom: 16px; }
.yd-feature__deco img { width: 52px; }
/* 冒頭の帯と本文のあいだ */
.yd-main--article .entry { padding-top: 28px; }
.yd-toc + .entry { padding-top: 8px; }

/* =========================================================================
   カレンダー
   ====================================================================== */
:root { --yd-kyu: #C8432F; --yd-kyu-pale: #FDE7E2; --yd-sat: #2F5F8F; }
.yd-cal { gap: 14px; }
.yd-cal__info {
	display: flex; align-items: center; gap: 12px; background: var(--yd-yellow); border-radius: 16px;
	padding: 12px 16px; font-size: 16px; line-height: 1.5; color: var(--yd-text);
}
.yd-cal__info strong { font-size: 20px; font-weight: 900; font-family: var(--yd-maru); }
.yd-cal__info small { font-size: 13px; }
.yd-cal__clock { width: 38px; height: 38px; flex-shrink: 0; background: var(--yd-bg); border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.yd-cal__legend { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 13px; color: var(--yd-sub); }
.yd-cal__legend > span { display: inline-flex; align-items: center; gap: 5px; }
.yd-cal__evkey { width: 22px; height: 12px; border-radius: 4px; background: var(--yd-yellow-pale); border: 1px solid var(--yd-yellow); }

.yd-cal__month { display: flex; flex-direction: column; gap: 6px; }
.yd-cal__mtitle { font-family: var(--yd-maru); font-weight: 900; color: var(--yd-brown); font-size: 16px; display: flex; align-items: baseline; gap: 2px; }
.yd-cal__mnum { font-size: 28px; line-height: 1; }
.yd-cal__mtitle .yd-en { margin-left: 6px; font-size: 12px; }
.yd-cal__grid { width: 100%; border-collapse: separate; border-spacing: 3px; table-layout: fixed; }
.yd-cal__grid th { font-size: 12px; font-weight: 700; color: var(--yd-sub); padding: 2px 0; }
.yd-cal__grid th.is-sun { color: var(--yd-kyu); }
.yd-cal__grid th.is-sat { color: var(--yd-sat); }
.yd-cal__grid td {
	vertical-align: top; height: 58px; padding: 3px 2px 2px; background: #FFFDF8; border-radius: 10px;
	text-align: center; line-height: 1.2; border: 1px solid var(--yd-line-soft);
}
.yd-cal__grid td.is-blank { background: transparent; border: none; }
.yd-cal__d { display: block; font-size: 14px; font-weight: 700; }
.yd-cal__grid td.is-sun .yd-cal__d { color: var(--yd-kyu); }
.yd-cal__grid td.is-sat .yd-cal__d { color: var(--yd-sat); }
.yd-cal__grid td.is-holiday { background: var(--yd-kyu-pale); border-color: #F6C2B8; }
.yd-cal__grid td.is-strong { background: var(--yd-yellow-pale); border-color: var(--yd-yellow); }
.yd-cal__grid td.is-past { opacity: .4; }
.yd-cal__grid td.is-today { outline: 3px solid var(--yd-yellow); outline-offset: -1px; }
.yd-cal__kyu {
	display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 22px; margin-top: 3px;
	background: var(--yd-kyu); color: #fff; font-size: 13px; font-weight: 900; font-family: var(--yd-maru);
	clip-path: var(--yd-hex);
}
.yd-cal__legend .yd-cal__kyu { margin-top: 0; }
.yd-cal__prac { display: inline-block; margin-top: 4px; font-size: 11px; font-weight: 700; color: var(--yd-brown); letter-spacing: -.02em; white-space: nowrap; }
.yd-cal__legend .yd-cal__prac { margin-top: 0; background: #FFFDF8; border: 1px solid var(--yd-line); border-radius: 6px; padding: 0 4px; }
.yd-cal__ev { display: block; margin-top: 2px; font-size: 10px; font-weight: 700; color: var(--yd-text); line-height: 1.15; overflow: hidden; white-space: nowrap; text-overflow: clip; }
.yd-cal__subtitle { margin: 8px 0 0; font-family: var(--yd-maru); font-weight: 900; font-size: 17px; color: var(--yd-brown); }

/* 予定の一覧：お休みの札 */
.yd-tag-kyu {
	display: inline-block; margin-right: 6px; padding: 0 8px; border-radius: 999px; background: var(--yd-kyu);
	color: #fff; font-size: 12px; font-weight: 900; line-height: 1.7; vertical-align: 1px;
}
.yd-schedule__row.is-holiday .yd-schedule__date { background: var(--yd-kyu-pale); }
.yd-cal__grid td.is-holiday .yd-cal__d { color: #9E2F1E; }
.yd-cal__grid td.is-past { opacity: .5; }
.yd-cal__ev { white-space: normal; word-break: break-all; font-size: 10px; line-height: 1.2; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
/* 行事名はことばの区切り（<wbr>）でだけ改行する */
.yd-cal__ev { word-break: keep-all; overflow-wrap: anywhere; }
.yd-cal__grid td { height: auto; min-height: 58px; }
.yd-cal__grid tbody tr { height: 58px; }
.yd-cal__ev + .yd-cal__ev { margin-top: 3px; padding-top: 3px; border-top: 1px dashed var(--yd-yellow); }
.yd-schedule__text { word-break: keep-all; overflow-wrap: anywhere; }

/* =========================================================================
   メリハリ：黄色は「いちばん見てほしいもの」だけ（一覧＝目玉カード、記事＝冒頭の帯）。
   2番目の強さは、こげ茶に白い文字。ほかは白・クリーム・淡い黄色で控えめに。
   ====================================================================== */
:root { --yd-dark: #5C4535; }

/* まとまりの間隔を広げ、見出しの上に英字の小さなラベル */
.yd-main--list { gap: 40px; }
.yd-kicker { font-size: 12px; letter-spacing: .08em; margin-bottom: -6px; }
.yd-section .yd-kicker { margin-bottom: -8px; }
.yd-section__title, .yd-card__title { font-size: 22px; }
.yd-pagehead__title { font-size: 32px; }
.yd-issue__title { font-size: 24px; }

/* ヘッダーの「塾だより」と「最新」：こげ茶 */
.yd-pill { background: var(--yd-dark); color: #fff; }
.yd-pill:hover { color: #fff; }
.yd-badge-hex { background: var(--yd-dark); color: #fff; }

/* 目玉カードは主役のまま。ほかのカードは白で静かに */
.yd-list__icon { background: #F6EFE3; }
.yd-list__item:hover .yd-list__icon { background: var(--yd-yellow-pale); }

/* 練習時間の帯：こげ茶に白い文字、時計は黄色い丸 */
.yd-cal__info { background: var(--yd-dark); color: #fff; }
.yd-cal__info strong { color: #fff; }
.yd-cal__clock { background: var(--yd-yellow); }
.yd-cal__clock svg { stroke: var(--yd-dark); }

/* 予定の日付の札：ふだんはクリーム、検定などは淡い黄色＋太字、お休みは淡い赤 */
.yd-schedule__date { background: #F6EFE3; }
.yd-schedule__row.is-strong .yd-schedule__date { background: var(--yd-yellow-pale); box-shadow: inset 0 0 0 2px var(--yd-yellow); }
.yd-cal__grid td.is-strong { background: #FFF8DD; border-color: #F3D97A; }

/* 見出しの前の珠は小さめに、こげ茶の文字を引き立てる */
.yd-card__title::before, .yd-section__title::before { width: 16px; height: 12px; }

/* タイトル類は、空白や句読点のところでだけ改行する（長すぎるときだけ途中でも折る） */
.yd-feature__title, .yd-list__title, .yd-toc__item, .yd-more__link, .yd-issue__title, .yd-pagehead__title { word-break: keep-all; overflow-wrap: anywhere; }
/* 写真なしの目玉カードは、木の飾りの分だけ幅が狭いので、タイトルを少し小さく */
.yd-feature--nophoto .yd-feature__title { font-size: 22px; }

/* =========================================================================
   季節のテーマ（号の月で色と絵が変わる。珠の森＝ロゴ・珠・クイナ・字体はそのまま）
   ====================================================================== */
.yd-season-scatter { position: absolute; inset: 0; pointer-events: none; overflow: hidden; z-index: 0; }
.yd-ss { position: absolute; opacity: .9; }
.yd-ss--1 { width: 34px; height: 34px; left: 10px; top: 12px; transform: rotate(-18deg); }
.yd-ss--2 { width: 22px; height: 22px; left: 56px; top: 50px; transform: rotate(14deg); opacity: .75; }
.yd-ss--3 { width: 30px; height: 30px; right: 16px; top: 16px; transform: rotate(22deg); }
.yd-ss--4 { width: 20px; height: 20px; right: 64px; top: 58px; transform: rotate(-10deg); opacity: .7; }
.yd-ss--5 { width: 26px; height: 26px; left: 22px; bottom: 18px; transform: rotate(30deg); opacity: .8; }
.yd-ss--6 { width: 18px; height: 18px; right: 70px; bottom: 22px; transform: rotate(-24deg); opacity: .7; }

/* 記事の冒頭：季節の色 */
.yd-hero { background: var(--season-bg, var(--yd-yellow)); }
.yd-hero > :not(.yd-season-scatter):not(.yd-hero__kuina):not(.yd-month-badge):not(.yd-laurel) { position: relative; z-index: 1; }

/* 目玉カード：季節の色、右下は季節の絵 */
.yd-feature { position: relative; background: var(--season-bg, var(--yd-yellow)); box-shadow: 0 4px 0 color-mix(in srgb, var(--season-bg, #F9BD00) 70%, #5C4535); }
.yd-feature > :not(.yd-season-scatter) { position: relative; z-index: 1; }
.yd-feature .yd-ss--1 { left: auto; right: 112px; top: 10px; width: 22px; height: 22px; }
.yd-feature .yd-ss--2 { left: auto; right: 14px; top: 12px; width: 24px; height: 24px; }
.yd-feature .yd-ss--3 { right: auto; left: 46%; top: auto; bottom: 10px; width: 18px; height: 18px; }
.yd-feature__deco { background: #fff; }
.yd-feature__motif { width: 58px; height: 58px; }
.yd-feature--nophoto .yd-feature__title::before { background: #fff; }

/* 一覧のいちばん上：季節の色の帯 */
.yd-pagehead--season {
	position: relative; margin: -28px -20px 0; padding: 28px 104px 22px 20px;
	background: var(--season-pale); border-radius: 0 0 28px 28px; overflow: hidden;
}
.yd-pagehead--season > :not(.yd-season-scatter) { position: relative; z-index: 1; }
.yd-pagehead--season .yd-pagehead__tree { right: 18px; top: 22px; z-index: 1; }
.yd-pagehead--season .yd-ss--1 { left: auto; right: 96px; top: 10px; }
.yd-pagehead--season .yd-ss--2 { left: auto; right: 8px; top: auto; bottom: 10px; }
.yd-pagehead--season .yd-ss--5 { left: auto; right: 104px; bottom: 8px; }
.yd-season-chip {
	display: inline-block; align-self: flex-start; margin: 8px 0 0; padding: 2px 14px; border-radius: 999px;
	background: var(--season-bg); font-size: 13px; font-weight: 700; color: var(--yd-text);
}
/* 位置の上書きを防ぐ（散らす絵・木・丸い絵は、どれも枠の中で絶対配置） */
.yd-hero > .yd-season-scatter,
.yd-feature > .yd-season-scatter,
.yd-pagehead--season > .yd-season-scatter { position: absolute; inset: 0; z-index: 0; }
.yd-pagehead--season > .yd-pagehead__tree { position: absolute; right: 18px; top: 22px; z-index: 1; }
.yd-feature > .yd-feature__deco { position: absolute; z-index: 1; }

/* =========================================================================
   紙面の雰囲気に合わせる
   ====================================================================== */

/* 月の大きな数字（紙面の左上のように） */
.yd-month-badge {
	position: absolute; left: 14px; top: 14px; z-index: 2;
	display: flex; align-items: baseline; justify-content: center; gap: 1px;
	width: 62px; height: 62px; border-radius: 50%; background: #fff; color: var(--yd-brown);
	font-family: var(--yd-maru); font-weight: 900; font-size: 14px; line-height: 1; padding-top: 14px;
	box-shadow: 0 3px 0 color-mix(in srgb, var(--season-bg, #F9BD00) 60%, #5C4535); transform: rotate(-8deg);
}
.yd-month-badge b { font-size: 30px; }
.yd-hero { padding-top: 34px; }
.yd-hero__en { margin-top: 14px; }

/* 季節の絵の列 */
.yd-garland { display: flex; justify-content: center; align-items: center; gap: 8px; margin: 4px auto; }
.yd-garland__item { width: 26px; height: 26px; }
.yd-garland__item:nth-child(even) { width: 20px; height: 20px; transform: rotate(18deg); }
.yd-main--article > .yd-garland { margin-top: 36px; }

/* =========================================================================
   紙面の背景・帯のデザイン（クリームの地に季節の和柄、すみに季節の絵のかたまり、リボンの帯）
   ====================================================================== */

/* 記事の冒頭：淡い地＋和柄、下に向かって季節の色 */
.yd-hero {
	background:
		var(--season-pattern),
		linear-gradient(180deg, var(--season-pale) 0%, var(--season-pale) 55%, var(--season-bg) 100%);
	border-bottom: 4px solid var(--season-bg);
}
/* 季節の絵は、右上と左下にかたまりで（紙面のすみ飾りのように） */
.yd-hero .yd-ss--1 { width: 58px; height: 58px; left: auto; right: 6px; top: 4px; transform: rotate(16deg); opacity: 1; }
.yd-hero .yd-ss--2 { width: 40px; height: 40px; left: auto; right: 50px; top: 8px; transform: rotate(-22deg); opacity: 1; }
.yd-hero .yd-ss--3 { width: 34px; height: 34px; right: 14px; top: 56px; transform: rotate(40deg); opacity: .95; }
.yd-hero .yd-ss--4 { width: 54px; height: 54px; right: auto; left: 4px; top: auto; bottom: 6px; transform: rotate(-14deg); opacity: 1; }
.yd-hero .yd-ss--5 { width: 36px; height: 36px; left: 48px; bottom: 8px; transform: rotate(24deg); opacity: 1; }
.yd-hero .yd-ss--6 { width: 26px; height: 26px; right: auto; left: 18px; bottom: 56px; transform: rotate(-30deg); opacity: .9; }
.yd-hero__kuina { opacity: .9; }

/* 一覧のいちばん上も同じ地 */
.yd-pagehead--season { background: var(--season-pattern), linear-gradient(180deg, var(--season-pale), var(--season-pale) 60%, var(--season-bg)); }
.yd-pagehead--season .yd-ss--1 { width: 46px; height: 46px; right: 92px; top: 6px; }
.yd-pagehead--season .yd-ss--3 { width: 30px; height: 30px; right: 70px; top: 46px; }
.yd-pagehead--season .yd-ss--4 { width: 34px; height: 34px; right: auto; left: auto; right: 112px; top: auto; bottom: 10px; }

/* 目玉カード：季節の色の地に和柄 */
.yd-feature { background: var(--season-pattern), var(--season-bg); }
.yd-feature .yd-ss--1 { width: 30px; height: 30px; right: 104px; top: 6px; }
.yd-feature .yd-ss--2 { width: 26px; height: 26px; right: 10px; top: 8px; }

/* カレンダーの帯（練習時間）は季節の帯の色に */
.yd-cal__info { background: var(--season-accent, var(--yd-dark)); }

/* =========================================================================
   紙面の背景画像（号や記事に「背景の画像」を入れたとき）
   上の飾り＝記事の冒頭・一覧の上・目玉カード、下の飾り＝ページのいちばん下
   ====================================================================== */
.yd-has-bgimg > .yd-season-scatter { display: none; }

.yd-hero.yd-has-bgimg {
	background: #fff var(--season-bgimg) center top / 100% auto no-repeat;
	border-bottom: none; border-radius: 0; padding-top: 96px; padding-bottom: 28px;
}
.yd-hero.yd-has-bgimg .yd-month-badge { top: 64px; }

.yd-pagehead--season.yd-has-bgimg {
	background: #fff var(--season-bgimg) center top / 100% auto no-repeat;
	border-radius: 0; padding: 104px 20px 24px; text-align: center; align-items: center;
}
.yd-pagehead--season.yd-has-bgimg .yd-pagehead__tree { display: none; }
.yd-pagehead--season.yd-has-bgimg .yd-season-chip { align-self: center; }

.yd-feature.yd-has-bgimg {
	background: #fff var(--season-bgimg) center top / 100% auto no-repeat;
	border: 2px solid var(--season-bg); padding-top: 70px;
}
.yd-feature.yd-has-bgimg .yd-feature__deco { display: none; }
.yd-feature--nophoto.yd-has-bgimg .yd-feature__body { padding-right: 8px; }
.yd-feature.yd-has-bgimg .yd-feature__title::before { background: var(--season-bg); }

.yd-footer.yd-has-bgimg {
	background: var(--season-bgimg) center bottom / 100% auto no-repeat;
	padding-bottom: 150px;
}

/* 区切りの画像 */
.yd-garland--img { width: 100%; max-width: 440px; }
.yd-garland--img img { display: block; width: 100%; height: auto; }
/* 紙面の背景画像を使うページは、地を紙面と同じ白に（クリームとの段差をなくす） */
body:has(.yd-has-bgimg) { background: #fff; }
body:has(.yd-has-bgimg) .yd-header { background: #fff; }

/* =========================================================================
   大会の記事の冒頭（紙面の九州大会のページのように：金の月桂樹と筆の線、紺の文字）
   ====================================================================== */
.yd-hero__titleimg { display: block; width: 100%; max-width: 380px; height: auto; margin: 4px auto 2px; }
.yd-kind-trophy .yd-hero:not(.yd-has-bgimg) { background: #fff; border-bottom: 4px solid #E7C35A; }
.yd-kind-trophy .yd-hero > .yd-season-scatter { display: none; }
.yd-kind-trophy .yd-hero__title {
	color: #1F2F5C; padding: 4px 18px 10px;
	background: url("../img/brush.png") center 82% / 100% 34% no-repeat;
}
.yd-hero > .yd-laurel { position: absolute; z-index: 1; width: 52px; height: auto; bottom: 34px; }
.yd-hero > .yd-laurel--l { left: 8px; transform: rotate(-6deg); }
.yd-hero > .yd-laurel--r { right: 8px; transform: scaleX(-1) rotate(-6deg); }
.yd-kind-trophy .yd-hero__kuina { display: none; }
.yd-kind-trophy .yd-hero__badge { background: #1F2F5C; color: #fff; }

/* 記事の中の飾りの画像（リボン・ことばの画像など） */
.entry .wp-block-image.yd-img-deco img { border-radius: 0; max-width: 100%; height: auto; }
.entry .wp-block-image.yd-img-deco { margin-left: -6px; margin-right: -6px; }
/* 月桂樹は大会名の文字の左右に、向かい合わせで */
.yd-hero > .yd-laurel { position: absolute; z-index: 1; width: 46px; top: 132px; bottom: auto; }
.yd-hero.yd-has-bgimg > .yd-laurel { top: 150px; }
/* 大きなタイトルを画像にしたとき */
.yd-hero__title--img { line-height: 0; padding: 4px 6px 12px; }
.yd-hero__title--img img { display: block; width: 100%; max-width: 400px; height: auto; margin: 0 auto; }

/* 大会の記事のタイトル：紙面の画像のような太い明朝、紺の文字に金のふちどり、先頭の人数は赤 */
.yd-kind-trophy .yd-hero__title--award {
	font-family: "Shippori Mincho B1", serif; font-weight: 800; font-size: 34px; line-height: 1.3;
	color: #141F4A; letter-spacing: -.02em; word-break: keep-all; overflow-wrap: anywhere;
	text-shadow:
		2px 0 0 #E8C25A, -2px 0 0 #E8C25A, 0 2px 0 #E8C25A, 0 -2px 0 #E8C25A,
		1.5px 1.5px 0 #E8C25A, -1.5px 1.5px 0 #E8C25A, 1.5px -1.5px 0 #E8C25A, -1.5px -1.5px 0 #E8C25A,
		3px 3px 0 rgba(120, 90, 20, .35);
}
.yd-hero__title--award .yd-red { color: #B0141B; font-size: 1.12em; }
@media (max-width: 359px) { .yd-kind-trophy .yd-hero__title--award { font-size: 28px; } }
/* 冒頭が横長のタイトル画像（紙面の帯）だけのときは、月桂樹を出さず、画像を幅いっぱいに */
.yd-hero:not(:has(.yd-hero__titleimg)):has(.yd-hero__title--img) > .yd-laurel { display: none; }
.yd-hero:not(:has(.yd-hero__titleimg)) .yd-hero__title--img img { max-width: 100%; }
.yd-kind-trophy .yd-hero:not(.yd-has-bgimg):has(.yd-hero__title--img) { border-bottom: none; padding-top: 70px; padding-left: 0; padding-right: 0; }
.yd-kind-trophy .yd-hero__title--img { background: none; }
.yd-kind-trophy .yd-hero:not(.yd-has-bgimg):has(.yd-hero__title--img) { padding-top: 30px; }
.yd-kind-trophy .yd-hero:not(.yd-has-bgimg):has(.yd-hero__title--img) .yd-month-badge { top: 10px; }

/* 大会の記事の「帯の一言」：枠の見出しの札と同じ形（紺・かどを切った札・明朝）＋左右に二重線（紙面の帯のように） */
.yd-kind-trophy .yd-hero__badge {
	display: flex; align-items: center; gap: 10px; width: 100%; max-width: 400px; margin: 10px auto 0;
	background: none; clip-path: none; padding: 0;
}
.yd-kind-trophy .yd-hero__badge::before, .yd-kind-trophy .yd-hero__badge::after {
	content: ""; flex: 1; height: 5px; border-top: 1px solid #22336B; border-bottom: 2px solid #22336B; min-width: 12px;
}
.yd-kind-trophy .yd-hero__badge > span {
	background: #22336B; color: #fff; font-family: "Shippori Mincho B1", serif; font-weight: 800; font-size: 17px; line-height: 1.5;
	padding: 5px 18px; white-space: nowrap;
	clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px), 0 8px);
}
.yd-kind-trophy .yd-hero__badge b { color: #F2C94C; font-weight: 800; }

/* 目玉カード（背景画像あり）：文字の下に白い板を敷いて、背景の絵とかぶらないように */
.yd-feature.yd-has-bgimg { padding-top: 84px; }
.yd-feature.yd-has-bgimg .yd-feature__body {
	background: rgba(255, 255, 255, .92); border-radius: 16px; margin: 0 0 12px; padding: 12px 14px 14px;
	box-shadow: 0 0 0 1px rgba(234, 223, 204, .8);
}
/* 紙面の地の色（クリーム）のタイトル画像に合わせて、冒頭の地も同じ色に */
.yd-kind-trophy .yd-hero:not(.yd-has-bgimg):has(.yd-hero__title--img img[src*="zennihon-title"]) { background: #FCFBF7; }
/* 冒頭の大きなタイトルも、ことばの途中では折らない */
.yd-hero__title { word-break: keep-all; overflow-wrap: anywhere; }
/* 「号の背景を使わない」記事は、紙面の素材（白地）とそろうよう、ページ全体を白に */
body:has(.yd-no-bg) { background: #fff; }
body:has(.yd-no-bg) .yd-header { background: #fff; }
.yd-no-bg .yd-hero { background: #fff !important; }
/* 冒頭がタイトル画像だけのときは、下の余白を詰める */
.yd-hero:has(.yd-hero__title--img):not(:has(.yd-hero__badge)) { padding-bottom: 12px; }

/* =========================================================================
   保護者目線の見直し（2026-10-16）
   ====================================================================== */

/* 1. 名前さがし */
.yd-find {
	margin: 20px 20px 0; padding: 14px 16px; background: #fff; border: 2px solid var(--yd-yellow); border-radius: 18px;
	box-shadow: 0 3px 0 #F3D97A; display: flex; flex-direction: column; gap: 8px;
}
.yd-find__label { font-weight: 700; font-size: 16px; color: var(--yd-brown); }
.yd-find__row { display: flex; gap: 8px; }
.yd-find__row input {
	flex: 1; min-width: 0; height: 48px; border: 2px solid var(--yd-line); border-radius: 12px; padding: 0 12px;
	font-size: 18px; font-family: inherit; background: var(--yd-bg); color: var(--yd-text);
}
.yd-find__row input:focus { outline: 3px solid var(--yd-yellow); border-color: var(--yd-brown-deco); }
.yd-find__go, .yd-find__next {
	min-height: 48px; padding: 0 18px; border: none; border-radius: 12px; background: var(--yd-dark); color: #fff;
	font-family: inherit; font-size: 16px; font-weight: 700; cursor: pointer;
}
.yd-find__next { min-height: 40px; background: #fff; color: var(--yd-dark); border: 2px solid var(--yd-dark); }
.yd-find__foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 0; }
.yd-find__foot:has(.yd-find__status:empty):has(.yd-find__next[hidden]) { display: none; }
.yd-find__status { font-size: 15px; font-weight: 700; color: var(--yd-sub); }
mark.yd-hit { background: #FFE066; color: inherit; border-radius: 4px; padding: 0 2px; box-shadow: 0 0 0 2px #FFE066; }
mark.yd-hit.is-current { background: #FFB300; box-shadow: 0 0 0 3px #FFB300; }

/* 2. 一覧のいちばん上を低くして、目玉の記事が最初の画面に入るように */
.yd-pagehead--season.yd-has-bgimg { padding: 76px 20px 14px; }
.yd-pagehead--season .yd-pagehead__lead { display: none; }
.yd-pagehead--season .yd-pagehead__title { font-size: 28px; }
.yd-pagehead--season .yd-season-chip { margin-top: 6px; }
.yd-main--list { gap: 28px; }

/* 3. 小さすぎる字を大きく（本文17px、補足も15px以上を目安に） */
.yd-list__sub { font-size: 15px; }
.yd-feature__excerpt { font-size: 15px; }
.yd-cal__legend { font-size: 14px; }
.yd-cal__grid th { font-size: 14px; }
.yd-cal__grid { border-spacing: 2px; }
.yd-cal__grid td { padding: 3px 1px 3px; }
.yd-cal__grid tbody tr { height: 64px; }
.yd-cal__d { font-size: 16px; }
.yd-cal__prac { font-size: 12px; letter-spacing: -.04em; }
.yd-cal__ev { font-size: 12px; line-height: 1.25; -webkit-line-clamp: 3; }
.yd-cal__kyu { width: 28px; height: 24px; font-size: 14px; }
.yd-more__title { font-size: 17px; }
.yd-footer__addr { font-size: 15px; }
.yd-toc__title { font-size: 15px; }
/* 見つかったら、件数と「つぎへ」を画面の下に出したままにする */
.yd-find__close { display: none; }
.yd-find.is-found .yd-find__foot {
	position: fixed; left: 50%; transform: translateX(-50%); bottom: 12px; z-index: 50;
	width: calc(100% - 24px); max-width: 456px; display: flex;
	background: var(--yd-dark); border-radius: 16px; padding: 8px 8px 8px 16px; box-shadow: 0 6px 20px rgba(0,0,0,.25);
}
.yd-find.is-found .yd-find__status { color: #fff; flex: 1; }
.yd-find.is-found .yd-find__next { background: var(--yd-yellow); color: var(--yd-text); border: none; }
.yd-find.is-found .yd-find__close {
	display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: none;
	background: transparent; color: #fff; font-size: 24px; cursor: pointer;
}
/* 予定の一覧をなくしたので、行事名は省略せずに全部出す（マスが縦にのびる） */
.yd-cal__ev { display: block; -webkit-line-clamp: unset; overflow: visible; }

/* =========================================================================
   カレンダーを見やすく：マスには日付と「休」・行事の印だけ。内容は各月の下に1行ずつ
   ====================================================================== */
.yd-cal__grid { border-spacing: 3px; }
.yd-cal__grid tbody tr { height: auto; }
.yd-cal__grid td { height: 50px; min-height: 0; padding: 4px 0 2px; vertical-align: top; border-radius: 10px; background: #fff; }
.yd-cal__grid td.is-strong { background: #FFF6D6; border-color: #F3D97A; }
.yd-cal__grid td.is-holiday { background: #FBE7E3; }
.yd-cal__d { font-size: 17px; line-height: 1.2; }
.yd-cal__grid .yd-cal__kyu { display: flex; margin: 3px auto 0; width: 26px; height: 22px; font-size: 13px; }
.yd-cal__dot { display: block; width: 10px; height: 10px; border-radius: 50%; background: #E0A800; margin: 6px auto 0; }
.yd-cal__legend .yd-cal__dot, .yd-cal__events .yd-cal__dot { display: inline-block; margin: 0; flex-shrink: 0; }
.yd-cal__legend { font-size: 15px; gap: 6px 16px; }

.yd-cal__events { list-style: none; margin: 10px 0 0; padding: 0; border-top: 1px dashed var(--yd-line); }
.yd-cal__events li {
	display: flex; align-items: center; gap: 10px; padding: 9px 4px; border-bottom: 1px dashed var(--yd-line);
	font-size: 16px; line-height: 1.5; word-break: keep-all; overflow-wrap: anywhere;
}
.yd-cal__events li.is-strong .yd-cal__etext { font-weight: 700; }
.yd-cal__events li.is-past { opacity: .5; }
.yd-cal__edate { flex-shrink: 0; min-width: 76px; font-weight: 700; color: var(--yd-brown); font-variant-numeric: tabular-nums; }
.yd-cal__events .yd-cal__kyu { margin: 0; flex-shrink: 0; }

/* 6. 大会の成績へとぶボタン */
.yd-jump {
	display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 52px; margin: 12px 20px 0;
	border-radius: 999px; background: #1C2A5A; color: #fff; font-weight: 700; font-size: 17px; text-decoration: none;
	box-shadow: 0 3px 0 #0E1636;
}
.yd-jump:hover { color: #fff; filter: brightness(1.08); }
.yd-jump svg { transform: rotate(90deg); }
#yd-seiseki { scroll-margin-top: 150px; }
.yd-jump--solo { margin-top: 20px; }

/* FaST大会の冒頭（紙面のタイトルを文字で）：王冠と金の線、大きな「第8回」、紺の明朝、両わきに金の月桂樹、トロフィー付きのクリームの旗 */
.yd-hs-gold .yd-hero { padding-top: 64px; }
.yd-fast-crown { color: #D9A520; display: flex; align-items: center; gap: 8px; width: 100%; max-width: 300px; margin: 0 auto -2px; }
.yd-fast-crown::before, .yd-fast-crown::after { content: ""; flex: 1; height: 2px; background: linear-gradient(90deg, transparent, #D9A520); }
.yd-fast-crown::after { background: linear-gradient(90deg, #D9A520, transparent); }
.yd-fast-crown svg { flex-shrink: 0; }
.yd-fast-title {
	font-family: "Shippori Mincho B1", serif; font-weight: 800; color: #14224F; font-size: 26px; line-height: 1.35;
	letter-spacing: -.01em; text-shadow: 0 1px 0 #fff, 0 2px 3px rgba(20, 34, 79, .18); padding: 0 34px;
}
.yd-fast-title__num { font-size: 1.15em; }
.yd-fast-title__num::first-letter { }
.yd-hs-gold .yd-hero > .yd-laurel { top: 92px; width: 40px; }
.yd-hs-gold .yd-hero__badge {
	display: flex; align-items: center; justify-content: center; gap: 4px; width: 100%; max-width: 400px; margin: 10px auto 0;
	background: none; clip-path: none; padding: 0; color: #D9A520;
}
.yd-hs-gold .yd-hero__badge::before, .yd-hs-gold .yd-hero__badge::after { display: none; }
.yd-hs-gold .yd-hero__badge > span {
	flex: 1; background: linear-gradient(180deg, #FFF8E1, #FCE9B5); color: #14224F; border: 2px solid #E39A2B;
	font-family: "Shippori Mincho B1", serif; font-weight: 800; font-size: 15px; line-height: 1.45; padding: 7px 18px; white-space: normal;
	clip-path: polygon(0 0, 100% 0, calc(100% - 10px) 50%, 100% 100%, 0 100%, 10px 50%);
}
.yd-hs-gold .yd-hero__badge b { color: inherit; }
.yd-hs-gold .yd-hero__badge svg { flex-shrink: 0; color: #D9A520; }
.yd-hs-gold .yd-hero__badge > span { font-size: 14px; padding: 7px 14px; word-break: keep-all; overflow-wrap: anywhere; letter-spacing: -.01em; }
.yd-hs-gold .yd-hero__badge svg { width: 22px; height: 22px; }
.yd-hs-gold .yd-hero__badge { gap: 2px; }
.yd-hs-gold .yd-hero__badge > span { padding: 7px 12px; letter-spacing: -.04em; }
.yd-hs-gold .yd-hero__badge svg { width: 20px; height: 20px; }