[hidden]{display:none!important}.skip-link{position:absolute;left:12px;top:-100px;padding:12px;background:#fff;z-index:20}.skip-link:focus{top:12px}header nav{align-items:center;gap:24px}nav a[aria-current=page]{color:var(--blue)}.reading-links{display:grid;grid-template-columns:1fr 1fr;gap:24px}.reading-link{display:block;padding:38px;border:1px solid var(--line);border-radius:8px;background:#fff;transition:border-color .2s}.reading-link:hover{border-color:var(--blue)}.reading-link h3{font-size:30px}.text-link{display:inline-block;margin-top:18px;color:var(--blue);font-size:14px}.collection-hero{padding-bottom:35px;background-image:radial-gradient(circle,#7893b21c .8px,transparent 1px);background-size:30px 30px}.collection-hero h1{font-size:clamp(44px,6.4vw,90px);max-width:980px;line-height:1.06;margin:30px 0 24px}.collection-intro{font-size:17px;max-width:580px}.collection-content{padding-top:25px;min-height:380px}.collection-tools{display:flex;align-items:end;gap:24px;padding-bottom:30px;border-bottom:1px solid var(--line);margin-bottom:34px}.search-label,.filter-label{display:flex;flex-direction:column;gap:10px;font-size:12px;color:var(--muted)}.search-label{flex:1;max-width:520px}input,select{font:inherit;font-size:15px;color:var(--ink);border:1px solid #b7c2ca;border-radius:6px;padding:13px 15px;background:white;min-height:46px}input:focus-visible,select:focus-visible{outline:3px solid #5282ff;outline-offset:3px}#count{font:12px monospace;color:var(--muted);margin-left:auto;padding-bottom:15px}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.content-card{min-width:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:white;display:flex;flex-direction:column}.card-media{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;background:#edf1f7;overflow:hidden}.card-media img{width:100%;height:100%;object-fit:cover}.book-media{aspect-ratio:4/3;padding:24px;background:linear-gradient(135deg,#f0f4fb,#e5ebf5)}.book-media img{object-fit:contain;filter:drop-shadow(0 10px 12px #17202622)}.cover-fallback{font:36px Georgia,serif;color:#285ce8;text-align:center;padding:20px;max-width:100%;overflow-wrap:anywhere}.card-copy{padding:26px;flex:1;display:flex;flex-direction:column}.card-copy h2{font-size:25px;letter-spacing:-.7px;margin:15px 0 6px;overflow-wrap:anywhere}.card-copy h2 a:hover{text-decoration:underline}.card-copy p{margin:8px 0 18px}.card-copy .text-link{margin-top:auto;padding-top:12px}.state-message{grid-column:1/-1;padding:48px 24px;text-align:center;border:1px dashed #c5cfd7;border-radius:8px;background:#f5f7fa}.state-message h2{font-size:28px;max-width:none;letter-spacing:-.7px}.retry{border:1px solid #b7c2ca;padding:10px 18px;border-radius:24px;cursor:pointer;background:white}.detail{padding:55px 6% 90px}.back-link{color:var(--muted);font-size:14px;display:inline-block;margin-bottom:40px}.back-link:hover{color:var(--blue)}.detail-heading{max-width:900px}.detail h1{font-size:clamp(38px,5.5vw,76px);line-height:1.08;margin:20px 0;overflow-wrap:anywhere}.detail-summary{max-width:740px;font-size:18px}.detail-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,300px);gap:65px;margin-top:40px;align-items:start}.prose{font-size:17px;line-height:1.85;overflow-wrap:anywhere;min-width:0}.prose p,.prose li{font-size:17px;line-height:1.85;color:#39474f}.prose h1,.prose h2{font-size:30px;letter-spacing:-.7px;margin:36px 0 18px}.prose h3{font-size:24px;margin:28px 0 14px}.prose img{max-width:100%;height:auto;border-radius:6px}.prose a{color:var(--blue);text-decoration:underline}.prose blockquote{margin:25px 0;border-left:3px solid var(--blue);padding:8px 24px;background:#edf2fb}.prose pre{padding:20px;background:#eef1f4;overflow:auto;border-radius:6px}.prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.prose td,.prose th{border:1px solid var(--line);padding:10px}.detail-aside{padding:25px;background:#f0f3f8;border-radius:8px}.detail-aside img{display:block;width:100%;max-height:350px;object-fit:contain;margin-bottom:24px}.detail-aside h2{font-size:23px;letter-spacing:-.5px}.detail-aside .button{gap:12px;justify-content:center;text-align:center;width:100%;line-height:1.5}.detail-aside p{font-size:14px}.article-image{width:100%;max-height:480px;object-fit:cover;border-radius:8px;margin:16px 0 30px}.news-detail .detail-layout{grid-template-columns:minmax(0,800px);justify-content:center}.news-detail .detail-heading{margin-inline:auto;max-width:800px}.detail-end{border-top:1px solid var(--line);margin-top:42px;padding-top:24px}.reader-label{font:11px monospace;letter-spacing:1px;color:var(--blue);text-transform:uppercase;margin-bottom:24px}@media(max-width:1000px){header .brand-slogan{display:none}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{gap:30px}header nav{gap:18px}}@media(max-width:700px){header{height:auto;min-height:104px;flex-wrap:wrap;gap:20px;padding-block:20px}header nav{width:100%;justify-content:space-between;gap:12px;font-size:12px}header nav .nav-cta{display:none}.reading-links,.content-grid{grid-template-columns:1fr}.reading-link{padding:28px}.collection-hero{padding-top:50px}.collection-tools{flex-wrap:wrap;gap:16px}.search-label{flex-basis:100%;max-width:none}.filter-label{flex:1}#count{font-size:11px}.detail-layout{grid-template-columns:1fr;gap:35px}.detail-aside{grid-row:1}.detail-aside img{max-height:220px}.detail{padding-top:35px}.detail-summary{font-size:16px}.news-detail .detail-layout{grid-template-columns:1fr}.back-link{margin-bottom:25px}}

/* Keep the primary navigation visible while scrolling on every page. */
body > header {
  position: sticky;
  top: 0;
  z-index: 100;
  margin-inline: 0;
  padding-inline: 6%;
  background: #fbfcfc;
  box-shadow: 0 3px 12px rgba(23, 32, 38, 0.04);
}
html { scroll-padding-top: 120px; }
@media (max-width: 700px) {
  html { scroll-padding-top: 155px; }
}

/* Gadimel: softer surfaces, blue/teal accents, restrained technology details. */
:root{--ink:#172f43;--muted:#4e6476;--blue:#2358bc;--line:#cbd8e2;--teal:#16756f;--surface:#f1f5f7}
body{background:#e8eef3;color:var(--ink)}
body>header{background:rgba(232,239,245,.97);border-bottom:1px solid #c5d3df;box-shadow:0 4px 20px #15345009}
body>header nav a{transition:color .2s}
body>header nav a[aria-current=page]{text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:2px}
body .nav-cta{background:#dae6ee;border-color:#b5cad8}
body .hero,body .collection-hero,body .about-intro,body .book-intro{background:radial-gradient(ellipse at 92% 15%,#b6dcd58c,transparent 47%),radial-gradient(ellipse at 60% 85%,#bacbed85,transparent 55%),linear-gradient(120deg,#e9eff5,#dce8f0);border-bottom:1px solid #c4d4e1}
body .collection-hero,body .about-intro,body .book-intro{position:relative;isolation:isolate;overflow:hidden}
body .collection-hero:before,body .about-intro:before,body .book-intro:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#4d769210 1px,transparent 1px),linear-gradient(90deg,#4d769210 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent 28%,#000)}
body .collection-hero:after,body .about-intro:after{content:'';position:absolute;z-index:-1;right:-90px;top:25px;width:300px;height:300px;border:1px solid #377f8730;border-radius:50%;box-shadow:0 0 0 35px #377f870b,0 0 0 70px #377f8708;pointer-events:none}
body .hero-slogan{background:transparent;color:#3d566d}
body .eyebrow,body .small-label{color:#35566e}
body .dot{background:var(--teal);box-shadow:0 0 0 5px #16756f12}
body .button{background:#1e4865;box-shadow:0 5px 14px #193e591a;transition:background .2s,box-shadow .2s}
body .button:hover{background:#176b68;box-shadow:0 7px 18px #176b6824}
body .strip{background:#dce7ef;border:1px solid #c4d4e1;border-radius:12px;padding:24px;color:#36566e}
body .project{border-radius:20px;box-shadow:0 14px 35px #18395209}
body .project-copy{background:#f0f4f7}
body .demo{background:radial-gradient(circle at 25% 25%,#d5e9e4,transparent 65%),#d5e0f0}
body .directions{gap:24px}
body .direction{border:1px solid #cbd8e2;border-top:3px solid #6389be;border-radius:14px;padding:26px;background:#e1e9f2}
body .direction:nth-child(2){border-top-color:#57a49a;background:#e0ece8}
body .direction:nth-child(3){border-top-color:#9385af;background:#e8e5ef}
body .number{color:#35566e}
body .reading-section{background:#dce7ef;border-block:1px solid #c9d8e3}
body .reading-link,body .content-card{background:#f0f4f7;border:1px solid #c6d4df;border-radius:18px;box-shadow:0 8px 24px #18395208;transition:border-color .2s,box-shadow .2s}
body .reading-link:hover,body .content-card:hover{border-color:#7c9fb9;box-shadow:0 12px 28px #18395212}
body .reading-link:nth-child(2){background:#e6eeeb}
body .book-media{background:radial-gradient(ellipse at top left,#c5e2da,transparent 75%),#d4dff0}
body .card-media{background-color:#d9e4ee}
body .collection-tools{padding:22px;background:#dfe8ef;border:1px solid #c6d4df;border-radius:14px}
body input,body select{background:#f3f6f8;border-color:#acbecd;border-radius:9px}
body .state-message{background:#e0e9ef;border-color:#a9bdcb}
body .about{background:radial-gradient(ellipse at 100% 100%,#1b575c,transparent 70%),#172f43}
body .about .small-label{color:#a8d4d3}
body .about p{color:#c4d5df}
body .about .button{background:#d0e9e4;color:#173d43}
body .about .button:hover{background:#e0f3ef}
body .closing{background-color:#e0e9f0}
body .person{padding:14px 14px 22px;border:1px solid #c7d5df;border-radius:18px;background:#f0f4f7;box-shadow:0 10px 26px #18395209;min-width:0}
body .person h3,body .person .role,body .person p{margin-left:8px;margin-right:8px}
body .person .portrait{border-radius:11px;background:#d7e1ea}
body .person .role{color:#176b68}
body .principles{border-top:2px solid #92b6b4}
body .detail-aside{background:#dce8e6;border:1px solid #bcd2d0;border-radius:16px}
body .prose blockquote{background:#dce8f1}
body .reader{background:#ccdbe6;border-color:#b4c8d6;box-shadow:0 16px 40px #18395214}
body .reader:fullscreen{background:#ccdbe6}
body .reader-tools{background:#dae5ed;border-bottom:1px solid #b4c8d6}
body .reader button,body .reader select{background:#eef3f6;border-color:#aebfcd;color:#213e54}
body .reader button[aria-pressed=true]{background:#1e4865;color:#fff}
body .reader-status,body .reader-help{color:#365269}
body .book-text{background:#f0f3ef;border:1px solid #ccd7d2;border-radius:18px;margin-bottom:55px;padding-top:38px}
body .text-page p,body .legal-body p{color:#405568}
body .legal-page{background:linear-gradient(180deg,#e0e9f1,transparent 420px)}
body footer.contact-footer{background:#192f43;color:#e3edf4;border-top:3px solid #5a9e99}
body .contact-footer .wordmark,body .contact-footer h2{color:#edf3f7}
body .contact-footer .badge,body .contact-footer h2 span,body .contact-footer .brand-dot{color:#91d0c6}
body .contact-footer p,body .contact-footer .brand-slogan,body .contact-footer .contact-group h3,body .contact-footer .contact-bottom{color:#b9cbd9}
body .contact-footer .contact-bottom,body .contact-footer .brand-slogan{border-color:#395165}
body .contact-footer a:hover{color:#a7e0d6}
@media(max-width:700px){body .strip{padding:18px 12px;gap:10px}body .collection-tools{padding:18px}body .book-text{margin-inline:3%;padding-inline:6%}body .collection-hero:after,body .about-intro:after{opacity:.45}body .person{padding:12px 12px 20px}}
@media(prefers-reduced-motion:reduce){body .button,body .reading-link,body .content-card,body>header nav a{transition:none}}