/* EU AI Act compliance check + system inventory landing page (tools/eu-ai-act-system-inventory only) */

/* Hero */
.tp-ai-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(24px,4vw,56px);align-items:start}
.tp-ai-intro{min-width:0;padding-top:clamp(0px,2vw,24px)}
.tp-ai h1{max-width:640px;margin:12px 0 18px;overflow-wrap:anywhere;font-size:clamp(2rem,3.7vw,3.35rem);line-height:1.02;letter-spacing:-.045em;color:#101a33}
.tp-ai-lead{max-width:600px;margin:0 0 12px;color:#4a5670;font-size:1.07rem;line-height:1.6}
.tp-ai-jump{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}
.tp-ai-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1px solid #1a5fd0;border-radius:12px;background:#1a5fd0;color:#fff;font-weight:800;text-decoration:none}
.tp-ai-btn:hover{background:#154fb0;border-color:#154fb0}
.tp-ai-btn--ghost{background:#fff;color:#1a4fb8;border-color:#c3cde3}
.tp-ai-btn--ghost:hover{background:#f1f5fd;border-color:#1a5fd0}
.tp-ai a:focus-visible,.tp-ai summary:focus-visible,.tp-ai-scroll:focus-visible{outline:3px solid #284de8;outline-offset:2px;border-radius:6px}
.tp-ai-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;max-width:600px;margin:0}
.tp-ai-facts div{padding:12px 14px;border:1px solid #dbe2f3;border-radius:12px;background:#fff}
.tp-ai-facts dt{color:#3159b8;font-size:.74rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.tp-ai-facts dd{margin:3px 0 0;color:#17213c;font-weight:700;line-height:1.4}

/* Four-question check */
.tp-ai-check{min-width:0;padding:clamp(16px,2.4vw,26px);border:1px solid #d5dcec;border-radius:18px;background:#fff;box-shadow:0 18px 40px rgba(20,32,70,.08);scroll-margin-top:84px}
.tp-ai-check-head{padding-bottom:12px}
.tp-ai-check-head span{color:#3159b8;font-size:.76rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.tp-ai-check-head h2{margin:6px 0 4px;color:#101a33;font-size:clamp(1.3rem,2vw,1.55rem);line-height:1.2;letter-spacing:-.02em}
.tp-ai-check-head p{margin:0;color:#4a5670;line-height:1.5}
.tp-ai-q{min-width:0;margin:0;padding:14px 0;border:0;border-top:1px solid #e6eaf4}
.tp-ai-q legend{display:flex;gap:10px;align-items:flex-start;float:left;width:100%;padding:0;color:#17213c;font-weight:800;line-height:1.4}
.tp-ai-q legend b{flex:none;display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e8eefb;color:#1d3f8f;font-size:.85rem}
.tp-ai-opts{clear:both;display:flex;flex-wrap:wrap;gap:8px;padding-top:10px}
.tp-ai-opt{position:relative;display:inline-flex}
.tp-ai-opt input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.tp-ai-opt span{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border:1px solid #c3cde3;border-radius:999px;background:#f6f8fc;color:#17213c;font-size:.95rem;font-weight:700;line-height:1.2;transition:background-color .15s,border-color .15s}
.tp-ai-opt:hover span{border-color:#1a5fd0}
.tp-ai-opt input:checked+span{background:#1a5fd0;border-color:#1a5fd0;color:#fff}
.tp-ai-opt input:checked+span::before{content:"\2713";font-weight:800}
.tp-ai-opt input:focus-visible+span{outline:3px solid #284de8;outline-offset:2px}
.tp-ai-help{margin-top:6px}
.tp-ai-help summary{display:inline-flex;align-items:center;min-height:40px;color:#1a4fb8;font-size:.9rem;font-weight:700;cursor:pointer}
.tp-ai-help ul,.tp-ai-help p{margin:4px 0 6px;color:#3a4660;font-size:.9rem;line-height:1.5}
.tp-ai-help ul{padding-left:18px}
.tp-ai-help li{margin:3px 0}

/* Result: shown with :has(), no script needed */
.tp-ai-result{margin-top:4px;padding:16px;border:1px solid #dbe2f3;border-radius:14px;background:#f6f8fc}
.tp-ai-result p,.tp-ai-result li{color:#26314d;font-size:.95rem;line-height:1.55}
.tp-ai-result p{margin:0 0 8px}
.tp-ai-result ul{margin:4px 0 8px;padding-left:18px}
.tp-ai-result li{margin:6px 0}
.tp-ai-wait{font-weight:700}
.tp-ai-out{display:none}
.tp-ai-tier{display:inline-block;padding:4px 12px;border-radius:999px;font-weight:800}
.tp-ai-result .tp-ai-tier{margin-bottom:10px;font-size:1rem}
.tp-ai-tier--ban{background:#fde8e6;color:#8f1a12}
.tp-ai-tier--high{background:#fff1d6;color:#6e4300}
.tp-ai-tier--lim{background:#e3ebfc;color:#1d3f8f}
.tp-ai-tier--min{background:#e3f4ea;color:#155a37}
.tp-ai-tier--open{background:#e9edf5;color:#2f3a55}
.tp-ai-result .tp-ai-sub{margin:10px 0 2px;color:#17213c;font-weight:800}
.tp-ai-also50{display:none}
.tp-ai-result .tp-ai-also50{font-weight:700}
.tp-ai-result .tp-ai-note{margin:12px 0 0;padding-top:10px;border-top:1px solid #dbe2f3;color:#4a5670;font-size:.82rem}
.tp-ai-result .tp-ai-next{margin:4px 0 0}
.tp-ai-next a{display:inline-flex;align-items:center;min-height:44px;color:#1a4fb8;font-weight:800}

.tp-ai-check:has(#p-y:checked) .tp-ai-out--ban,
.tp-ai-check:has(#p-u:checked) .tp-ai-out--q5,
.tp-ai-check:has(#p-n:checked):has(#h-y:checked) .tp-ai-out--high,
.tp-ai-check:has(#p-n:checked):has(#h-u:checked) .tp-ai-out--q6,
.tp-ai-check:has(#p-n:checked):has(#h-n:checked):has(#t-y:checked) .tp-ai-out--art50,
.tp-ai-check:has(#p-n:checked):has(#h-n:checked):has(#t-u:checked) .tp-ai-out--q50,
.tp-ai-check:has(#p-n:checked):has(#h-n:checked):has(#t-n:checked) .tp-ai-out--min{display:block}
.tp-ai-check:has(#p-y:checked) .tp-ai-wait,
.tp-ai-check:has(#p-u:checked) .tp-ai-wait,
.tp-ai-check:has(#p-n:checked):has(#h-y:checked) .tp-ai-wait,
.tp-ai-check:has(#p-n:checked):has(#h-u:checked) .tp-ai-wait,
.tp-ai-check:has(#p-n:checked):has(#h-n:checked):has(#t-y:checked) .tp-ai-wait,
.tp-ai-check:has(#p-n:checked):has(#h-n:checked):has(#t-u:checked) .tp-ai-wait,
.tp-ai-check:has(#p-n:checked):has(#h-n:checked):has(#t-n:checked) .tp-ai-wait{display:none}
.tp-ai-check:has(#t-y:checked) .tp-ai-also50{display:block}
/* Role lines: all shown until a specific role is picked */
.tp-ai-check:has(#r-pro:checked) .tp-ai-role:not(.tp-ai-role--pro),
.tp-ai-check:has(#r-dep:checked) .tp-ai-role:not(.tp-ai-role--dep),
.tp-ai-check:has(#r-imp:checked) .tp-ai-role:not(.tp-ai-role--imp){display:none}

/* Upload + result excerpt */
.tp-ai-upload{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,4vw,56px);align-items:start;margin:clamp(48px,7vw,88px) 0;scroll-margin-top:84px}
.tp-ai-upload-main{min-width:0}
.tp-ai-upload h2{margin:10px 0 12px;color:#101a33;font-size:clamp(1.65rem,2.8vw,2.4rem);line-height:1.1;letter-spacing:-.035em}
.tp-ai-upload-main>p{color:#4a5670;line-height:1.6}
.tp-ai-upload .wt-drop{margin:18px 0 14px}
.tp-ai-upload .wt-drop-meta b{color:#17213c}
.tp-ai-cost{margin:0 0 12px;color:#26314d;line-height:1.5}
.tp-ai-cost strong{color:#101a33}
.tp-ai-keyfacts{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.tp-ai-keyfacts li{padding:7px 11px;border:1px solid #dbe2f3;border-radius:12px;background:#fff;color:#26314d;font-size:.84rem}
.tp-ai-excerpt{min-width:0;overflow:hidden;border:1px solid #d5dcec;border-radius:18px;background:#fff;box-shadow:0 18px 40px rgba(20,32,70,.08);scroll-margin-top:84px}
.tp-ai-excerpt-head{padding:16px 18px 12px;border-bottom:1px solid #e6eaf4}
.tp-ai-excerpt-head span{color:#3159b8;font-size:.74rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.tp-ai-excerpt-head h3{margin:4px 0 0;color:#17213c;font-size:1.05rem;line-height:1.35}
.tp-ai-src{padding:14px 18px 6px;background:#0f2143}
.tp-ai-src small{color:#c3d0ee;font-size:.76rem;font-weight:700}
.tp-ai-src pre{margin:4px 0 12px;white-space:pre-wrap;overflow-wrap:anywhere;color:#fff;font:600 .84rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}
.tp-ai-sheet{padding:14px 18px 0}
.tp-ai-file{margin:0 0 6px;color:#1d3f8f;font:700 .8rem/1.3 ui-monospace,SFMono-Regular,Consolas,monospace}
.tp-ai-scroll{max-width:100%;overflow-x:auto;border:1px solid #e1e6f2;border-radius:10px}
.tp-ai-scroll table{width:100%;border-collapse:collapse;font-size:.86rem}
.tp-ai-scroll th{padding:7px 10px;background:#f6f8fc;color:#4a5670;text-align:left;white-space:nowrap;font:700 .74rem/1.3 ui-monospace,SFMono-Regular,Consolas,monospace}
.tp-ai-scroll td{min-width:8.5em;padding:8px 10px;border-top:1px solid #eef1f7;color:#17213c;line-height:1.4;vertical-align:top}
.tp-ai-excerpt-foot{margin:0;padding:14px 18px 18px;color:#4a5670;font-size:.86rem;line-height:1.5}

/* How the answers lead to a tier */
.tp-ai-order{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:18px 0 14px;padding:0;list-style:none}
.tp-ai-order li{padding:16px;border:1px solid #dbe2f3;border-radius:14px;background:#fff;color:#26314d;line-height:1.5}
.tp-ai-order b{display:block;margin-bottom:4px;color:#17213c}
.tp-ai-how-note{max-width:760px;color:#4a5670;line-height:1.6}
.tp-ai .mt-context-links{display:flex;flex-wrap:wrap;gap:8px 24px}

@media (max-width:900px){
  .tp-ai-hero,.tp-ai-upload{grid-template-columns:minmax(0,1fr)}
  .tp-ai-intro{padding-top:0}
}
@media (max-width:480px){
  .tp-ai-check{padding:14px;border-radius:14px}
  .tp-ai-result{padding:12px}
  .tp-ai-opt span{padding:0 14px}
  .tp-ai-jump .tp-ai-btn{flex:1 1 100%}
  .tp-ai-sheet{padding:12px 12px 0}
  .tp-ai-src,.tp-ai-excerpt-head{padding-left:12px;padding-right:12px}
  .tp-ai-excerpt-foot{padding:12px}
}
@media (prefers-reduced-motion:reduce){
  .tp-ai-opt span{transition:none}
}