@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Unbounded:wght@500;700;800&family=Reenie+Beanie&display=swap');
#scriverai-page{color-scheme:light;color:#2B2825;font-family:'IBM Plex Mono',monospace;font-size:15px;line-height:1.8}#scriverai-page *{box-sizing:border-box}#scriverai-page .preview-controls{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}#scriverai-page button{font:inherit;background:#FFFDFD;color:#2B2825;border:1px solid #68737D;padding:8px 14px;min-height:44px}#scriverai-page button[aria-pressed=true]{background:#2B2825;color:#FFFDFD}#scriverai-page .page{margin:auto;width:100%;container-type:inline-size;background-color:#F4F5F6;background-image:linear-gradient(#68737d12 1px,transparent 1px),linear-gradient(90deg,#68737d12 1px,transparent 1px);background-size:48px 48px;border:1px solid #D9DEE3}#scriverai-page .topbar{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;background:#FFFDFD;border-bottom:1px solid #D9DEE3;gap:20px}#scriverai-page .brand{font-family:Unbounded,sans-serif;font-weight:800;font-size:17px;letter-spacing:-1px}#scriverai-page .nav{font-size:12px}#scriverai-page a{color:inherit;text-underline-offset:5px}#scriverai-page .sheet{max-width:920px;margin:auto;padding:48px 44px 40px}#scriverai-page .crumb{font-size:12px;margin:0 0 28px}#scriverai-page h1{font-family:Unbounded,sans-serif;font-size:clamp(32px,7cqw,66px);line-height:1.15;letter-spacing:-.055em;margin:0 0 22px;font-weight:800}#scriverai-page h1 span{color:#FF3D57}#scriverai-page .subtitle{max-width:500px;margin:0;font-size:16px}#scriverai-page .jump{display:flex;flex-wrap:wrap;gap:12px 24px;margin:30px 0 38px;padding:18px 0;border-block:1px solid #D9DEE3;font-size:12px}#scriverai-page .intro{background:#FFFDFD;padding:32px 36px;border-radius:3px 3px 18px 3px;border:1px solid #D9DEE3}#scriverai-page p{margin:0 0 22px}#scriverai-page p:last-child{margin-bottom:0}#scriverai-page .opening{font-size:17px}#scriverai-page .section{padding-top:52px}#scriverai-page h2{font-family:Unbounded,sans-serif;font-size:25px;line-height:1.35;font-weight:700;letter-spacing:-.04em;margin:0 0 28px}#scriverai-page h3{font-family:Unbounded,sans-serif;font-size:19px;line-height:1.4;margin:28px 0 22px}#scriverai-page .label{display:block;color:#68737D;font-size:12px;margin-bottom:12px}#scriverai-page .lab{background:#E9ECEF;padding:28px 32px;border-left:3px solid #FF3D57;margin-top:30px}#scriverai-page .lab h3{margin-top:0}#scriverai-page .venue{padding-top:20px;border-top:1px solid #68737d55}#scriverai-page .audience{border-top:1px solid #D9DEE3;margin-top:44px;padding-top:36px}#scriverai-page .closing{margin-top:44px;background:#2B2825;color:#FFFDFD;padding:36px;border-radius:16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}#scriverai-page .closing p{margin:0;max-width:230px}#scriverai-page .cta{display:inline-block;background:#FFFDFD;color:#2B2825;padding:14px 20px;font-family:Unbounded,sans-serif;font-size:17px;text-decoration:none}#scriverai-page .cta span{color:#b91c37}#scriverai-page footer{margin-top:28px;font-size:12px;color:#68737D}#scriverai-page .page[data-width=phone]{max-width:390px}#scriverai-page .page[data-width=tablet]{max-width:768px}@container(max-width:600px){#scriverai-page .sheet{padding:28px 18px}#scriverai-page .topbar{padding:18px}#scriverai-page .intro{padding:24px 20px}#scriverai-page .lab{padding:24px 20px}#scriverai-page h2{font-size:23px}#scriverai-page .opening{font-size:16px}#scriverai-page .closing{padding:26px 22px}#scriverai-page .nav{display:none}}


#scriverai-page .page p,
#scriverai-page .page h1,
#scriverai-page .page h2,
#scriverai-page .page h3,
#scriverai-page .page .brand,
#scriverai-page .page .nav,
#scriverai-page .page .jump a {
  color: #2B2825 !important;
  -webkit-text-fill-color: #2B2825 !important;
  opacity: 1 !important;
}
#scriverai-page .page h1 span {
  color: #FF3D57 !important;
  -webkit-text-fill-color: #FF3D57 !important;
}
#scriverai-page .page .closing p {
  color: #FFFDFD !important;
  -webkit-text-fill-color: #FFFDFD !important;
}
#scriverai-page .page .cta {
  color: #2B2825 !important;
  -webkit-text-fill-color: #2B2825 !important;
}
#scriverai-page .page .cta span {
  color: #b91c37 !important;
  -webkit-text-fill-color: #b91c37 !important;
}


#scriverai-page .subtitle {max-width:none;width:100%;text-wrap:pretty;}
#scriverai-page .jump {border:0;padding:0;gap:10px;margin:28px 0 38px;}
#scriverai-page .page .jump a {display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;border:1px solid #a6afb6;border-radius:999px;background:#FFFDFD;text-decoration:none;box-shadow:0 2px 0 #D9DEE3;}
#scriverai-page .page .jump a:hover,
#scriverai-page .page .jump a:focus-visible {background:#E9ECEF;border-color:#2B2825;}
#scriverai-page .page .jump a:last-child {border-color:#FF3D57;background:#fff0f2;}
@container(min-width:720px){#scriverai-page .subtitle{white-space:nowrap;}}
@container(max-width:600px){#scriverai-page .jump{gap:8px;}#scriverai-page .page .jump a{padding:10px 14px;}}


#scriverai-page .page .key-underline {
 color:#2B2825 !important;
 -webkit-text-fill-color:#2B2825 !important;
 text-decoration:underline;
 text-decoration-color:#FF3D57;
 text-decoration-thickness:2px;
 text-underline-offset:4px;
 text-decoration-skip-ink:auto;
}
#scriverai-page .page .key-weight {
 color:#2B2825 !important;
 -webkit-text-fill-color:#2B2825 !important;
 font-family:inherit;
 font-weight:500;
}


#scriverai-page .page .key-underline {
 text-decoration:none;
 background:linear-gradient(178deg,transparent 12%,#ff3d5738 18%,#ff3d5752 78%,transparent 90%);
 padding:2px 3px;
 margin:0 -3px;
 border-radius:6px 2px 5px 3px;
 box-decoration-break:clone;
 -webkit-box-decoration-break:clone;
}
#scriverai-page .doodle-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;}
#scriverai-page .course-doodle {display:block;object-fit:contain;flex-shrink:0;pointer-events:none;}
#scriverai-page .title-doodle {width:104px;height:64px;}
#scriverai-page .lab-doodle {width:64px;height:64px;transform:rotate(-9deg);margin-bottom:20px;}
@container(max-width:600px){
 #scriverai-page .title-doodle{width:54px;height:48px;}
 #scriverai-page .lab-doodle{width:48px;height:48px;}
 #scriverai-page .doodle-heading{gap:10px;}
}

body{margin:0;background:#F4F5F6}html{scroll-behavior:smooth}#scriverai-page [id]{scroll-margin-top:90px}#scriverai-page .page{border:0}#scriverai-page .sheet{min-height:65vh}#scriverai-page .course-card{display:block;text-decoration:none;padding:32px;background:#FFFDFD;border:1px solid #a6afb6;border-radius:3px 3px 18px 3px}#scriverai-page .course-card:hover{border-color:#FF3D57}#scriverai-page .course-card h2{margin-bottom:18px}#scriverai-page .course-card .card-link{display:inline-block;margin-top:24px;text-decoration:underline;text-underline-offset:5px}.course-language{display:block;text-align:right;padding:12px 24px;font:500 12px IBM Plex Mono,monospace;color:#2B2825}.course-footer{padding:32px 24px;background:#2B2825;color:#FFFDFD;font:12px/1.8 IBM Plex Mono,monospace}.course-footer a{color:#FFFDFD}#scriverai-page a:focus-visible{outline:2px solid #2B2825;outline-offset:4px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.bgl { position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden; }
.blh,.blv { position:absolute; background:#2b2825; opacity:.105; }
.blh { left:0; width:100%; height:1px; animation:drift-h 12s ease-in-out infinite; }
.blv { top:0; height:100%; width:1px; animation:drift-v 15s ease-in-out infinite; }
.blh.ac,.blv.ac { background:#ff3d57; opacity:.18; }
@keyframes drift-h { 0%,100%{transform:translateY(0)} 28%{transform:translateY(54px)} 67%{transform:translateY(-34px)} }
@keyframes drift-v { 0%,100%{transform:translateX(0)} 32%{transform:translateX(38px)} 68%{transform:translateX(-28px)} }
#scriverai-page{position:relative;z-index:1}#scriverai-page .page{background:transparent}.course-language,.course-footer{position:relative;z-index:1}@media(prefers-reduced-motion:reduce){.blh,.blv{animation:none!important}}

/* Opaque reading panels: movement remains in the gaps, never behind the copy. */
#scriverai-page .course-heading-panel,
#scriverai-page .section {
 background:#FFFDFD;
 border:1px solid #D9DEE3;
 border-radius:3px 3px 18px 3px;
 padding:32px 36px;
 margin-top:32px;
}
#scriverai-page .course-heading-panel {margin-top:0;margin-bottom:32px;}
#scriverai-page .course-heading-panel .jump {margin-bottom:0;}
#scriverai-page .course-heading-panel .crumb {margin-bottom:24px;}
#scriverai-page .audience {border-top:1px solid #D9DEE3;}
#scriverai-page .course-heading-panel .subtitle {white-space:normal;}
@container(max-width:600px){
 #scriverai-page .course-heading-panel,
 #scriverai-page .section {padding:24px 20px;margin-top:24px;}
 #scriverai-page .course-heading-panel {margin-top:0;margin-bottom:24px;}
 #scriverai-page .lab {padding:22px 16px;}
}