/* base */
.pmd-container{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;line-height:1.6;max-width:1100px;margin:0 auto}
.pmd-card{background:#1118270d;border:1px solid #e5e7eb;border-radius:14px;padding:16px 18px;margin:14px 0}
.pmd-title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.1rem;margin:8px 0 6px}
.pmd-badge{font-size:.75rem;border:1px solid #d1d5db;padding:2px 8px;border-radius:9999px;background:#fff}
.pmd-help{font-size:.9rem;color:#374151}
.pmd-row{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:720px){.pmd-row{grid-template-columns:1fr 1fr}}

/* question */
.pmd-q{display:none;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 6px;font-weight:600}
.pmd-req{color:#b91c1c;font-weight:700}
.pmd-unans{color:#b91c1c;font-size:.9rem}

/* options vertical */
.pmd-opts{display:flex;flex-direction:column;gap:10px;margin-bottom:6px}
.pmd-opts label{display:flex;gap:10px;align-items:flex-start;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;background:#fff;cursor:pointer}
.pmd-opts input{margin-top:3px;accent-color:#111827}
.pmd-opt-col{display:flex;flex-direction:column;gap:3px}
.pmd-opt-title{font-weight:600}
.pmd-opt-hint{font-size:.9rem;color:#4b5563}
.pmd-opt-supp{font-size:.82rem;color:#6b7280}

/* pills & results */
.pmd-pill{font-size:.75rem;padding:2px 8px;border-radius:9999px;border:1px solid #d1d5db;background:#fff}
.pmd-muted{color:#6b7280}
.pmd-good{color:#065f46}
.pmd-danger{color:#b91c1c}
.pmd-divider{border-top:1px dashed #e5e7eb;margin:12px 0}
.pmd-callout{border-left:4px solid #111827;background:#11182708;padding:10px 12px;border-radius:8px}
.pmd-list{margin:6px 0 0 1.1em}
.pmd-kpi{display:inline-flex;gap:10px;flex-wrap:wrap}
.pmd-kpi span{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:6px 10px}
.pmd-selects select,.pmd-footer button{border:1px solid #d1d5db;border-radius:10px;padding:8px 10px;background:#fff;color:#111827;cursor:pointer}
.pmd-container button:focus-visible{outline:2px solid #111827;outline-offset:2px}

/* stepper */
.pmd-stepbar{position:sticky;top:60px;z-index:40;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px;margin:8px 0 12px}
.pmd-stepbar__row{display:flex;justify-content:space-between;gap:10px;align-items:center}
.pmd-stepbar progress{width:220px;height:10px}
.pmd-stepbar__miss{border:1px solid #fca5a5;border-radius:10px;background:#fee2e2;color:#111827;padding:6px 10px;cursor:pointer}
.pmd-pager{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:8px 0}
.pmd-chip{border:1px solid #d1d5db;border-radius:9999px;background:#888;padding:4px 10px;cursor:pointer;user-select:none}
.pmd-chip[aria-current="true"]{background:#111827;color:#fff;border-color:#111827}
.pmd-chip.ok{color:#000;border-color:#86efac;background:#f0fdf4}
.pmd-chip.mid{color:#000;border-color:#fde68a;background:#fffbeb}
.pmd-chip.bad{color:#000;border-color:#fca5a5;background:#fee2e2}
.pmd-chip.ua{opacity:.7}
.pmd-step-hide{display:none !important}

/* right sidebar (desktop two columns) */
.pmd-layout{display:block}
@media(min-width:1024px){
  .pmd-layout{display:grid;grid-template-columns:minmax(0,1fr) 480px;gap:16px;align-items:start}
}
.pmd-side{position:sticky;top:12px}
.pmd-sidecard{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px}
.pmd-sidecard h3{margin:0 0 6px;font-size:1rem}
.pmd-sidecard .small{color:#6b7280;font-size:.9rem}
.pmd-sidecard .row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0}
.pmd-sidecard button,.pmd-sidecard select{border:1px solid #d1d5db;border-radius:10px;background:#fff;padding:6px 10px;color:#111827;cursor:pointer}
.pmd-list-flat{margin:8px 0 0 0;padding:0;list-style:none;overflow:auto}
.pmd-item{display:flex;gap:8px;align-items:flex-start;border:1px solid #e5e7eb;border-radius:10px;padding:8px;margin-bottom:8px;background:#fff}
.pmd-item .meta{font-size:.85rem;color:#374151}
.pmd-item .jump{margin-left:auto;font-size:.85rem;color:#111827;text-decoration:underline;cursor:pointer}

/* tabs */
.pmtabs{max-width:1100px;margin:0 auto}
.pmtabs-nav{display:flex;gap:8px;overflow:auto;padding:6px;border-bottom:1px solid #e5e7eb}
.pmtabs-nav [role="tab"]{white-space:nowrap;border:1px solid #d1d5db;background:#fff;border-radius:9999px;padding:6px 12px;cursor:pointer;color:#111827}
.pmtabs-nav [role="tab"][aria-selected="true"]{background:#111827;color:#fff;border-color:#111827}
.pmtabs-panels{margin-top:10px}
.pmtabs-panel{display:none}
.pmtabs-panel[aria-hidden="false"]{display:block}

/* overlap fixes with sticky elements */
.pmtabs-nav{position:relative;z-index:50}
.pmd-stepbar,.pmd-side{z-index:40}

/* --- Status palette (WCAG配慮) --- */
:root{
  --ok:#166534;  --ok-bg:#ecfdf5;
  --mid:#92400e; --mid-bg:#fffbeb;
  --bad:#991b1b; --bad-bg:#fee2e2;
  --ua:#374151;  --ua-bg:#f3f4f6;
}

/* pills with icons (used in sidebar list & legend) */
.pmd-pill.ok  { border-color:var(--ok);  background:var(--ok-bg);  color:var(--ok); }
.pmd-pill.mid { border-color:var(--mid); background:var(--mid-bg); color:var(--mid); }
.pmd-pill.bad { border-color:var(--bad); background:var(--bad-bg); color:var(--bad); }
.pmd-pill.ua  { border-color:#d1d5db;   background:var(--ua-bg);  color:var(--ua); }

.pmd-pill.ok::before  { content:"✔"; margin-right:.35em; }
.pmd-pill.mid::before { content:"▲"; margin-right:.35em; }
.pmd-pill.bad::before { content:"✖"; margin-right:.35em; }
.pmd-pill.ua::before  { content:"…"; margin-right:.35em; }

/* Legend */
.pmd-legend{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:6px 0 8px}
.pmd-legend .pmd-pill{padding:2px 10px}

/* Screen-reader only helper */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Sidebar filter visual hint */
.pmd-side select[data-slot="side-filter"]{background:#fff}
.pmd-side select[data-slot="side-filter"]:focus{outline:2px solid #111827;outline-offset:2px}

/* CTA block */
.pmd-cta{border:1px solid #e5e7eb;border-radius:12px;background:#fff;padding:12px;margin-top:12px}
.pmd-cta-list{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:0;list-style:none}
.pmd-cta-link,
.pmd-cta-copy{display:block;border:1px solid #d1d5db;border-radius:10px;padding:10px;background:#f9fafb;color:#111827;text-decoration:none;text-align:center}
.pmd-cta-link:hover,
.pmd-cta-copy:hover{background:#f3f4f6}

/* Tabs remain above sticky bars */
.pmtabs-nav{position:relative;z-index:50}
.pmd-stepbar,.pmd-side{z-index:40}

/* Print: keep summary, hide interactive chrome */
@media print{
  .pmd-stepbar, .pmd-pager, .pmd-side .row select, .pmd-side .jump,
  .pmd-footer button, .pmtabs-nav { display:none !important; }
  .pmd-card{box-shadow:none;border-color:#999}
  .pmd-cta{page-break-inside:avoid}
}

/* Dark-mode tweak (optional) */
@media (prefers-color-scheme: dark){
  .pmd-card{background:#0b0f1614;border-color:#374151}
  .pmd-cta{background:#0b0f1614;border-color:#374151}
  .pmd-cta-link,.pmd-cta-copy{background:#11182714;border-color:#374151;color:#e5e7eb}
}

  .pmd-pager{ margin-top:4px; gap:4px; overflow-x:auto; padding-bottom:2px; -webkit-overflow-scrolling: touch; }
  .pmd-pager .pmd-chip{ padding:4px 8px; font-size:.85rem; }

  .pmd-legend{ display:none; }
}

.pmd-stepbar__mini{ display:none; }
.pmtabs-nav{position:sticky; top:16px; z-index:55}