/* ======================================================================
   パターン⑲ トーク画面型（2026-11-10 作り直し）
   スマホのトーク画面のような見た目。地は淡いメイン色、左が議員の白い吹き出し、右が問いかけ（濃い色の吹き出し）。
   パソコンでは左に「話題をえらぶ」欄を固定（トーク相手の一覧のような形）。
   ====================================================================== */
body[data-pattern="19"]{
  --ink:#1b2129;--sub:#47505a;--line:#e1e5ea;
  --acc:color-mix(in srgb,var(--blue) 80%,#000);
  --chat:color-mix(in srgb,var(--sky) 30%,#eef2f6);
  --you:color-mix(in srgb,var(--blue) 78%,#000);
  background:var(--chat);color:var(--ink);
}
body[data-pattern="19"] .sample-notice{background:rgba(255,255,255,.85);color:var(--ink);border-radius:12px;margin:0 auto 14px;max-width:560px}

/* ヘッダー：トーク画面の上のバー */
.p19t-header{background:#fff;box-shadow:0 1px 0 var(--line)}
.p19t-logo{display:flex;flex-direction:row;align-items:center;gap:12px;color:var(--ink)}
.p19t-logo img{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:center 18%}
.p19t-logo span{display:flex;flex-direction:column;font-weight:800;font-size:17px;line-height:1.25}
.p19t-logo small{font-size:12px;font-weight:500;color:var(--sub)}
.p19t-nav a{font-size:14px;font-weight:700;color:var(--ink)}
.p19t-nav a:hover{color:var(--acc)}
.p19t-nav a.p19t-nav__cta{background:var(--acc);color:#fff;border-radius:999px;padding:8px 18px}
body[data-pattern="19"] .menu-btn span{background:var(--ink)}

/* 2つの欄 */
.p19t-app{display:grid;grid-template-columns:340px minmax(0,1fr);padding-top:70px;min-height:100vh}
.p19t-side{position:sticky;top:70px;height:calc(100vh - 70px);overflow-y:auto;background:#fff;border-right:1px solid var(--line);padding:24px 20px;display:flex;flex-direction:column;gap:14px}
.p19t-side__me{display:flex;gap:14px;align-items:center}
.p19t-side__me img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:center 18%}
.p19t-side__me b{display:block;font-size:20px}
.p19t-side__me small{font-size:13px;color:var(--sub)}
.p19t-side__status{font-size:14px;background:var(--chat);border-radius:12px;padding:10px 14px;font-weight:700}
.p19t-side__label{font-size:13px;font-weight:700;color:var(--sub);margin-top:6px}
.p19t-side__list{list-style:none;display:grid}
.p19t-side__list a{display:flex;gap:12px;align-items:center;padding:12px 8px;border-radius:12px;border-bottom:1px solid var(--line)}
.p19t-side__list a:hover{background:var(--chat)}
.p19t-side__ico{flex:none;width:44px;height:44px;border-radius:50%;background:var(--acc);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:17px}
.p19t-side__list b{display:block;font-size:15px}
.p19t-side__list small{display:block;font-size:12px;color:var(--sub);line-height:1.5}
.p19t-side .p19t-btn{margin-top:auto}

/* トークの流れ */
.p19t{padding:24px 20px 80px}
.p19t-thread{max-width:720px;margin:0 auto}
.p19t-block{padding:10px 0 18px;background:none}
.p19t-day{text-align:center;margin:6px 0 16px}
.p19t-day span{display:inline-block;font-size:12px;font-weight:700;background:#4a525c;color:#fff;border-radius:999px;padding:2px 14px}
.p19t-row{display:flex;gap:10px;margin:12px 0}
.p19t-row--you{justify-content:flex-end}
.p19t-av{flex:none;width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:center 18%;border:2px solid #fff}
.p19t-col{display:flex;flex-direction:column;gap:8px;align-items:flex-start;min-width:0;max-width:min(560px,100%)}
.p19t-who{font-size:12px;font-weight:700;color:var(--sub)}
.p19t-bub{background:#fff;border-radius:4px 20px 20px 20px;padding:12px 16px;font-size:15px;line-height:1.85;box-shadow:0 1px 1px rgba(0,0,0,.06);max-width:100%}
.p19t-bub--big{font-size:17px;font-weight:800}
.p19t-catch{font-size:clamp(20px,2.4vw,26px);font-weight:900;line-height:1.55}
.p19t-bub--hi{background:var(--yellow);color:#1a1a1a;font-weight:800;font-size:17px}
.p19t-bub--card{width:100%}
body[data-pattern="19"] .p19t-ask{display:inline-block;max-width:min(460px,85%);background:var(--you);color:#fff;font-size:15px;font-weight:700;line-height:1.7;text-align:left;margin:0;padding:12px 16px;border-radius:20px 4px 20px 20px}
body[data-pattern="19"] .p19t-ask::after{display:none}
.p19t-sign{font-size:13px;color:var(--sub);font-weight:700}
.p19t-photo{margin:6px 0 0 54px;width:min(300px,70%);border-radius:18px;overflow:hidden;border:4px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.p19t-photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 15%}
.p19t-stats{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.p19t-stats li{background:var(--chat);border-radius:12px;padding:10px 12px}
.p19t-stats b{display:block;font-size:26px;font-weight:900;line-height:1.2;color:var(--acc)}
.p19t-stats b small{font-size:13px;color:var(--ink);margin:0 2px}
.p19t-stats span{font-size:12px;line-height:1.6;display:block}
.p19t-tag{display:inline-block;font-size:12px;font-weight:700;background:var(--chat);border-radius:999px;padding:0 10px;margin:0 4px 4px 0}

.p19t-pol{list-style:none;display:grid;gap:8px;width:100%}
.p19t-pol li{display:grid;grid-template-columns:auto 1fr;gap:2px 12px}
.p19t-pol__no{grid-row:span 2;width:40px;height:40px;border-radius:12px;background:var(--chat);color:var(--acc);font-weight:900;display:flex;align-items:center;justify-content:center}
.p19t-pol li.is-hot .p19t-pol__no{background:var(--acc);color:#fff}
.p19t-pol b{font-size:17px}
.p19t-pol p{font-size:14px;line-height:1.8;color:var(--sub)}
.p19t-qa__meta{font-size:12px;font-weight:700;color:var(--sub);margin-bottom:4px}
.p19t-qa__meta .p19t-tag{margin-left:6px}
.p19t-qa__t{display:block;font-size:17px;line-height:1.5;margin-bottom:4px}
.p19t-bub p{font-size:14px;line-height:1.8}
.p19t-qa__a{margin-top:8px;padding-top:8px;border-top:1px dashed var(--line)}
.p19t-qa__a span{display:inline-block;font-size:12px;font-weight:700;color:#fff;background:var(--acc);border-radius:999px;padding:0 8px;margin-right:6px}
.p19t-records{list-style:none}
.p19t-records li{display:grid;gap:2px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}
.p19t-extra{margin-left:54px}
body[data-pattern="19"] .cv{--cv-radius:18px;margin-top:12px}
body[data-pattern="19"] .q-entry{justify-content:flex-start}

.p19t-links{list-style:none;display:grid;gap:8px;width:100%}
.p19t-bub--link{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:center;padding:10px}
.p19t-bub--link:hover b{color:var(--acc);text-decoration:underline}
.p19t-bub--link img{width:96px;aspect-ratio:1;object-fit:cover;border-radius:12px;background:var(--chat)}
.p19t-bub--link time{font-size:12px;color:var(--sub);margin-right:6px}
.p19t-bub--link b{display:block;font-size:15px;line-height:1.5}
.p19t-bub--link small{display:block;font-size:13px;color:var(--sub);line-height:1.6;margin-top:2px}

.p19t-prof__head{display:flex;gap:12px;align-items:center}
.p19t-prof__head img{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:center 18%}
.p19t-prof__head b{display:block;font-size:20px}
.p19t-prof__head small{font-size:12px;color:var(--sub)}
.p19t-prof__lines{font-weight:700;font-size:14px;margin:10px 0}
.p19t-table div{display:grid;grid-template-columns:6.5em 1fr;gap:10px;padding:8px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.7}
.p19t-table dt{font-weight:700;color:var(--sub)}
.p19t-prof__motto{margin-top:10px;font-weight:700;font-size:14px}
.p19t-prof__motto span{font-size:12px;background:var(--chat);border-radius:999px;padding:0 8px;margin-right:6px}

.p19t-ask--p{display:inline-block;background:var(--you);color:#fff;font-weight:700;padding:12px 16px;border-radius:20px 4px 20px 20px}
body[data-pattern="19"] .p19t-contact__title{font-size:20px;font-weight:900;text-align:left;margin:0 0 8px;line-height:1.5}
body[data-pattern="19"] .p19t-contact__title::after{display:none}
.p19t-contact__lead{font-size:14px;line-height:1.8;margin-bottom:14px}
.p19t-contact__info{margin-top:12px;font-size:14px}
.p19t-sns{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.p19t-sns__link{display:inline-flex;gap:6px;align-items:center;background:var(--chat);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700}
.p19t-sns__link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.p19t-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:999px;background:var(--acc);color:#fff !important;font-weight:800;font-size:15px}
.p19t-btn:hover{filter:brightness(1.12)}
.p19t-btn--big{min-height:56px;width:100%;font-size:17px;background:var(--acc)}

.p19t-footer{background:#fff;color:var(--ink);border-top:1px solid var(--line)}
.p19t-footer__in{width:min(1100px,100% - 40px);margin:0 auto}
.p19t-footer__name{font-weight:800;font-size:18px}
.p19t-footer__office{font-size:14px;line-height:1.9;color:var(--sub)}
body[data-pattern="19"] .float-cta{display:none}

@media (max-width:1000px){
  .p19t-app{grid-template-columns:1fr}
  .p19t-side{display:none}
  body[data-pattern="19"] .float-cta{display:block;background:var(--acc);color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.25)}
}
@media (max-width:768px){
  .p19t-app{padding-top:62px}
  .p19t{padding:16px 12px 70px}
  .p19t-av{width:36px;height:36px}
  .p19t-photo,.p19t-extra{margin-left:46px}
  .p19t-bub--link{grid-template-columns:72px 1fr}
  .p19t-bub--link img{width:72px}
  .p19t-table div{grid-template-columns:5.5em 1fr}
  body[data-pattern="19"] .p19t-nav{background:#fff}
}