body{--tips-orange:var(--lab-bg,#c25400);--tips-ink:var(--lab-ink,#c25400);--tips-body:#28231f;--tips-pale:var(--lab-band,rgba(255,204,0,.20));--tips-line:#ddd}
.dslab-tips-wrap,.dslab-tip-single{color:var(--tips-body)}
.dslab-tips-header{margin-bottom:30px;padding-bottom:22px;border-bottom:2px solid #eee}
.dslab-tips-header h1{margin:0 0 12px;color:#111;font-size:2em;line-height:1.35}
.dslab-tips-header>p:last-child{margin:0;color:#555;line-height:1.8}
.dslab-tip-filter{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 28px}
.dslab-tip-filter a{padding:7px 12px;border:1px solid #ddd;background:#fff;color:var(--tips-ink);text-decoration:none;font-size:13px;font-weight:700}
.dslab-tip-filter a:hover,.dslab-tip-filter a.is-current{border-color:var(--tips-orange);background:var(--tips-orange);color:#fff}
/* 選択中のチップ。面が明るい基調色のときは白文字が消えるので暗い版にする */
.dslab-tip-filter a:hover,.dslab-tip-filter a.is-current{color:var(--lab-on-bg,#fff)}
.dslab-tips-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.dslab-tip-card{margin:0;border:1px solid #ddd;border-top:4px solid var(--tips-orange);background:#fff;transition:border-color .2s,transform .2s}
.dslab-tip-card:hover{border-color:var(--tips-orange);transform:translateY(-2px)}
.dslab-tip-card>a{display:flex;height:100%;min-height:315px;box-sizing:border-box;flex-direction:column;padding:20px;color:inherit;text-decoration:none}
.dslab-tip-card-icon{display:grid;width:56px;height:56px;margin-bottom:16px;place-items:center;background:var(--tips-pale);color:var(--tips-ink)}
.dslab-tip-card-icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dslab-tip-card-category{color:#555;font-size:11px;font-weight:900;letter-spacing:.05em}
.dslab-tip-card h2{margin:7px 0 10px;font-family:'Merriweather',Georgia,serif;font-size:17px;line-height:1.45}
.dslab-tip-card p{margin:0 0 18px;color:#666;font-size:13px;line-height:1.7}
.dslab-tip-card-more{margin-top:auto;color:var(--tips-ink);font-size:13px;font-weight:900}
.dslab-tip-breadcrumb{display:flex;gap:8px;overflow:hidden;margin-bottom:30px;color:#777;font-size:13px;white-space:nowrap}
.dslab-tip-breadcrumb span:last-child{overflow:hidden;text-overflow:ellipsis}
.dslab-tip-breadcrumb a{color:var(--tips-ink)}
.dslab-tip-single-header{margin-bottom:40px}
.dslab-tip-single-header .dslab-tip-card-icon{float:right;margin:0 0 18px 25px}
.dslab-tip-single-header h1{clear:left;margin:10px 0 12px;font-family:'Merriweather',Georgia,serif;font-size:1.8em;line-height:1.35;font-weight:900;white-space:pre-line}
.dslab-tip-content{font-size:1em;line-height:2}
.dslab-tip-content>.dslab-tip-lead{margin:0 0 36px;font-size:1.1em;font-weight:700;line-height:1.8}
.dslab-tip-content h2{margin:50px 0 18px;padding:0 0 10px;border-bottom:2px solid #eee;font-size:1.5em;line-height:1.35}
.dslab-tip-content h2:before{display:inline-block;width:6px;height:1em;margin-right:10px;vertical-align:-.1em;background:var(--tips-orange);content:""}
.dslab-tip-content p,.dslab-tip-content li{line-height:2!important}.dslab-tip-content p{margin:0 0 25px}
.dslab-tip-figure{margin:0 0 38px}.dslab-tip-figure img{display:block;width:100%;height:auto;border:0}.dslab-tip-figure figcaption{margin-top:7px;color:#777;font-size:12px;line-height:1.5}
.dslab-tip-table-wrap{overflow-x:auto;margin:0 0 32px}
.dslab-tip-table{width:100%;border-collapse:collapse;font-size:.92em;line-height:1.7}
.dslab-tip-table th,.dslab-tip-table td{padding:12px 14px;border:1px solid #ddd;text-align:left;vertical-align:top}
.dslab-tip-table th{background:#f7f3ef;color:#333;font-weight:800}
.dslab-tip-table a{color:var(--tips-ink);font-weight:700}
.dslab-tip-update{margin:50px 0 0;padding:22px 24px;border:1px solid #ddd;border-left:5px solid var(--tips-orange);background:#fafafa}
.dslab-tip-update strong{color:var(--tips-ink)}
.dslab-tip-update p{margin:6px 0 0;font-size:14px;line-height:1.8}
.dslab-tip-back{margin-top:50px;text-align:center}.dslab-tip-back a{color:var(--tips-ink);font-weight:700}
@media(max-width:700px){.dslab-tips-grid{grid-template-columns:1fr}.dslab-tip-card>a{min-height:0;padding:20px}.dslab-tip-single-header h1{font-size:1.8em}.dslab-tip-content h2{font-size:1.5em}}

/* 原稿の段落と図版配置に合わせる */
.dslab-tip-slug-multi-domain .dslab-tip-content h3{margin:38px 0 18px;padding-left:10px;border-left:5px solid var(--tips-orange);font-size:1.2em;line-height:1.5}
.dslab-tip-media-row{display:flex;align-items:flex-start;gap:28px;margin-bottom:34px}
.dslab-tip-media-text{flex:1;min-width:0}
.dslab-tip-inline-figure{flex:0 0 38%;margin:0}
.dslab-tip-inline-figure img{display:block;width:100%;height:auto}
@media(max-width:700px){.dslab-tip-media-row{display:block}.dslab-tip-inline-figure{width:min(80%,360px);margin:20px auto 0}}

/* 見出しと箇条書きの取りこぼし（2026-09-30）
   ★テーマのリセットが h3/h4/ul/ol/li を font-weight:400・list-style:none・
     h3は13px に潰している。h2・p・表・図はこのファイルの上のほうで
     直してあるが、**h3以下と箇条書きだけ抜けていた**。
     いまの21本は h2/p/表/図 しか使っていないので表面化していないだけで、
     エディタで普通に書いた記事を出した瞬間に崩れる。
   本文の級数（13px）は既存の見た目を変えないためそのままにしてある。
   h3の体裁は multi-domain 専用だったものを全記事共通に引き上げた。 */
.dslab-tip-content h3{margin:38px 0 18px;padding-left:10px;border-left:5px solid var(--tips-orange);font-size:1.2em;font-weight:700;line-height:1.5}
.dslab-tip-content h4{margin:28px 0 12px;font-size:1.05em;font-weight:700;line-height:1.6}
.dslab-tip-content ul{margin:0 0 25px;padding:0;list-style:none}
.dslab-tip-content ul>li{position:relative;margin-bottom:8px;padding-left:18px}
.dslab-tip-content ul>li:before{content:"";position:absolute;left:2px;top:.85em;width:6px;height:6px;background:var(--tips-ink)}
.dslab-tip-content ol{margin:0 0 25px;padding-left:1.6em;list-style:decimal}
.dslab-tip-content ol>li{margin-bottom:8px}
.dslab-tip-content em{font-style:italic}
/* 「記事は準備中です。」等、一覧直下の素の段落 */
.dslab-tips-wrap>p{margin:0;color:#555;font-size:14px;line-height:1.8}
/* ブロックエディタで作った素の表（手書き原稿の .dslab-tip-table ではないほう） */
.dslab-tip-content figure.wp-block-table{overflow-x:auto;margin:0 0 32px}
.dslab-tip-content figure.wp-block-table table{width:100%;border-collapse:collapse;font-size:.92em;line-height:1.7}
.dslab-tip-content figure.wp-block-table th,.dslab-tip-content figure.wp-block-table td{padding:12px 14px;border:1px solid var(--tips-line);text-align:left;vertical-align:top}
.dslab-tip-content figure.wp-block-table th{background:#f7f3ef;color:#333;font-weight:800}
/* th/td にはリセットの line-height:1 が直接当たる。table 側に書いても効かない。
   手書き原稿の .dslab-tip-table も同じ穴が開いていた（未公開のため表面化せず）。 */
.dslab-tip-table th,.dslab-tip-table td,
.dslab-tip-content figure.wp-block-table th,.dslab-tip-content figure.wp-block-table td{line-height:1.7}

/* 本文と見出しを月次レポート（.ncc-report）にそろえる（2026-10-14）
   本文 15px／行間1.8／段落間18px、h2 20px太字・下罫線1px。オレンジの縦棒は外す。
   図版キャプション（.dslab-tip-figtext）と用語解説（.dslab-tip-update）は小さいまま。 */
.dslab-tip-content{font-size:15px;line-height:1.8;color:#111}
.dslab-tip-content p,.dslab-tip-content li{font-size:15px;line-height:1.8!important}
.dslab-tip-content p{margin:0 0 18px}
.dslab-tip-content h2{margin:40px 0 12px;padding:0 0 8px;border-bottom:1px solid #e3e6e6;color:#111;font-size:20px;font-weight:700;line-height:1.5}
.dslab-tip-content h2:before{display:none;content:none}
.dslab-tip-content .dslab-tip-figtext p{margin:0;font-size:13px}
.dslab-tip-content .dslab-tip-update p{margin:6px 0 0;font-size:14px}
@media(max-width:700px){.dslab-tip-content h2{font-size:20px}}
/* アイキャッチを記事の最初に（月次レポートの .ncc-report-hero と同じ見え方） */
.dslab-tip-hero{margin:0 0 32px}.dslab-tip-hero img{display:block;width:100%;max-width:100%;height:auto;border-radius:8px}
/* アイキャッチがある記事は見出しが隠れるので、カテゴリ名と画像の間を詰める */
.dslab-tip-single-header:has(h1.screen-reader-text){margin-bottom:12px}
/* 目次（.ncc-report-toc はテーマの指定）。本文の p/li 指定が勝つので月次レポートの大きさに戻す */
.dslab-tip-content .ncc-report-toc{margin:0 0 32px}
.dslab-tip-content .ncc-report-toc-title{margin:0 0 10px;font-size:15px;font-weight:700}
.dslab-tip-content .ncc-report-toc ol{margin:0;padding-left:1.4em}
.dslab-tip-content .ncc-report-toc li{margin:5px 0;font-size:14px;line-height:1.6!important}
/* この記事の要点 */
.dslab-tip-summary{margin:0 0 28px;padding:18px 22px 4px;border:1px solid #ddd;background:#faf8f5}
.dslab-tip-summary>p:first-child{margin:0 0 8px;font-weight:700}
.dslab-tip-content .dslab-tip-summary li{margin-bottom:6px;font-size:14px;line-height:1.7!important}
/* よくある質問 */
.dslab-tip-faq h3{margin:28px 0 8px;font-size:1.05em}
/* 一覧カードのアイキャッチ（月次レポートの .ncc-report-card-thumb と同じ見せ方） */
.dslab-tip-card.has-thumb>a{padding:0}
.dslab-tip-card-thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:#f4f5f6}
.dslab-tip-card-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.dslab-tip-card-body{display:flex;flex:1 1 auto;flex-direction:column;padding:18px 20px 20px}