/* Tool pages (lib/render-tool.mjs): the Services Victoria / Custom AI Dashboard template in the Daily Journal's own colours.
   Loaded after site.css, never changes it: every rule here is under .tp or a tp- class. */
.tp .tp-wrap{max-width:1040px;margin:0 auto;padding:0 24px 24px}
.tp-crumbs{font-size:13px;color:var(--faint);padding:20px 0 16px}.tp-crumbs a{color:var(--soft);font-weight:600}.tp-crumbs span{color:var(--ink);font-weight:600}
.tp-banner{margin:0}.tp-banner svg{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 22px 50px -24px rgba(30,20,80,.45)}
.tp-banner figcaption{font-size:13px;font-style:italic;color:var(--faint);text-align:center;margin:10px 0 0}
.tp-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:40px;align-items:start;padding:30px 0 6px}
.tp-hero-t{min-width:0}
.tp-pill{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#5b21b6;background:#ede9fe;border-radius:99px;padding:6px 12px;margin:0 0 14px}
.tp h1{font-size:clamp(30px,4.4vw,46px);font-weight:800;letter-spacing:-.03em;line-height:1.06;margin:0 0 18px}
.tp-answer{background:var(--accent-soft);border-left:4px solid var(--accent);border-radius:0 12px 12px 0;padding:14px 18px;margin:0 0 18px}
.tp-answer b{display:block;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--accent-d);margin:0 0 4px}
.tp-answer p{margin:0;font-size:16.5px;line-height:1.5;color:var(--ink);font-weight:500}
.tp-lead{font-size:17.5px;color:var(--soft);margin:0 0 18px}
.tp-ticks,.tp-dots{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.tp-ticks li,.tp-dots li{display:flex;gap:11px;font-size:16px;font-weight:500;color:var(--ink);line-height:1.45}
.tp-ticks li:before,.tp-dots li:before{content:"\2713";flex:none;width:22px;height:22px;border-radius:50%;background:var(--good-soft);color:var(--good);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:1px}
.tp-ticks.small li{font-size:15px}
.tp-card{background:#fff;border:2px solid var(--accent);border-radius:18px;padding:22px 22px 18px;box-shadow:0 26px 50px -24px rgba(91,63,224,.45);min-width:0}
.tp-card h2{font-size:22px;font-weight:800;letter-spacing:-.02em;margin:10px 0 6px}
.tp-step{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--accent);border-radius:99px;padding:4px 10px}
.tp-sub{font-size:14.5px;color:var(--soft);margin:0 0 4px;line-height:1.5}
.tp-card .wl{max-width:none;margin:14px 0 10px}
.tp-fine{font-size:12.5px;color:var(--soft);margin:0;line-height:1.5}
.tp-trust{display:flex;flex-wrap:wrap;gap:10px 26px;justify-content:center;background:var(--accent-soft);border:1px solid #ddd6fe;border-radius:12px;padding:14px 18px;margin:26px 0 0;font-size:14px;font-weight:700;color:#3b2f8f}
.tp-trust span:before{content:"\2713";color:var(--good);font-weight:800;margin-right:8px}
.tp-sec{padding-top:56px;min-width:0}
.tp-h{font-size:clamp(24px,3vw,32px);font-weight:800;letter-spacing:-.025em;margin:0 0 20px;position:relative;padding-bottom:12px}
.tp-h:after{content:"";position:absolute;left:0;bottom:0;width:46px;height:4px;border-radius:4px;background:linear-gradient(90deg,#7c5cff,#c026d3)}
.tp-sec p{font-size:17px;color:var(--soft);margin:0 0 14px;max-width:780px;line-height:1.6}
.tp-sec p a,.tp-ticks a,.tp-dots a,.tp-src a,.tp-tnote a,.tp-health a{text-decoration:underline;text-underline-offset:2px}
.tp-sec h3{font-size:18px;margin:0 0 10px}
.tp-sec .tp-dots{margin:6px 0 14px;max-width:780px}
.tp-facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:22px 0}
.tp-facts div{background:#fff;border:1px solid var(--rule);border-radius:12px;padding:14px;min-width:0;box-shadow:0 14px 30px -24px rgba(30,20,80,.3)}
.tp-facts small{display:block;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--accent-d);margin-bottom:4px}
.tp-facts b{font-size:16px;line-height:1.3;display:block;overflow-wrap:anywhere}
.tp-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.tp-two>div{background:#faf9ff;border:1px solid #e6e1ff;border-radius:14px;padding:18px 20px;min-width:0}
.tp-steps{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:12px;max-width:820px}
.tp-steps li{display:flex;gap:16px;background:#fff;border:1px solid var(--rule);border-radius:14px;padding:16px 18px}
.tp-steps li>span{flex:none;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}
.tp-steps li div{min-width:0}.tp-steps b{font-size:17px}.tp-steps p{margin:4px 0 0!important;font-size:16px!important}
.tp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.tp-c{display:block;position:relative;background:#fff;border:1px solid var(--rule);border-radius:14px;padding:18px 20px;color:var(--ink);min-width:0}
.tp-c b{font-size:17px;display:block;margin-bottom:6px}.tp-c p{margin:0!important;font-size:15.5px!important}
a.tp-c:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 18px 34px -22px rgba(91,63,224,.5)}
.tp-c i{position:absolute;right:16px;top:14px;color:var(--accent);font-style:normal;font-weight:800}
.tp-tnote{font-size:13.5px!important;color:var(--soft);margin:10px 0 0!important}
.tp-b{display:inline-block;font-size:12px;font-weight:800;border-radius:99px;padding:3px 10px;white-space:nowrap}
.tp-b.yes{background:var(--good-soft);color:var(--good)}.tp-b.part{background:var(--warn-soft);color:var(--warn)}.tp-b.no{background:#f1f5f9;color:#475569}
.tp-status td:first-child{min-width:150px}
.tp-band{margin-top:56px;background:linear-gradient(135deg,#f5f3ff,#fdf2f8);border:1px solid #e6e1ff;border-radius:16px;padding:24px 26px}
.tp-band .tp-in{display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.tp-band h2{font-size:24px;font-weight:800;letter-spacing:-.02em;margin:0 0 12px}.tp-band .tp-in>div{min-width:0;flex:1 1 320px}
.tp-note{font-size:13px;color:var(--soft);margin:12px 0 0!important}
.tp-repeat .tp-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px;align-items:center}
.tp-repeat-t{min-width:0}
.tp-callout{margin-top:56px;background:linear-gradient(135deg,#5b3fe0,#a21456);border-radius:16px;color:#fff;padding:28px 30px}
.tp-callout .tp-in{display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.tp-callout h2{color:#fff;font-size:24px;font-weight:800;margin:0 0 6px}.tp-callout p{color:#ecdfff;margin:0;font-size:16.5px;max-width:560px}
.tp-callout .tp-in>div{min-width:0;flex:1 1 320px}
.tp-callout .btn{background:#fff;color:var(--accent-d)}
.tp-rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tp-rel>div{background:#fff;border:1px solid var(--rule);border-radius:14px;padding:16px 18px;min-width:0}
.tp-rel h3{font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-d);margin:0 0 8px}
.tp-rel ul{list-style:none;margin:0;padding:0;display:grid;gap:0}.tp-rel a{display:block;padding:7px 0;font-weight:600;font-size:15px;color:var(--ink);text-decoration:none}.tp-rel a:hover{color:var(--accent)}
.tp-src{margin:0;padding-left:20px;display:grid;gap:8px;max-width:820px;color:var(--soft);font-size:15px}
.tp-health{margin:40px 0 0;background:var(--warn-soft);border:1px solid #f6d9a8;border-radius:12px;padding:14px 18px;font-size:14.5px;color:#7a3b06}
.tp .cta{margin-top:56px}
.tp .faq{max-width:820px}
@media (max-width:860px){
  .tp-hero{grid-template-columns:minmax(0,1fr);gap:26px}
  .tp-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tp-two,.tp-repeat .tp-in,.tp-rel{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:620px){
  .tp .tp-wrap{padding:0 16px 16px}
  .tp-crumbs{padding-top:14px}
  .tp-sec{padding-top:44px}
  .tp-band,.tp-callout{padding:20px 18px}
  .tp-band .btn,.tp-callout .btn{width:100%}
  .tp-trust{justify-content:flex-start;font-size:13.5px}
  .tp-card{padding:18px 16px 14px}
  .tp table.num{min-width:0}
  .tp table.num thead{display:none}
  .tp table.num,.tp table.num tbody,.tp table.num tr,.tp table.num td{display:block;width:100%}
  .tp table.num tr{border-top:1px solid var(--rule);padding:10px 0}.tp table.num tbody tr:first-child{border-top:0}
  .tp table.num td{border:0;padding:3px 14px;min-width:0!important}
  .tp table.num td:before{content:attr(data-label);display:block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-d)}
  .tp table.num td[data-label=""]:before,.tp table.num td:first-child:before{display:none}
  .tp table.num td:first-child{font-weight:800;font-size:16px}
}