:root {
  --iq-page:#f4f7f7;
  --iq-surface:#fff;
  --iq-subtle:#f4f7f7;
  --iq-text:#141414;
  --iq-muted:#585858;
  --iq-link:#6b32e3;
  --iq-link-hover:#5021b3;
  --iq-action:#32e388;
  --iq-action-hover:#24d27b;
  --iq-line:#d9e3e3;
  --iq-focus:#6b32e3;
  --iq-radius-surface:22px;
  --iq-radius-card:12px;
  --iq-radius-control:7px;
  --iq-space-1:4px;
  --iq-space-2:8px;
  --iq-space-3:12px;
  --iq-space-4:16px;
  --iq-space-5:20px;
  --iq-space-6:24px;
  --iq-space-7:32px;
  --iq-space-8:48px;
  --iq-container:1480px;
  --iq-measure:68ch;
  --iq-duration:140ms;
  --iq-ease:ease-out;
}
::selection{background:#d9c8ff;color:var(--iq-text)}
.discovery-nav{display:flex;flex-wrap:wrap;align-items:center;gap:var(--iq-space-2) var(--iq-space-6);padding:0 0 var(--iq-space-6);margin-top:calc(-1 * var(--iq-space-2));font-size:16px;font-weight:500;line-height:1.4}
.discovery-nav a{display:inline-flex;align-items:center;min-height:44px;border-bottom:2px solid transparent;transition:color var(--iq-duration) var(--iq-ease),border-color var(--iq-duration) var(--iq-ease)}
.discovery-nav a:hover,.discovery-nav a[aria-current]{color:var(--iq-link);border-color:var(--iq-link)}
.discovery-nav a:last-child{margin-left:auto}
.iq-chevron{display:inline-block;flex:none;width:16px;height:16px;vertical-align:middle}
.iq-breadcrumbs{font-size:14px;line-height:1.5;color:var(--iq-muted);margin:0 0 var(--iq-space-5)}
.iq-breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--iq-space-2) var(--iq-space-3);list-style:none;padding:0;margin:0}
.iq-breadcrumbs li{display:flex;align-items:center;gap:var(--iq-space-2);max-width:100%;min-width:0}
.iq-breadcrumbs a{color:var(--iq-link);padding:var(--iq-space-2) 0;text-decoration:underline;text-underline-offset:3px}
.iq-breadcrumbs span{overflow-wrap:anywhere}
.iq-breadcrumb-chevron{width:12px;height:12px;transform:rotate(-90deg)}
.iq-page{padding:40px;background:var(--iq-surface);border-radius:var(--iq-radius-surface)}
.iq-page h1{font-size:30px;font-weight:500;line-height:1.25;text-wrap:balance;max-width:30ch;margin:0 0 var(--iq-space-4)}
.iq-page h2,.iq-related>h2{font-size:24px;font-weight:500;line-height:1.3;margin:0 0 var(--iq-space-4);text-wrap:balance}
.iq-page h3{font-size:20px;font-weight:500;line-height:1.35;margin:0 0 var(--iq-space-3)}
.iq-page-intro{max-width:var(--iq-measure)}
.iq-page p,.iq-related p{font-size:17px;font-weight:400;line-height:1.55;margin:0 0 var(--iq-space-4);max-width:var(--iq-measure)}
.iq-page .iq-lead{font-size:20px;line-height:1.5;margin:0}
.iq-section{margin-top:var(--iq-space-8);padding-top:var(--iq-space-7);border-top:1px solid var(--iq-line)}
.iq-reading{max-width:var(--iq-measure)}
.iq-text-link{color:var(--iq-link);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;overflow-wrap:anywhere;transition:color var(--iq-duration) var(--iq-ease)}
.iq-text-link:hover{color:var(--iq-link-hover)}
.iq-skill-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--iq-space-6)}
.iq-skill-path>div{min-width:0;padding-right:var(--iq-space-5);border-right:1px solid var(--iq-line)}
.iq-skill-path>div:last-child{padding-right:0;border-right:0}
.iq-skill-path p{color:var(--iq-muted);font-size:16px;line-height:1.5}
.iq-skill-path .iq-text-link{display:inline-flex;align-items:center;min-height:44px;font-size:16px}
.iq-course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--iq-space-6);margin-top:var(--iq-space-6)}
.iq-course-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--iq-line);border-radius:var(--iq-radius-card);overflow:hidden;background:var(--iq-surface);transition:border-color var(--iq-duration) var(--iq-ease)}
.iq-course-card:hover{border-color:var(--iq-link)}
.iq-course-image{display:block;aspect-ratio:2.3;background:var(--iq-subtle);overflow:hidden}
.iq-course-image img{width:100%;height:100%;object-fit:cover}
.iq-course-copy{display:flex;flex-direction:column;gap:var(--iq-space-2);padding:var(--iq-space-5);flex:1}
.iq-course-name{font-size:20px;font-weight:500;line-height:1.35;overflow-wrap:anywhere}
.iq-course-note{font-size:16px;line-height:1.5;color:var(--iq-muted)}
.iq-course-meta{font-size:14px;line-height:1.5;color:var(--iq-muted);margin-top:auto;padding-top:var(--iq-space-2);font-variant-numeric:tabular-nums}
.iq-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--iq-space-5) var(--iq-space-6);margin-top:var(--iq-space-6)}
.iq-actions>.iq-text-link{display:inline-flex;align-items:center;min-height:44px}
.iq-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;padding:14px 20px;background:var(--iq-action);color:var(--iq-text);border-radius:var(--iq-radius-control);font-size:16px;font-weight:500;line-height:1.4;text-align:center;transition:background var(--iq-duration) var(--iq-ease)}
.iq-button:hover{background:var(--iq-action-hover)}
.iq-checklist{padding-left:var(--iq-space-6);margin:0;font-size:17px;line-height:1.55}
.iq-checklist li{padding-left:var(--iq-space-1);margin:0 0 var(--iq-space-4)}
.iq-checklist strong{font-weight:600}
.iq-topic-links{display:flex;flex-wrap:wrap;gap:var(--iq-space-3);margin-top:var(--iq-space-6)}
.iq-topic-links a{display:flex;align-items:center;min-height:44px;padding:12px 16px;border:1px solid var(--iq-line);border-radius:var(--iq-radius-control);font-size:16px;font-weight:500;line-height:1.4;background:var(--iq-surface);transition:border-color var(--iq-duration) var(--iq-ease),color var(--iq-duration) var(--iq-ease)}
.iq-topic-links a:hover{color:var(--iq-link);border-color:var(--iq-link)}
.catalog>.intro{max-width:var(--iq-measure);font-weight:400;line-height:1.5}
.iq-related{margin-top:var(--iq-space-8);padding:var(--iq-space-7);background:var(--iq-surface);border-radius:var(--iq-radius-surface)}
.iq-course-context{display:flex;flex-wrap:wrap;gap:var(--iq-space-3);margin:0 0 var(--iq-space-5);font-size:16px;line-height:1.5}
.iq-course-context a{padding:var(--iq-space-2) 0}
.search-field:focus-within{outline:2px solid var(--iq-focus);outline-offset:3px}
.search-field .search input::placeholder{color:var(--iq-muted)}
.search-field .search input{caret-color:var(--iq-link)}
.results[aria-busy=true]{color:var(--iq-muted)}
.search-field .search .results{top:calc(100% + 8px);left:0;width:100%!important;min-width:0;max-width:calc(100vw - 40px)}
.search-field .results a{font-size:16px;line-height:1.4;color:var(--iq-muted);min-height:44px}
.search-field .results .search-lessons{font-size:14px;line-height:1.5;color:var(--iq-muted)}
.search-field .results .search-match{color:var(--iq-text);font-weight:600}
.program summary{position:relative;list-style:none;padding-right:28px;min-height:44px;display:flex;align-items:center;line-height:1.5;font-size:17px;text-transform:none}
.program summary::-webkit-details-marker{display:none}
.program summary::before{display:none}
.program summary::after{content:"";position:absolute;right:0;top:50%;width:16px;height:16px;margin-top:-8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m6 8 4 4 4-4' fill='none' stroke='%23585858' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;transform:none}
.program summary::after{border:0}
.program details[open]>summary::after{transform:rotate(180deg);top:50%}
.image-dialog{max-width:calc(100vw - 40px);max-height:calc(100dvh - 40px);overflow:auto}
.image-dialog img{max-height:calc(100dvh - 80px);object-fit:contain}
.iq-library{padding:var(--iq-space-7);max-width:var(--iq-container);margin:auto}
.iq-library>section{margin:var(--iq-space-8) 0}
.page-discovery.page-course .footer,.page-course:has(.iq-related) .footer{margin-top:70px}
.page-welcome .welcome-main>p:not(.welcome-title),.page-welcome .welcome-author small,.page-welcome .welcome-about .muted{color:var(--iq-muted)}
.page-welcome .header{display:flex}
@media(max-width:1280px){.page-welcome .welcome-main-logo,.page-welcome .welcome-left-logo{display:none}}
@media(max-width:1023px){.iq-page{padding:var(--iq-space-6)}.iq-skill-path{grid-template-columns:1fr;gap:var(--iq-space-5)}.iq-skill-path>div{border-right:0;border-bottom:1px solid var(--iq-line);padding:0 0 var(--iq-space-4)}.iq-skill-path>div:last-child{border-bottom:0;padding:0}}
@media(max-width:767px){
 .discovery-nav{gap:var(--iq-space-2) var(--iq-space-5);margin-top:0;padding-bottom:var(--iq-space-5)}
 .discovery-nav a:last-child{margin-left:0}
 .iq-page{padding:0;background:transparent;border-radius:0}
 .iq-page h1{font-size:28px}
 .iq-page h2,.iq-related>h2{font-size:22px}
 .iq-page .iq-lead{font-size:18px}
 .iq-course-grid{grid-template-columns:1fr;gap:var(--iq-space-5)}
 .iq-section{margin-top:var(--iq-space-7);padding-top:var(--iq-space-6)}
 .iq-course-copy{padding:var(--iq-space-5)}
 .iq-related{padding:var(--iq-space-5);margin-top:var(--iq-space-7);border-radius:var(--iq-radius-card)}
 .iq-breadcrumbs{margin-bottom:var(--iq-space-4)}
 .iq-actions{align-items:stretch;flex-direction:column;gap:var(--iq-space-3)}
 .iq-actions .iq-text-link{align-self:flex-start}
 .iq-topic-links{gap:var(--iq-space-2)}
 .search-field .search input{font-size:16px}
 .page-discovery.page-course .footer,.page-course:has(.iq-related) .footer{margin-top:35px}
}
@media(prefers-reduced-motion:reduce){.discovery-nav a,.iq-text-link,.iq-course-card,.iq-button,.iq-topic-links a{transition:none}}
