/* 制度ページ(scripts/wp/render.py が作る .sdb)の見た目。プレビューとプラグインの両方で使う。 */
.sdb { --sdb-open: #1a7f37; --sdb-closed: #6e7781; --sdb-scheduled: #0969da; --sdb-warn-bg: #fff8e1; --sdb-warn-bd: #e0a800; --sdb-stop-bg: #f6f8fa; --sdb-line: #d0d7de; }
.sdb-head { margin: 0 0 1.2em; }
.sdb-status { display: inline-block; margin: 0 0 .4em; padding: .15em .8em; border-radius: 999px; color: #fff; font-size: .85em; font-weight: bold; }
.sdb-status--open { background: var(--sdb-open); }
.sdb-status--scheduled { background: var(--sdb-scheduled); }
.sdb-status--closed, .sdb-status--unknown { background: var(--sdb-closed); }
.sdb-name { margin: 0; font-size: 1.15em; font-weight: bold; }
.sdb-meta { margin: .2em 0 0; font-size: .85em; color: #57606a; }
.sdb-alerts { margin: 0 0 1.5em; }
.sdb-alert { margin: 0 0 .5em; padding: .7em 1em; border-left: 4px solid var(--sdb-warn-bd); background: var(--sdb-warn-bg); }
.sdb-alert--stop { border-left-color: var(--sdb-closed); background: var(--sdb-stop-bg); font-weight: bold; }
.sdb-alert--info { border-left-color: var(--sdb-scheduled); background: #ddf4ff; }
.sdb-scroll { overflow-x: auto; }
.sdb-table { width: 100%; border-collapse: collapse; margin: 0 0 1.5em; font-size: .95em; }
.sdb-table th, .sdb-table td { border: 1px solid var(--sdb-line); padding: .5em .7em; vertical-align: top; text-align: left; }
.sdb-table th { background: #f6f8fa; white-space: nowrap; }
.sdb-summary th { width: 7em; }
.sdb-tiers td { min-width: 6em; }
.sdb-url { font-size: .8em; color: #57606a; word-break: break-all; }
.sdb-disclaimer { margin: 2em 0 0; padding: 1em; border: 1px solid var(--sdb-line); font-size: .85em; color: #57606a; }
.sdb-disclaimer p { margin: 0 0 .6em; }
.sdb-disclaimer a { word-break: break-all; }

/* スマホ: 区分の表を「1行=1枚のカード」にする(列が多い・文が長い表で、列が細くなり縦に伸びるのを防ぐ) */
@media (max-width: 600px) {
  .sdb-tiers thead { display: none; }
  .sdb-tiers, .sdb-tiers tbody, .sdb-tiers tr, .sdb-tiers td { display: block; width: 100%; box-sizing: border-box; }
  .sdb-tiers tr { margin: 0 0 1em; border: 1px solid var(--sdb-line); border-radius: 6px; overflow: hidden; }
  .sdb-tiers td { min-width: 0; border: none; border-top: 1px solid var(--sdb-line); padding: .5em .8em; }
  .sdb-tiers td:first-child { border-top: none; background: #f6f8fa; font-weight: bold; }
  .sdb-tiers td:not(:first-child)::before { content: attr(data-label); display: block; font-size: .8em; color: #57606a; }
  .sdb-tiers td:empty { display: none; }
}

/* 一覧ページ(scripts/wp/lists.py の .sdb-list)。スマホでは区分の表と同じくカードにする */
.sdb-list .sdb-status { margin: 0; font-size: .8em; }
@media (max-width: 600px) {
  .sdb-list thead { display: none; }
  .sdb-list, .sdb-list tbody, .sdb-list tr, .sdb-list td { display: block; width: 100%; box-sizing: border-box; }
  .sdb-list tr { margin: 0 0 1em; border: 1px solid var(--sdb-line); border-radius: 6px; overflow: hidden; }
  .sdb-list td { border: none; border-top: 1px solid var(--sdb-line); padding: .5em .8em; }
  .sdb-list td:first-child { border-top: none; background: #f6f8fa; font-weight: bold; }
  .sdb-list td:not(:first-child)::before { content: attr(data-label); display: block; font-size: .8em; color: #57606a; }
}

/* トップページ(scripts/wp/top.py の .sdb-top) */
.sdb-top { padding-top: 2.5em; }                 /* フロントカバーの直下で詰まらないように */
.sdb-top .sdb-lead { font-size: 1.05em; }
.sdb-cats { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: .8em; margin: 0 0 1.5em; }
.sdb-cat { display: block; padding: 1em; border: 1px solid var(--sdb-line); border-radius: 8px; text-decoration: none; color: inherit; }
.sdb-cat:hover { border-color: var(--sdb-open); }
.sdb-cat__name { display: block; font-weight: bold; font-size: 1.1em; }
.sdb-cat__num { display: block; margin-top: .3em; font-size: .85em; color: #57606a; }
.sdb-regions { margin: 0 0 .5em; }
.sdb-regions dt { margin: .8em 0 .2em; font-weight: bold; }
.sdb-regions dd { margin: 0; line-height: 2; }
.sdb-regions dd a, .sdb-regions dd .sdb-none { display: inline-block; margin: 0 .8em 0 0; }
.sdb-none { color: #8c959f; }

/* ==========================================================================
   サイト全体のデザイン(2026-09-30)。紺と金を基調に、見出しは明朝体。
   テーマ(REHUB)の見た目を上書きするため、全ページで読み込む。
   ========================================================================== */
:root {
  --sdb-navy: #0f2540;
  --sdb-navy-2: #1c3a5e;
  --sdb-gold: #b8955a;
  --sdb-gold-soft: #e9dcc3;
  --sdb-ivory: #faf7f1;
  --sdb-ink: #1f2933;
  --sdb-sub: #5b6573;
  --sdb-line-soft: #e6e0d4;
  --sdb-serif: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --sdb-sans: "Noto Sans JP", "Hiragino Sans", "Yu Gothic Medium", Meiryo, sans-serif;
}
body { font-family: var(--sdb-sans) !important; color: var(--sdb-ink); background: #fff; letter-spacing: .02em; }
.post_content, .sdb { line-height: 1.95; }

/* ヘッダー */
.l-header__main { background: rgba(255,255,255,.96); backdrop-filter: blur(8px); border-bottom: 1px solid var(--sdb-line-soft); }
.c-logo__text.c-font--logo { font-family: var(--sdb-serif); font-weight: 700; letter-spacing: .12em; color: var(--sdb-navy); font-size: 1.35rem; }
.c-logo__text.c-font--logo::before { content: ""; display: inline-block; width: .55em; height: .55em; margin-right: .5em; background: var(--sdb-gold); transform: rotate(45deg) translateY(-.1em); }

/* トップのカバー */
.p-front-cover { position: relative; }
.p-front-cover, .p-front-cover__inner, #js-front-cover-slider { min-height: 0; max-height: none; height: clamp(420px, 58vh, 600px) !important; }
.p-front-cover__overlay.c-overlay { background: linear-gradient(180deg, rgba(10,24,44,.55) 0%, rgba(10,24,44,.25) 45%, rgba(10,24,44,.7) 100%) !important; opacity: 1 !important; }
.p-front-cover__headline { font-family: var(--sdb-serif); font-weight: 700; font-size: clamp(1.9rem, 4.6vw, 3.4rem); line-height: 1.45; letter-spacing: .14em; color: #fff; text-shadow: 0 4px 24px rgba(0,0,0,.35); }
.p-front-cover__headline::before { content: "LOCAL SUBSIDY GUIDE 2026"; display: block; margin-bottom: 1.1em; font-family: var(--sdb-sans); font-size: .8rem; font-weight: 500; letter-spacing: .45em; color: var(--sdb-gold-soft); }
.p-front-cover__headline::after { content: ""; display: block; width: 64px; height: 1px; margin: .9em auto 0; background: var(--sdb-gold); }
.p-front-cover__search { max-width: 620px; margin-inline: auto; box-shadow: 0 18px 50px rgba(0,0,0,.28); border-radius: 999px; overflow: hidden; }
.p-front-cover__search input[type="text"] { height: 64px; padding-left: 1.6em; font-size: 1.02rem; border: 0; }

/* 本文の見出し */
.sdb h2, .post_content h2 {
  position: relative; margin: 2.8em 0 1.1em; padding: 0 0 .7em; border: 0; background: none;
  font-family: var(--sdb-serif); font-size: clamp(1.3rem, 2.4vw, 1.65rem); font-weight: 700; letter-spacing: .08em; color: var(--sdb-navy);
}
.sdb h2::after, .post_content h2::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: linear-gradient(90deg, var(--sdb-gold) 0 72px, var(--sdb-line-soft) 72px); }
.sdb h3, .post_content h3 { margin: 2em 0 .8em; padding-left: .9em; border-left: 3px solid var(--sdb-gold); font-family: var(--sdb-serif); font-size: 1.15rem; color: var(--sdb-navy); background: none; }

/* 写真 */
.sdb-photo { margin: 2.2em 0; border-radius: 14px; overflow: hidden; box-shadow: 0 20px 45px -20px rgba(15,37,64,.45); }
.sdb-photo__img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; transition: transform 1.2s ease; }
.sdb-photo:hover .sdb-photo__img { transform: scale(1.03); }
.sdb-photo--hero { margin-top: 1.2em; }

/* 制度ページの見出し部分 */
.sdb-head { position: relative; padding: 1.6em 1.8em; border-radius: 14px; background: linear-gradient(135deg, var(--sdb-navy) 0%, var(--sdb-navy-2) 100%); color: #fff; overflow: hidden; }
.sdb-head::after { content: ""; position: absolute; right: -60px; top: -60px; width: 200px; height: 200px; border: 1px solid rgba(184,149,90,.5); border-radius: 50%; }
.sdb-head .sdb-name { font-family: var(--sdb-serif); font-size: clamp(1.25rem, 2.6vw, 1.6rem); line-height: 1.6; letter-spacing: .05em; color: #fff; }
.sdb-head .sdb-meta { color: var(--sdb-gold-soft); }
.sdb-status { letter-spacing: .1em; box-shadow: 0 4px 12px rgba(0,0,0,.15); }
.sdb-status--open { background: linear-gradient(135deg, #1f8a4c, #146c3a); }

/* 注意書き */
.sdb-alert { border-radius: 10px; border-left-width: 4px; padding: 1em 1.2em; font-size: .95em; }
.sdb-alert--warn { background: #fdf8ee; border-left-color: var(--sdb-gold); }

/* 表 */
.sdb-table { border-radius: 12px; overflow: hidden; border: 1px solid var(--sdb-line-soft); border-collapse: separate; border-spacing: 0; box-shadow: 0 10px 30px -18px rgba(15,37,64,.35); }
.sdb-table th, .sdb-table td { border: 0; border-bottom: 1px solid var(--sdb-line-soft); padding: .85em 1em; }
.sdb-table tr:last-child th, .sdb-table tr:last-child td { border-bottom: 0; }
.sdb-table thead th { background: var(--sdb-navy); color: #fff; font-weight: 500; letter-spacing: .06em; }
.sdb-table tbody th { background: var(--sdb-ivory); color: var(--sdb-navy); font-weight: 700; }
.sdb-table tbody tr:hover td { background: #fcfaf6; }
.sdb ul li::marker { color: var(--sdb-gold); }
.sdb a { color: var(--sdb-navy-2); text-decoration-color: var(--sdb-gold); text-underline-offset: .25em; }

/* 免責 */
.sdb-disclaimer { border: 0; border-top: 1px solid var(--sdb-line-soft); border-radius: 0; background: var(--sdb-ivory); padding: 1.4em 1.6em; }

/* トップ */
.sdb-top { padding-top: 4em; }
.sdb-top > h2 { text-align: center; }
.sdb-top > h2::after { left: 50%; width: 72px; transform: translateX(-50%); background: var(--sdb-gold); }
.sdb-top .sdb-lead { max-width: 760px; margin: 0 auto 1em; text-align: center; font-size: 1.05em; line-height: 2.1; }
.sdb-top > .sdb-meta { display: table; margin: 0 auto 2em; padding: .5em 1.4em; border: 1px solid var(--sdb-gold); border-radius: 999px; color: var(--sdb-navy); font-size: .88em; letter-spacing: .05em; }
.sdb-cats { grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 1.2em; }
.sdb-cat {
  position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: 230px; padding: 1.3em; border: 0; border-radius: 16px; overflow: hidden; color: #fff !important;
  background: var(--sdb-cat-img, linear-gradient(135deg, var(--sdb-navy), var(--sdb-navy-2))) center / cover no-repeat;
  box-shadow: 0 18px 40px -20px rgba(15,37,64,.6); transition: transform .35s ease, box-shadow .35s ease;
}
.sdb-cat::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15,37,64,0) 30%, rgba(15,37,64,.88) 100%); }
.sdb-cat > * { position: relative; }
.sdb-cat:hover { transform: translateY(-6px); box-shadow: 0 28px 50px -22px rgba(15,37,64,.7); }
.sdb-cat__name { font-family: var(--sdb-serif); font-size: 1.2em; letter-spacing: .08em; }
.sdb-cat__num { color: var(--sdb-gold-soft) !important; }
.sdb-regions { display: grid; grid-template-columns: 7em 1fr; margin: 0 0 1em; border-top: 1px solid var(--sdb-line-soft); }
.sdb-regions dt, .sdb-regions dd { margin: 0; padding: .85em .5em; border-bottom: 1px solid var(--sdb-line-soft); }
.sdb-regions dt { font-family: var(--sdb-serif); color: var(--sdb-navy); }
.sdb-regions dd a { padding: .15em .9em; margin: .2em .4em .2em 0; border: 1px solid var(--sdb-line-soft); border-radius: 999px; text-decoration: none; line-height: 1.8; transition: all .2s; }
.sdb-regions dd a:hover { background: var(--sdb-navy); border-color: var(--sdb-navy); color: #fff; }

/* フッター */
#js-footer.l-footer { background: var(--sdb-navy) !important; color: #d9dee6; }
.l-footer a, .l-footer .c-logo__text { color: #fff; }
.l-footer__info { border-bottom: 1px solid rgba(184,149,90,.35); }
.l-footer__copyright { background: #0a1a2e; color: #9aa6b5; letter-spacing: .1em; }
.sdb-site-note { color: var(--sdb-sub) !important; }

/* ふわっと表示 */
@media (prefers-reduced-motion: no-preference) {
  .sdb-photo, .sdb-cat, .sdb-table { animation: sdb-rise .8s ease both; }
  @keyframes sdb-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
}

@media (max-width: 600px) {
  .p-front-cover, .p-front-cover__inner, #js-front-cover-slider { height: clamp(340px, 52vh, 440px) !important; }
  .c-logo__text.c-font--logo { font-size: 1.02rem; letter-spacing: .05em; }
  .p-front-cover__headline { letter-spacing: .08em; }
  .p-front-cover__headline::before { letter-spacing: .25em; font-size: .7rem; }
  .sdb-head { padding: 1.3em 1.2em; }
  .sdb-cat { min-height: 180px; }
  .sdb-regions { grid-template-columns: 5em 1fr; }
  .sdb-photo { margin: 1.6em -4px; border-radius: 10px; }
}

/* 写真(メディアに sdbimg-* としてアップロード済み) */
.p-front-cover__images-item:first-child { background-image: url(https://jichitai-hojokin.com/wp-content/uploads/2026/09/sdbimg-hero.jpg) !important; background-size: cover !important; background-position: center 60% !important; }
.sdb-cat[href$="/reform/"] { --sdb-cat-img: url(https://jichitai-hojokin.com/wp-content/uploads/2026/09/sdbimg-cat-reform-768x432.jpg); }
.sdb-cat[href$="/energy/"] { --sdb-cat-img: url(https://jichitai-hojokin.com/wp-content/uploads/2026/09/sdbimg-cat-energy-768x432.jpg); }
.sdb-cat[href$="/solar/"] { --sdb-cat-img: url(https://jichitai-hojokin.com/wp-content/uploads/2026/09/sdbimg-cat-solar-768x432.jpg); }
.sdb-cat[href$="/water-heater/"] { --sdb-cat-img: url(https://jichitai-hojokin.com/wp-content/uploads/2026/09/sdbimg-cat-water-768x432.jpg); }
.sdb-cat[href$="/iju/"] { --sdb-cat-img: url(https://jichitai-hojokin.com/wp-content/uploads/2026/09/sdbimg-cat-iju-768x432.jpg); }

/* 補助金ページでは使わないクチコミの固定バー(スマホ下部) */
#js-review-footer-bar, .p-review-footer-bar { display: none !important; }

/* スマホ: 概要表の見出し列を細くして、内容の列を広く取る */
@media (max-width: 600px) {
  .sdb-summary th { width: 5.2em; white-space: normal; padding: .7em .6em; font-size: .88em; }
  .sdb-summary td { padding: .7em .8em; }
}

/* テーマのサンプルのまま残っているメガメニュー(見出し/説明文のダミー)は出さない */
#js-megamenu26 { display: none !important; }

/* ページ見出しにアイキャッチ(同じ写真)が出るので、本文冒頭の写真は重ねて出さない */
.sdb-photo--hero { display: none !important; }

/* テーマのメインカラー(青緑)を紺・金に合わせる */
.p-widget-headline { border-top-color: var(--sdb-gold) !important; font-family: var(--sdb-serif); color: var(--sdb-navy); letter-spacing: .06em; }
.p-widget { border-radius: 12px; overflow: hidden; box-shadow: 0 10px 30px -20px rgba(15,37,64,.35); }
.p-widget li a:hover { color: var(--sdb-gold); }
.p-global-nav-bar { background: var(--sdb-gold) !important; }
.l-header__nav a { font-weight: 500; letter-spacing: .06em; color: var(--sdb-navy); }
.l-header__nav a:hover { color: var(--sdb-gold); }
.c-breadcrumb a:hover { color: var(--sdb-gold); }

/* カード(締切が近い補助金・新着記事・同じ地域の補助金) */
.sdb-section-lead { color: var(--sdb-sub); margin: -.4em 0 1.2em; }
.sdb-top .sdb-section-lead { text-align: center; }
.sdb-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 1.2em; margin: 0 0 1.5em; }
.sdb-card { display: flex; flex-direction: column; border-radius: 14px; overflow: hidden; background: #fff; color: inherit !important; text-decoration: none !important; box-shadow: 0 14px 34px -20px rgba(15,37,64,.45); border: 1px solid var(--sdb-line-soft); transition: transform .3s ease, box-shadow .3s ease; }
.sdb-card:hover { transform: translateY(-4px); box-shadow: 0 22px 44px -22px rgba(15,37,64,.6); }
.sdb-card__media { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: var(--sdb-ivory); }
.sdb-card__img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .8s ease; }
.sdb-card:hover .sdb-card__img { transform: scale(1.05); }
.sdb-card__body { display: block; padding: .9em 1.1em 1.1em; }
.sdb-card__note { display: inline-block; margin-bottom: .45em; padding: .1em .7em; border-radius: 999px; background: var(--sdb-ivory); color: var(--sdb-navy); font-size: .8em; font-weight: 700; letter-spacing: .04em; }
.sdb-card__title { display: block; font-family: var(--sdb-serif); font-size: 1em; line-height: 1.6; color: var(--sdb-navy); }
.sdb-more { text-align: center; }
.sdb-more a { display: inline-block; padding: .8em 2.4em; border: 1px solid var(--sdb-navy); border-radius: 999px; color: var(--sdb-navy) !important; text-decoration: none !important; letter-spacing: .08em; transition: all .25s; }
.sdb-more a:hover { background: var(--sdb-navy); color: #fff !important; }

/* 公式ページへのボタン */
.sdb-cta { margin: 1.4em 0 .4em; text-align: center; }
.sdb-cta__button { display: inline-flex; align-items: center; gap: .6em; padding: 1em 2.6em; border-radius: 999px; background: linear-gradient(135deg, var(--sdb-gold), #a07c43); color: #fff !important; font-weight: 700; letter-spacing: .08em; text-decoration: none !important; box-shadow: 0 14px 30px -14px rgba(160,124,67,.9); transition: transform .25s ease, box-shadow .25s ease; }
.sdb-cta__button::after { content: "↗"; font-weight: 400; }
.sdb-cta__button:hover { transform: translateY(-2px); box-shadow: 0 18px 34px -14px rgba(160,124,67,1); }

/* ページタイトル */
.p-single__title, .p-page-header__title, .p-single--review-header__title { font-family: var(--sdb-serif) !important; color: var(--sdb-navy); letter-spacing: .05em; line-height: 1.6; }

@media (max-width: 600px) {
  .sdb-cards { grid-template-columns: 1fr; gap: 1em; }
  .sdb-card { flex-direction: row; }
  .sdb-card__media { flex: 0 0 38%; aspect-ratio: auto; min-height: 96px; }
  .sdb-card__body { padding: .7em .9em; }
  .sdb-card__title { font-size: .92em; }
  .sdb-cta__button { width: 100%; justify-content: center; padding: 1em 1.2em; }
}

/* 制度のカードは分野ごとに同じ写真が並ぶため、写真なしの文字カードにする(記事カードだけ写真つき) */
.sdb-cards:not(.sdb-cards--posts) .sdb-card__media { display: none; }
.sdb-cards:not(.sdb-cards--posts) .sdb-card { position: relative; border-left: 3px solid var(--sdb-gold); background: linear-gradient(135deg, #fff 0%, var(--sdb-ivory) 100%); }
.sdb-cards:not(.sdb-cards--posts) .sdb-card__body { padding: 1.1em 1.3em 1.2em; }
.sdb-cards:not(.sdb-cards--posts) .sdb-card__note { background: var(--sdb-navy); color: #fff; }
.sdb-cards:not(.sdb-cards--posts) .sdb-card::after { content: "→"; position: absolute; right: 1em; bottom: .9em; color: var(--sdb-gold); transition: transform .25s; }
.sdb-cards:not(.sdb-cards--posts) .sdb-card:hover::after { transform: translateX(4px); }
@media (max-width: 600px) { .sdb-cards:not(.sdb-cards--posts) .sdb-card { flex-direction: column; } }

/* 本文の見出しは左寄せ(トップの見出しだけ中央) */
.sdb h2, .post_content h2 { text-align: left; }
.sdb-top > h2 { text-align: center; }
@media (max-width: 600px) {
  .sdb-summary th { width: 6.6em; white-space: nowrap; font-size: .85em; }
}

/* 県内の市区町村・近くの県へのリンク */
.sdb-cities { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: .7em; margin: 0 0 1.8em; }
.sdb-city { display: flex; align-items: center; justify-content: space-between; gap: .5em; padding: .8em 1em; border: 1px solid var(--sdb-line-soft); border-radius: 10px; background: #fff; color: var(--sdb-navy) !important; text-decoration: none !important; transition: all .2s; }
.sdb-city:hover { border-color: var(--sdb-gold); background: var(--sdb-ivory); transform: translateY(-2px); }
.sdb-city__name { font-family: var(--sdb-serif); font-weight: 700; }
.sdb-city__num { flex: none; padding: .05em .6em; border-radius: 999px; background: var(--sdb-navy); color: #fff; font-size: .78em; }
@media (max-width: 600px) { .sdb-cities { grid-template-columns: repeat(2, 1fr); } }

/* 公式ページボタン: 白い文字が読める濃さにする(コントラスト比 4.5 以上) */
.sdb-cta__button { background: linear-gradient(135deg, #8c6b33, #6e5225); }

/* 表の中のリンクも紺色に(テーマの水色はコントラスト不足) */
.sdb .sdb-table a:not(.sdb-cta__button), .post_content .sdb a:not(.sdb-cta__button):not(.sdb-card):not(.sdb-city):not(.sdb-cat) { color: #1c3a5e !important; }

/* 文中のリンクは下線で区別する(色だけに頼らない) */
.sdb p a:not(.sdb-cta__button):not(.sdb-more a), .sdb li a, .sdb-disclaimer a, .sdb-site-note a { text-decoration: underline !important; text-underline-offset: .2em; }