
/* Parent AI Lab integrated portal */
.topnav a{border-radius:999px;padding:8px 12px;color:var(--muted);font-size:.9rem;text-decoration:none;font-weight:800}
.topnav a:hover,.topnav a:focus-visible{background:var(--sky);color:var(--teal-dark);outline:none}
.lab-overview,.learn-library-preview,.atelier-intro,.support-section,.work-section,.practice-section,.closing-cta{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.lab-overview,.learn-library-preview,.support-section,.work-section,.practice-section{display:grid;gap:28px}
.pillar-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}
.pillar-card{min-height:230px;padding:24px 20px;border-right:1px solid var(--line);text-decoration:none;display:flex;flex-direction:column;transition:.18s ease;position:relative;overflow:hidden}
.pillar-card:last-child{border-right:0}.pillar-card::after{content:"";position:absolute;inset:auto -35px -55px auto;width:130px;height:130px;border-radius:50%;background:var(--sky);opacity:.8}
.pillar-card span{font-size:.72rem;font-weight:900;color:var(--coral)}.pillar-card strong{font-size:1.75rem;margin:26px 0 8px}.pillar-card p{font-size:.9rem;color:var(--muted);margin:0 0 22px}.pillar-card small{margin-top:auto;font-weight:900;letter-spacing:.08em;color:var(--teal-dark);font-size:.7rem;z-index:1}.pillar-card:hover{transform:translateY(-5px);background:#fff}.p-support::after{background:var(--green-soft)}.p-work::after{background:var(--rose)}.p-practice::after{background:#fff5d7}.p-make::after{background:#eaf6ff}
.learning-status{display:grid;grid-template-columns:150px 150px 150px 1fr;border:1px solid var(--line);background:var(--surface);align-items:stretch}.learning-status>div{padding:18px 20px;border-right:1px solid var(--line)}.learning-status strong{display:block;font-size:2rem;color:var(--teal-dark);line-height:1}.learning-status span{font-size:.78rem;color:var(--muted);font-weight:800}.learning-status p{margin:0;padding:18px 22px;display:flex;align-items:center;color:var(--muted);font-size:.88rem}.learning-status p b{color:var(--coral);margin-right:5px}
.guide-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.guide-preview-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:22px;text-decoration:none;display:flex;flex-direction:column;min-height:220px;transition:.18s ease}.guide-preview-card:hover{border-color:var(--teal);transform:translateY(-3px);box-shadow:0 16px 32px rgb(32 35 33 / 8%)}.guide-preview-top{display:flex;justify-content:space-between;gap:12px}.guide-preview-top span{color:var(--coral);font-size:.72rem;font-weight:900}.guide-preview-top small{color:var(--muted)}.guide-preview-card strong{font-size:1.12rem;line-height:1.45;margin:24px 0 10px}.guide-preview-card p{color:var(--muted);font-size:.86rem;margin:0}.guide-preview-card em{font-style:normal;margin-top:auto;color:var(--teal-dark);font-weight:900;padding-top:18px}
.section-actions{display:flex;flex-wrap:wrap;gap:10px}.atelier-intro{margin-bottom:-52px}.support-section,.practice-section{padding:56px 0}.support-section{border-top:1px solid var(--line)}.usecase-grid,.practice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.usecase-grid article,.practice-grid article{background:var(--surface);border:1px solid var(--line);padding:22px;border-radius:var(--radius);min-height:180px}.usecase-grid span,.practice-grid b{color:var(--coral);font-size:.75rem;font-weight:900}.usecase-grid h3,.practice-grid h3{font-size:1.22rem;margin:24px 0 8px}.usecase-grid p,.practice-grid p{margin:0;color:var(--muted);font-size:.88rem}
.work-section{padding:56px clamp(18px,4vw,42px);background:var(--teal-dark);color:white;border-radius:var(--radius)}.work-section .eyebrow{color:#ffd0c8}.work-section .section-heading.with-copy>p{color:#dcebe8}.path-flow{display:grid;grid-template-columns:repeat(9,auto);align-items:center;justify-content:space-between;gap:12px}.path-flow div{min-width:130px;background:rgb(255 255 255 / 10%);border:1px solid rgb(255 255 255 / 20%);padding:18px;border-radius:var(--radius)}.path-flow b{display:block;font-size:1.1rem}.path-flow span{display:block;color:#c9dfdb;font-size:.78rem;margin-top:5px}.path-flow i{font-style:normal;color:#88bcb4}
.closing-cta{text-align:center;padding:70px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.closing-cta h2{font-size:clamp(2.4rem,6vw,5rem);line-height:1.02;margin:10px 0 20px}.closing-cta>p:not(.eyebrow){max-width:720px;margin:0 auto;color:var(--muted)}.closing-cta>div{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:28px}
.integrated-footer{width:min(1180px,calc(100% - 32px));margin:0 auto 30px;padding:30px 0;display:grid;grid-template-columns:1fr auto;gap:16px;border-top:1px solid var(--line);color:var(--muted)}.integrated-footer>div:first-child{display:flex;gap:10px;align-items:center}.integrated-footer strong,.integrated-footer small{display:block}.brand-dot{width:34px;height:34px;border-radius:50%;background:conic-gradient(var(--teal),var(--leaf),var(--sun),var(--coral),var(--teal))}.integrated-footer p{margin:0;text-align:right}.integrated-footer nav{display:flex;gap:16px;font-size:.8rem;font-weight:800}.integrated-footer>small{text-align:right}
@media(max-width:1000px){.pillar-grid{grid-template-columns:repeat(2,1fr)}.pillar-card{border-bottom:1px solid var(--line)}.pillar-card:nth-child(2n){border-right:0}.pillar-card:last-child{grid-column:1/-1}.guide-preview-grid{grid-template-columns:repeat(2,1fr)}.learning-status{grid-template-columns:repeat(3,1fr)}.learning-status p{grid-column:1/-1;border-top:1px solid var(--line)}.usecase-grid,.practice-grid{grid-template-columns:repeat(2,1fr)}.path-flow{grid-template-columns:1fr}.path-flow i{transform:rotate(90deg);justify-self:center}.topnav{gap:2px}.topnav a{padding:7px 9px}}
@media(max-width:700px){.topnav{display:none}.pillar-grid,.guide-preview-grid,.usecase-grid,.practice-grid{grid-template-columns:1fr}.pillar-card{border-right:0}.pillar-card:last-child{grid-column:auto}.learning-status{grid-template-columns:1fr 1fr}.learning-status>div:nth-child(2){border-right:0}.learning-status>div:nth-child(3){border-top:1px solid var(--line)}.learning-status p{grid-column:1/-1}.atelier-intro{margin-bottom:-30px}.integrated-footer{grid-template-columns:1fr}.integrated-footer p,.integrated-footer>small{text-align:left}.integrated-footer nav{flex-wrap:wrap}}
