/* ==========================================================================
   薬剤詳細ページ（?poc_drug=）: POC薬剤部の共通デザイン（poc-top.css / poc-calc.css の部品）に載せる
   PC: 2カラム（左=情報、右=関連ツール・主な公式資料） / スマホ: 1カラム（ヘッダー → 関連ツール → ページ内ナビ → 各情報）
   ========================================================================== */
.poc-d { display: grid; gap: 16px; }
html body.poc-drug-page #content .poc-calc-wrap .poc-d :is(h1, h2, h3) { margin: 0 !important; }

/* ---------- ヘッダー ---------- */
.poc-d-head { display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 20px; align-items: center; padding: 22px 24px; background: #fff; border: 1px solid var(--poc-line); border-top: 5px solid var(--c-drug, #14a58f); border-radius: var(--poc-radius); box-shadow: var(--poc-shadow); }
html body.poc-drug-page #content .poc-calc-wrap .poc-d-head__title { font-size: clamp(24px, 3.2vw, 34px); font-weight: 800; line-height: 1.3; color: var(--poc-ink) !important; overflow-wrap: anywhere; }
.poc-d-head__sub { margin: 6px 0 0; color: var(--poc-muted); font-size: 15px; line-height: 1.6; overflow-wrap: anywhere; }
.poc-d-head__sep { margin: 0 6px; color: #9db0c6; }
.poc-d-tags { margin: 12px 0 0 !important; padding: 0 !important; display: flex; flex-wrap: wrap; gap: 6px 8px; list-style: none !important; }
.poc-d-tag { margin: 0 !important; padding: 4px 12px !important; border-radius: 999px; background: #edf1f7; color: var(--poc-ink); font-size: 12.5px; font-weight: 700; list-style: none !important; }
.poc-d-tag--kind { background: #fff3d6; color: #8a5300; }
.poc-d-tag--taste { background: #e6f6ee; color: #14724a; }
.poc-d-tag--pediatric { background: #e3eefc; color: var(--poc-blue-d); }
.poc-d-tag--crushSuspend { background: #efe8fb; color: #5a3aa0; }
.poc-d-tag--unitDose { background: #e2f4f6; color: #0d6a75; }
.poc-d-tag--officialDocs { background: #eef1f5; color: #43566b; }
.poc-d-head__side { display: grid; gap: 10px; }
.poc-d-ph { min-height: 96px; border-radius: 12px; }
.poc-d-strength { margin: 0; padding: 10px 12px; border-radius: 12px; background: #f6f9fd; border: 1px solid var(--poc-line); font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
.poc-d-strength__k { display: block; margin-bottom: 2px; color: var(--poc-muted); font-size: 12px; font-weight: 700; }
.poc-d-strength__v { font-weight: 700; color: var(--poc-ink); }

/* ---------- レイアウト ---------- */
.poc-d-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; grid-template-areas: "body aside"; gap: 18px; align-items: start; }
.poc-d-body { grid-area: body; display: grid; gap: 16px; min-width: 0; }
.poc-d-aside { grid-area: aside; display: grid; gap: 14px; position: sticky; top: 14px; min-width: 0; }
.poc-d-card { padding: 16px 18px 18px; background: #fff; border: 1px solid var(--poc-line); border-radius: var(--poc-radius); box-shadow: var(--poc-shadow); }
html body.poc-drug-page #content .poc-calc-wrap .poc-d-card__title { font-size: 16px; font-weight: 800; margin: 0 0 10px !important; padding-left: 10px !important; border-left: 4px solid var(--poc-blue) !important; line-height: 1.4; }

/* ---------- ページ内ナビ ---------- */
.poc-d-nav ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 !important; padding: 0 !important; list-style: none !important; }
.poc-d-nav li { margin: 0 !important; list-style: none !important; }
.poc-d-nav a { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 16px; border: 2px solid #c4d7ef; border-radius: 999px; background: #fff; color: var(--poc-ink); font-size: 14px; font-weight: 700; text-decoration: none; transition: background-color .15s, border-color .15s; }
.poc-d-nav a:hover { border-color: var(--poc-blue); background: #eaf3ff; }
.poc-d-nav a:focus-visible, .poc-d-tool:focus-visible, .poc-d-doclink:focus-visible, .poc-d-src__chip:focus-visible, .poc-d-acc__summary:focus-visible { outline: 3px solid #ffb830; outline-offset: 2px; }

/* ---------- セクション ---------- */
.poc-d-sec { padding: 18px 20px 20px; background: #fff; border: 1px solid var(--poc-line); border-radius: var(--poc-radius); box-shadow: var(--poc-shadow); scroll-margin-top: 14px; }
html body.poc-drug-page #content .poc-calc-wrap .poc-d-sec__title { margin: 0 0 12px !important; padding-left: 12px !important; border-left: 5px solid var(--poc-blue) !important; font-size: 18px; font-weight: 800; line-height: 1.4; }
html body.poc-drug-page #content .poc-calc-wrap .poc-d-sec__title--in { margin: 0 !important; }
.poc-d-note { margin: 0 0 12px; color: var(--poc-muted); font-size: 13px; line-height: 1.75; }
.poc-d-note--dispensing { padding: 10px 12px; border-radius: 10px; background: #fff8e6; border: 1px solid #f3d99b; color: #6b4a00; }
.poc-d-note--dispensing strong { color: #5a3b00; }

/* 基本情報 */
.poc-d-dl { margin: 0; }
.poc-d-dl > div { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 4px 14px; padding: 10px 0; border-top: 1px solid var(--poc-line); }
.poc-d-dl > div:first-child { border-top: 0; padding-top: 0; }
.poc-d-dl dt { margin: 0; color: var(--poc-muted); font-size: 13.5px; font-weight: 700; }
.poc-d-dl dd { margin: 0; font-size: 15px; line-height: 1.7; overflow-wrap: anywhere; }
.poc-d-dl__note { color: var(--poc-muted); font-size: 13px; }

/* 事実（項目） */
.poc-d-fact { padding: 12px 0; border-top: 1px solid var(--poc-line); }
.poc-d-sec > .poc-d-fact:first-of-type, .poc-d-acc__body > .poc-d-fact:first-child, .poc-d-sec > .poc-d-note + .poc-d-fact { border-top: 0; }
html body.poc-drug-page #content .poc-calc-wrap .poc-d-fact__label { margin: 0 0 4px !important; font-size: 13.5px; font-weight: 800; color: var(--poc-muted) !important; }
.poc-d-fact__text { margin: 0 0 6px; font-size: 15px; line-height: 1.8; overflow-wrap: anywhere; }
.poc-d-fact__nd { margin: 0 0 6px; }
.poc-d-positions { margin: 0 0 6px !important; padding-left: 1.2em !important; list-style: disc !important; font-size: 14.5px; line-height: 1.8; }
.poc-d-positions li { list-style: disc !important; margin: 0 0 4px !important; }

/* 出典チップ */
.poc-d-src { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; margin: 2px 0 0; font-size: 12px; color: var(--poc-muted); }
.poc-d-src__k { font-weight: 700; }
.poc-d-src__chip { display: inline-block; padding: 1px 9px; border-radius: 999px; background: #edf1f7; color: var(--poc-blue-d); font-size: 12px; font-weight: 700; text-decoration: none; }
.poc-d-src__chip:hover { background: #dfe9f7; }

/* バッジ（資料の記載の種類。可否の判断ではない） */
.poc-d-badge { display: inline-block; padding: 3px 12px; border-radius: 999px; background: #edf1f7; color: var(--poc-ink); font-size: 12.5px; font-weight: 800; line-height: 1.5; }
.poc-d-badge--nd { background: #fff; border: 1.5px dashed #aab8ca; color: #5a6f86; }
.poc-d-badge--conflict { background: #fff3d6; color: #8a5300; }
.poc-d-badge--test { background: #e9eefb; color: #3a4f9a; }
.poc-d-badge--inquire { background: #fff3d6; color: #8a5300; }
.poc-d-badge--na { background: #edf1f7; color: #43566b; }
.poc-d-badge--info { background: #e3eefc; color: var(--poc-blue-d); }
.poc-d-badge--ok, .poc-d-badge--good { background: #e6f6ee; color: #14724a; }
.poc-d-badge--caution { background: #fff0dc; color: #9a4f00; }
.poc-d-badge--no, .poc-d-badge--avoid { background: #fdeaea; color: #a12b2b; }

/* 食品・飲料 */
.poc-d-mixlist { margin: 6px 0 0 !important; padding: 0 !important; display: grid; gap: 8px; list-style: none !important; }
.poc-d-mixitem { margin: 0 !important; padding: 12px 14px; border: 1px solid var(--poc-line); border-left-width: 5px; border-radius: 12px; background: #fbfcfe; list-style: none !important; }
.poc-d-mixitem--avoid { border-left-color: #d64545; }
.poc-d-mixitem--caution { border-left-color: #e08a1e; }
.poc-d-mixitem--good { border-left-color: #2fa36b; }
.poc-d-mixitem__head { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin-bottom: 4px; }
.poc-d-mixitem__food { font-size: 15px; font-weight: 800; overflow-wrap: anywhere; }
.poc-d-mixitem__text { margin: 0 0 6px; font-size: 14.5px; line-height: 1.75; overflow-wrap: anywhere; }

/* 調剤・服薬支援 */
.poc-d-disp { margin: 0 0 10px; padding: 12px 14px; border: 1px solid var(--poc-line); border-left-width: 5px; border-left-color: #aab8ca; border-radius: 12px; background: #fbfcfe; }
.poc-d-disp--test { border-left-color: #6f86d6; }
.poc-d-disp--inquire { border-left-color: #e0a21e; }
.poc-d-disp--nd { border-left-style: dashed; background: #fff; }
.poc-d-disp--ok { border-left-color: #2fa36b; }
.poc-d-disp--caution { border-left-color: #e08a1e; }
.poc-d-disp--no { border-left-color: #d64545; }
.poc-d-disp__head { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin-bottom: 6px; }
html body.poc-drug-page #content .poc-calc-wrap .poc-d-disp__label { font-size: 15.5px; font-weight: 800; }
.poc-d-disp__text { margin: 0 0 6px; font-size: 14.5px; line-height: 1.8; overflow-wrap: anywhere; }

/* アコーディオン（製剤情報） */
.poc-d-acc { padding: 0; }
.poc-d-acc__summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 56px; padding: 8px 20px; cursor: pointer; list-style: none; }
.poc-d-acc__summary::-webkit-details-marker { display: none; }
.poc-d-acc[open] > .poc-d-acc__summary .poc-acc__arrow { transform: rotate(-135deg); margin-top: 6px; }
.poc-d-acc[open] > .poc-d-acc__summary { border-bottom: 1px solid var(--poc-line); }
.poc-d-acc__body { padding: 8px 20px 18px; }
#poc-d-sources, #poc-d-caution { scroll-margin-top: 14px; }

/* 関連ツール・資料 */
.poc-d-tools__list, .poc-d-links { margin: 0 !important; padding: 0 !important; display: grid; gap: 8px; list-style: none !important; }
.poc-d-tools__list li, .poc-d-links li { margin: 0 !important; list-style: none !important; }
.poc-d-tool { display: grid; gap: 2px; min-height: 64px; padding: 12px 14px; border: 2px solid #c4d7ef; border-radius: 14px; background: #f6f9fd; color: var(--poc-ink); text-decoration: none; transition: background-color .15s, border-color .15s; }
.poc-d-tool:hover { border-color: var(--poc-blue); background: #eaf3ff; }
.poc-d-tool--pediatric { background: var(--poc-blue-btn); border-color: var(--poc-blue); color: #fff; }
.poc-d-tool--pediatric:hover { background: var(--poc-blue-d); border-color: var(--poc-blue-d); }
.poc-d-tool__title { font-size: 16px; font-weight: 800; line-height: 1.4; }
.poc-d-tool__desc { font-size: 12.5px; line-height: 1.6; opacity: .9; overflow-wrap: anywhere; }
.poc-d-links a, .poc-d-doclink { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; min-height: 44px; padding: 8px 12px; border: 1px solid var(--poc-line); border-radius: 12px; background: #f6f9fd; color: var(--poc-blue-d); font-weight: 700; text-decoration: none; overflow-wrap: anywhere; }
.poc-d-links a:hover, .poc-d-doclink:hover { background: #eaf3ff; border-color: #b9d3f8; }
.poc-d-ext { margin-left: auto; color: var(--poc-muted); font-weight: 400; }
.poc-d-doclist { margin: 0 0 10px !important; padding: 0 !important; display: grid; gap: 8px; list-style: none !important; }
.poc-d-doclist li { margin: 0 !important; list-style: none !important; }
.poc-d-doclink__type { padding: 2px 10px; border-radius: 999px; background: #e3eefc; color: var(--poc-blue-d); font-size: 12px; font-weight: 800; white-space: nowrap; }
.poc-d-doclink__title { flex: 1 1 200px; min-width: 0; color: var(--poc-ink); font-size: 14px; font-weight: 600; }

/* 出典・参考資料 */
.poc-d-srclist { margin: 0 0 10px !important; padding: 0 !important; display: grid; gap: 10px; list-style: none !important; }
.poc-d-srcdoc { margin: 0 !important; padding: 10px 12px; border-radius: 10px; background: #f6f9fd; list-style: none !important; scroll-margin-top: 14px; }
.poc-d-srcdoc:target { outline: 3px solid #ffb830; }
.poc-d-srcdoc p { margin: 0 0 4px; }
.poc-d-srcdoc__title { font-size: 14px; font-weight: 700; overflow-wrap: anywhere; }
.poc-d-srcdoc__title a { color: var(--poc-blue-d); }
.poc-d-srcdoc__meta, .poc-d-srcdoc__used, .poc-d-srcdoc__note { color: var(--poc-muted); font-size: 12.5px; line-height: 1.7; overflow-wrap: anywhere; }

/* 見つかりません */
.poc-d-nf { max-width: 640px; margin: 24px auto; padding: 28px; background: #fff; border: 1px solid var(--poc-line); border-radius: var(--poc-radius); text-align: center; }
html body.poc-drug-page #content .poc-calc-wrap .poc-d-nf__title { font-size: 22px; font-weight: 800; margin: 0 0 10px !important; }

/* ---------- タブレット・スマホ ---------- */
@media only screen and (max-width: 959px) {
	.poc-d-head { grid-template-columns: 1fr; padding: 18px 16px; }
	.poc-d-head__side { grid-template-columns: 110px minmax(0, 1fr); align-items: stretch; }
	.poc-d-ph { min-height: 70px; }
	.poc-d-layout { grid-template-columns: minmax(0, 1fr); grid-template-areas: "aside" "body"; }
	.poc-d-aside { position: static; }
	.poc-d-maindocs { display: none; } /* スマホでは下の「公式資料」に同じリンクがある。ページ上部を短くする */
}
@media only screen and (max-width: 599px) {
	.poc-d-head { padding: 14px 14px 12px; gap: 10px; }
	html body.poc-drug-page #content .poc-calc-wrap .poc-d-head__title { font-size: 21px; }
	.poc-d-head__sub { font-size: 13.5px; margin-top: 4px; }
	.poc-d-tags { margin-top: 8px !important; gap: 4px 6px; }
	.poc-d-tag { padding: 2px 10px !important; font-size: 11.5px; }
	.poc-d-strength { padding: 6px 10px; display: flex; flex-wrap: wrap; gap: 2px 8px; align-items: baseline; font-size: 12.5px; }
	.poc-d-strength__k { display: inline; margin: 0; }
	.poc-d-sec { padding: 16px 14px 18px; }
	.poc-d-dl > div { grid-template-columns: 1fr; }
	.poc-d-acc__summary { padding: 8px 14px; }
	.poc-d-acc__body { padding: 8px 14px 16px; }
	.poc-d-head__side { grid-template-columns: 1fr; }
	.poc-d-ph { display: none; }
	/* ページ内ナビは1行の横スクロール（ページ自体は横に広がらない）にして縦を節約 */
	.poc-d-nav ul { flex-wrap: nowrap; overflow-x: auto; gap: 6px; padding-bottom: 4px !important; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; }
	.poc-d-nav a { flex: 0 0 auto; min-height: 44px; padding: 6px 14px; font-size: 13.5px; scroll-snap-align: start; white-space: nowrap; }
}
@media (prefers-reduced-motion: reduce) { .poc-d-nav a, .poc-d-tool { transition: none; } }

/* ==========================================================================
   一覧・検索ページ（?poc_drug=list）: チップ・検索・展開ボタンは小児用量ツールと共通（poc-calc.css の .poc-ped-*）
   PC: 左=検索・絞り込み（主機能） / 右=転職サービス・よく見られるページ（計算ツール一覧と共通、
   inc/poc-side-common.php・assets/css/poc-side-common.css の .poc-list-layout を使用）。
   ========================================================================== */

.poc-dl { display: grid; gap: 16px; margin-bottom: 16px; }
.poc-dl-pick { display: block; }
.poc-dl-results[hidden], .poc-dl-grid[hidden], .poc-dl-empty[hidden] { display: none; }
.poc-dl-results { margin-top: 14px; }
.poc-dl-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0 !important; padding: 0 !important; list-style: none !important; }
.poc-dl-grid > li { margin: 0 !important; padding: 0 !important; list-style: none !important; display: flex; min-width: 0; }

/* 薬剤カード: 全製品で同一サイズ・同一構成（販売名は最大2行）。カード全体がリンク */
.poc-dl-card { display: flex; flex-direction: column; gap: 3px; width: 100%; height: 166px; box-sizing: border-box; padding: 12px 14px; overflow: hidden; border: 1px solid var(--poc-line); border-radius: 14px; background: #f6f9fd; color: var(--poc-ink); text-decoration: none; transition: background-color .15s, border-color .15s, box-shadow .15s; }
.poc-dl-card:hover { border-color: var(--poc-blue); background: #eaf3ff; box-shadow: 0 4px 12px rgba(47, 124, 246, .14); }
.poc-dl-card:focus-visible { outline: 3px solid #ffb830; outline-offset: 2px; }
.poc-dl-card__name { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; font-size: 15px; font-weight: 800; line-height: 1.4; overflow-wrap: anywhere; color: var(--poc-ink); }
.poc-dl-card__generic, .poc-dl-card__class { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12.5px; line-height: 1.45; color: var(--poc-muted); }
.poc-dl-card__class { color: var(--poc-blue-d); font-weight: 700; }
.poc-dl-card__tags { display: flex; flex-wrap: wrap; gap: 4px; margin-top: auto; max-height: 52px; overflow: hidden; }
.poc-dl-tag { padding: 2px 9px; border-radius: 999px; background: #edf1f7; color: var(--poc-ink); font-size: 11.5px; font-weight: 700; line-height: 1.5; white-space: nowrap; }
.poc-dl-tag--taste { background: #e6f6ee; color: #14724a; }
.poc-dl-tag--pediatric { background: #e3eefc; color: var(--poc-blue-d); }
.poc-dl-tag--crushSuspend { background: #efe8fb; color: #5a3aa0; }
.poc-dl-tag--unitDose { background: #e2f4f6; color: #0d6a75; }
.poc-dl-tag--officialDocs { background: #eef1f5; color: #43566b; }

.poc-dl-empty { padding: 20px 16px; border: 2px dashed #c4d7ef; border-radius: 14px; background: #f6f9fd; text-align: center; }
.poc-dl-empty__msg { margin: 0 0 6px; font-size: 16px; font-weight: 800; }
.poc-dl-empty__hint { margin: 0; color: var(--poc-muted); font-size: 13.5px; line-height: 1.7; }
.poc-dl-empty__request:empty { display: none; }
.poc-dl-nojs { margin: 0 !important; padding: 12px 16px 12px 1.4em !important; list-style: disc !important; background: #fff; border: 1px solid var(--poc-line); border-radius: 12px; }
.poc-dl-nojs li { list-style: disc !important; margin: 0 0 6px !important; line-height: 1.7; }

@media only screen and (max-width: 959px) {
	.poc-dl-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media only screen and (max-width: 599px) {
	.poc-dl-grid { grid-template-columns: 1fr; }
}
@media only screen and (max-width: 599px) {
	.poc-dl .poc-ped-chip { min-height: 44px; padding: 4px 12px; font-size: 13px; gap: 6px; }
	.poc-dl .poc-ped-filter { gap: 6px; }
}


/* ==========================================================================
   クイックサマリー（この薬のポイント）: 確認済みデータの文言をそのまま並べる。バッジの意味は詳細と同じ（可否ではない）
   ========================================================================== */
.poc-qs { padding: 16px 18px 14px; background: #fff; border: 1px solid var(--poc-line); border-top: 4px solid var(--poc-blue); border-radius: var(--poc-radius); box-shadow: var(--poc-shadow); scroll-margin-top: 14px; }
html body.poc-drug-page #content .poc-calc-wrap .poc-qs__title { margin: 0 0 10px !important; font-size: 17px; font-weight: 800; line-height: 1.4; }
.poc-qs__sub { margin-left: 6px; color: var(--poc-muted); font-size: 12px; font-weight: 700; }
.poc-qs__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px 22px; align-items: start; }
.poc-qs__col { min-width: 0; }
html body.poc-drug-page #content .poc-calc-wrap .poc-qs__h { margin: 0 0 6px !important; color: var(--poc-muted) !important; font-size: 12.5px; font-weight: 800; letter-spacing: .04em; }
.poc-qs__list { margin: 0 !important; padding: 0 !important; display: grid; gap: 8px; list-style: none !important; }
.poc-qs-item { margin: 0 !important; padding: 0 8px 0 12px; list-style: none !important; border: 1px solid var(--poc-line); border-left: 5px solid #aab8ca; border-radius: 12px; background: #fbfcfe; min-width: 0; }
.poc-qs-item--nd { background: #fff; border-left-color: #cdd7e3; }
.poc-qs-item--test { border-left-color: #6f86d6; }
.poc-qs-item--inquire, .poc-qs-item--conflict { border-left-color: #e0a21e; }
.poc-qs-item--info { border-left-color: #6da3ea; }
.poc-qs-item--ok, .poc-qs-item--good { border-left-color: #2fa36b; }
.poc-qs-item--caution { border-left-color: #e08a1e; }
.poc-qs-item--no, .poc-qs-item--avoid { border-left-color: #d64545; }
.poc-qs-item__head { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; min-height: 44px; }
.poc-qs-item__k { font-size: 14.5px; font-weight: 800; color: var(--poc-ink); }
.poc-qs-item__t { margin: 0 0 6px; font-size: 13.5px; line-height: 1.65; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; }
.poc-qs-item.is-full .poc-qs-item__t, .poc-qs-item.is-open .poc-qs-item__t { display: block; -webkit-line-clamp: unset; line-clamp: unset; overflow: visible; }
.poc-qs-item__go { margin-left: auto; }
.poc-qs-item__more, .poc-qs-item__go { display: inline-flex; align-items: center; min-height: 44px; padding: 0 8px; border: 0; background: none; color: var(--poc-blue-d); font-size: 12.5px; font-weight: 700; text-decoration: none; cursor: pointer; }
.poc-qs-item__more[hidden] { display: none; }
.poc-qs-item__more { margin: -4px 0 0 -8px; }
.poc-qs-item__more:hover, .poc-qs-item__go:hover { text-decoration: underline; }
.poc-qs-item__more:focus-visible, .poc-qs-item__go:focus-visible { outline: 3px solid #ffb830; outline-offset: 1px; border-radius: 6px; }
.poc-qs-badge { display: inline-block; padding: 2px 10px; border-radius: 999px; background: #edf1f7; color: var(--poc-ink); font-size: 12px; font-weight: 800; line-height: 1.5; }
.poc-qs-badge--nd { background: #fff; border: 1.5px dashed #aab8ca; color: #5a6f86; }
.poc-qs-badge--conflict, .poc-qs-badge--inquire { background: #fff3d6; color: #8a5300; }
.poc-qs-badge--test { background: #e9eefb; color: #3a4f9a; }
.poc-qs-badge--na { background: #edf1f7; color: #43566b; }
.poc-qs-badge--info { background: #e3eefc; color: var(--poc-blue-d); }
.poc-qs-badge--ok, .poc-qs-badge--good { background: #e6f6ee; color: #14724a; }
.poc-qs-badge--caution { background: #fff0dc; color: #9a4f00; }
.poc-qs-badge--no, .poc-qs-badge--avoid { background: #fdeaea; color: #a12b2b; }
.poc-qs-mix { margin: 4px 0 0 !important; padding: 0 !important; display: grid; gap: 4px; list-style: none !important; }
.poc-qs-mix__i { margin: 0 !important; display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; list-style: none !important; font-size: 13.5px; line-height: 1.55; }
.poc-qs-mix__food { font-weight: 700; overflow-wrap: anywhere; }
.poc-qs__note { margin: 10px 0 0; color: #6b4a00; font-size: 12px; line-height: 1.65; }

@media only screen and (max-width: 959px) {
	.poc-qs { padding: 14px 14px 12px; }
	.poc-qs__grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
}

.poc-d-acc__hint { margin-left: 8px; color: var(--poc-muted); font-size: 12px; font-weight: 700; }
.poc-d-nav { min-width: 0; max-width: 100%; }
@media only screen and (max-width: 959px) {
	.poc-d { gap: 12px; }
	.poc-d-layout { gap: 12px; }
	.poc-d-body { gap: 12px; }
}

/* ==========================================================================
   最終UI調整: 見出し文字と左の色線の間隔を統一（色線そのもの・デザイン基調は変更しない）
   セクション見出し・カード見出し・出典/注意の見出しはすべて 色線と文字の間 16px
   ========================================================================== */
:root { --poc-d-title-gap: 16px; }
html body.poc-drug-page #content .poc-calc-wrap .poc-d-sec__title,
html body.poc-drug-page #content .poc-calc-wrap .poc-d-card__title,
html body.poc-drug-page #content .poc-calc-wrap .poc-d h2.poc-info__title { padding-left: var(--poc-d-title-gap) !important; }
/* クイックサマリーの各項目: 左の色線と文字の間も同じ間隔に */
/* テーマの li リセット（padding 0）に負けないよう、詳細度を上げて指定 */
html body.poc-drug-page #content .poc-calc-wrap .poc-d .poc-qs-item { padding: 0 8px 0 var(--poc-d-title-gap) !important; }
html body.poc-drug-page #content .poc-calc-wrap .poc-d .poc-d-mixitem { padding: 12px 14px 12px var(--poc-d-title-gap) !important; }
html body.poc-drug-page #content .poc-calc-wrap .poc-d .poc-d-disp { padding-left: var(--poc-d-title-gap) !important; }
@media only screen and (max-width: 599px) {
	/* 要点確認に特化: 通常の文は2行で省略（全文は「全文を見る」）。注意・不可・相違は省略しない */
	.poc-qs-item__t { -webkit-line-clamp: 2; line-clamp: 2; }
	.poc-qs-item__head { min-height: 40px; }
	.poc-qs-item__go { min-height: 44px; }
}
.poc-qs__roles { margin: 8px 0 0; color: var(--poc-muted); font-size: 12px; line-height: 1.65; }

/* 出典・資料リンクの文字色: 親テーマの標準リンク色（#4682b4）は白背景で 4.11:1 のため、WCAG AA（4.5:1）を満たす濃さにする（5.04:1） */
.poc-ing-doclinks a, .poc-ing-srcdocs a, .poc-d-note a { color: #3b73a3; }