/* The Akin Digest / Ismaeel Habeeb: shared institutional identity.
   Display: Source Serif 4. Interface: IBM Plex Sans. Fonts hosted locally. */
:root{
 --brand:#651c32;--brand-hover:#4b1225;--brand-soft:#f5eef1;--brand-rule:#e4d5da;
 --paper:#fff;--paper-deep:#f3f4f5;--cream:#fff;--white:#fff;
 --ink:#202124;--ink-soft:#41444a;--muted:#626770;--line:#dfe1e4;
 --orange:var(--brand);--lime:#eedde3;--sage:var(--brand-soft);--accent:var(--brand);
 --sans:'IBM Plex Sans',Arial,sans-serif;--display:var(--sans);--mono:var(--sans);
 --serif:'Source Serif 4',Georgia,serif;--workspace-body:var(--sans);--workspace-display:var(--sans);
 --studio-paper:#fff;--studio-ink:#202124;--studio-blue:#651c32;--studio-rule:#dfe1e4;
 color-scheme:light;
}
body{font-family:var(--sans);color:var(--ink);font-kerning:normal;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:var(--sans)}
::selection{background:#eedde3;color:#39101c}
:focus-visible{outline:3px solid #174a73;outline-offset:4px}
a,button,input,select,textarea{accent-color:var(--brand)}
/* Editorial surfaces */
.masthead-hero h1,.article-header h1,.story-header h1,.article-title,.newsletter-copy h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}
.brand-name,.brand,.learn-brand strong,.admin-brand b{font-family:var(--sans);font-weight:600;letter-spacing:-.025em}
.masthead-hero{background:#fff}.portrait-halo{background:#f5eef1}.portrait-frame{border-color:#e4d5da}
.announcement{background:#651c32;color:#fff}.announcement .live-dot{background:#eedde3}
.ticker{background:#f3f4f5}.ticker-label{color:#651c32}
.story-card,.work-card{background:#fff;border-color:#dfe1e4}.story-card:hover,.work-card:hover{border-color:#b28d99;background:#faf8f9}
.newsletter-section,.newsletter{background:#f5eef1}
/* Public course pages: a shared family with a distinct technical accent. */
.studio-directory,.studio-technology,.course-marketing{--studio-paper:#fff;--studio-ink:#202124;--studio-blue:#651c32;--studio-rule:#dfe1e4;font-family:var(--sans);background:#fff}
.studio-directory .learn-header,.studio-technology .learn-header,.learn-header{background:#fff;color:#202124;border-color:#dfe1e4}
.directory-opening{background:#651c32}.directory-opening h1{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}
.directory-opening h1 em,.directory-type-note span:last-child{color:#eedde3}
.directory-opening .studio-eyebrow,.directory-opening-copy>p:not(.studio-eyebrow),.opening-footnote{color:#f5eef1}
.directory-type-note{background:#4b1225;border-color:#b28d99}
.directory-path.writing{background:#f5eef1;border-color:#651c32}.directory-path.engineering{background:#eef3f7;border-color:#174a73}
.directory-path.writing:hover{background:#eedde3}.directory-path.engineering:hover{background:#e2ebf2}
.directory-path.writing h3{font-family:var(--serif);font-weight:600;letter-spacing:-.035em}
.course-marketing .writing-opening{background:#651c32;color:#fff}
.course-marketing .writing-opening h1{font-family:var(--serif);font-weight:400;letter-spacing:-.04em;color:#fff;line-height:1.06}
.course-marketing .writing-opening h1>span{color:#eedde3}
.writing-opening .studio-eyebrow,.writing-opening-copy>p:not(.studio-eyebrow),.writing-opening-note p,.writing-opening-note>span{color:#f5eef1}
.writing-opening-note{border-color:#ffffff40}
.studio-button{background:#651c32;color:#fff;border-radius:3px;font-family:var(--sans)}.studio-button:hover{background:#4b1225}
.studio-button.light{background:#fff;color:#651c32}.studio-button.light:hover{background:#f5eef1}
.studio-directory .paths-footer,.studio-technology .paths-footer{background:#f3f4f5;color:#41444a;border-color:#dfe1e4}
/* Working areas keep clear sans-serif headings and generous text contrast. */
.admin-app,.is-learning,.private-space{font-family:var(--sans)}
.admin-sidebar{background:#202124;color:#fff}.admin-sidebar nav button{color:#dfe1e4}
.admin-sidebar nav button.selected{background:#651c32;color:#fff}
.admin-sidebar .nav-group h2,.admin-sidebar .admin-brand small{color:#cbd0d5}
.admin-sidebar .nav-search input{background:#ffffff0d;color:#fff;border-color:#ffffff30}
.admin-brand .brand-mark,.gate-logo>span{background:#651c32;color:#fff}
.primary-button,.client-project-hero .primary,.sign-in-card button[type=submit]{background:#651c32;color:#fff;border-color:#651c32}
.primary-button:hover{background:#4b1225;border-color:#4b1225}
.admin-content,.is-learning{background:#f3f4f5}.panel,.stat-card,.gate-card,.learning-sidebar{background:#fff;border-color:#dfe1e4}
.admin-topbar,.client-project-hero{background:#fff;border-color:#dfe1e4}
.admin-topbar h1,.client-project-hero h1,.workspace-dialog h2,.learning-sidebar h2{font-family:var(--sans);font-weight:600;letter-spacing:-.025em}
.stat-card strong{font-variant-numeric:tabular-nums;letter-spacing:-.035em}
.is-learning .learning-sidebar{background:#fff;border-color:#dfe1e4}
.student-identity strong,.room-client-name,.workspace-client-line,.message strong{font-family:var(--sans);font-weight:600;letter-spacing:0}
.learning-main .student-home-hero{background:#fff;border-color:#dfe1e4}
.learning-main .student-home-hero h1{font-family:var(--serif);font-weight:600}
.learning-main a:not([class]),.article-body a,.version-rich a{color:#174a73;text-underline-offset:3px}
.learning-sidebar button.current-lesson,.learning-sidebar .selected,.learning-sidebar [aria-current=true]{background:#f5eef1;color:#651c32}
/* Chat remains quiet; attachments and semantic warning colours retain their meaning. */
.message{font-family:var(--sans)}.message.own,.message.is-own{background:#f5eef1;border-color:#e4d5da}
input,select,textarea{color:#202124}input::placeholder,textarea::placeholder{color:#6b7078;opacity:1}
.browser-notification-card{font-family:var(--sans)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Approved custom ih identity, concept 02. Optical spacing is shared across surfaces. */
.identity-mark{display:block;width:100%;height:100%;object-fit:contain;flex-shrink:0}
.brand-mark,.admin-brand-mark,.gate-logo-mark,.identity-symbol,.learn-brand>span:first-child:has(.identity-mark),.info-brand>span:first-child:has(.identity-mark){display:inline-flex;align-items:center;justify-content:center;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;flex:0 0 auto;width:38px;height:36px;overflow:visible;box-shadow:none!important}
.brand,.info-brand{display:inline-flex;align-items:center;gap:11px}.brand-name{font-family:var(--serif);font-weight:600;letter-spacing:-.035em}
.brand .brand-mark{width:35px;height:34px}.footer-brand .brand-mark{width:36px;height:34px}
.admin-brand-mark{width:37px;height:36px}.admin-sidebar .admin-brand-mark .identity-mark{content:url('/brand/mark-white.svg')}
.gate-logo-mark{width:46px;height:43px}.gate-logo>span:has(.identity-mark){background:transparent;color:inherit}
.learn-brand{gap:12px}.learn-brand>span:first-child:has(.identity-mark){width:43px;height:40px}.learn-brand>span+span{font-family:var(--serif);font-weight:600;font-size:21px;line-height:1.1;letter-spacing:-.025em}.learn-brand small{font-family:var(--sans);font-weight:400;font-size:11px;letter-spacing:0;line-height:1.4;margin-top:5px}
.course-marketing .learn-header .identity-mark{content:url('/brand/mark-white.svg')}
.info-brand .identity-mark,.brand>.identity-mark{width:37px;height:35px;flex:0 0 auto}.info-brand{font-family:var(--serif);font-weight:600;letter-spacing:-.025em}
.digest-push-invite>img{width:64px;height:60px;object-fit:contain;border-radius:0;background:transparent}
@media(max-width:650px){.brand .brand-mark{width:29px;height:28px}.brand-name{font-size:16px}.learn-brand{gap:9px}.learn-brand>span:first-child:has(.identity-mark){width:32px;height:31px}.learn-brand>span+span{font-size:16px}.learn-brand small{font-size:9px;margin-top:4px}.info-brand .identity-mark,.brand>.identity-mark{width:30px;height:29px}}
body:has(.course-marketing) .learn-header .identity-mark{content:url('/brand/mark-white.svg')}