/* =========================================================
   alann.my Site Layer v1
   Conventional pages: Home / Library / About / Toolkit
   Loads after engine/css/asl.css
   ========================================================= */

:root{
  --site-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --site-max:920px;
  --site-reading:680px;
  --site-text:#536b87;
  --site-heading:#1e3048;
  --site-border:rgba(20,20,20,.10);
  --site-header-bg:rgba(248,244,234,.92);
}

body{
  font-family:var(--site-font);
}

/* Shared site navigation */
.site-header{
  position:relative;
  z-index:100;
  width:min(var(--site-max),100%);
  margin:0 auto;
  padding:22px 24px 0;
}

.site-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding-bottom:18px;
  border-bottom:1px solid var(--site-border);
}

.site-brand{
  display:grid;
  gap:3px;
  min-width:0;
}

.site-brand__name{
  color:var(--site-heading);
  font-size:24px;
  line-height:1;
  font-weight:750;
  letter-spacing:-.035em;
}

.site-brand__line{
  color:var(--site-text);
  font-size:12px;
  line-height:1.3;
  font-weight:500;
}

.site-links{
  display:flex;
  align-items:center;
  gap:18px;
  color:var(--site-text);
  font-size:14px;
}

.site-links a{
  opacity:.72;
  transition:opacity .18s ease;
}

.site-links a:hover,
.site-links a[aria-current="page"]{
  opacity:1;
}

/* Conventional content page */
.site-page{
  min-height:100svh;
  background:#f8f4ea;
  color:var(--site-heading);
}

.site-main{
  width:min(var(--site-max),100%);
  margin:0 auto;
  padding:72px 24px 64px;
}

.site-reading{
  width:min(var(--site-reading),100%);
}

.site-kicker{
  margin:0 0 18px;
  color:var(--gold);
  font-size:12px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.site-title{
  margin:0;
  color:var(--site-heading);
  font-size:clamp(42px,8vw,72px);
  line-height:1;
  font-weight:750;
  letter-spacing:-.045em;
}

.site-intro{
  margin:24px 0 0;
  color:var(--site-text);
  font-size:clamp(19px,3vw,24px);
  line-height:1.55;
  font-weight:400;
  letter-spacing:-.015em;
}

.site-section{
  margin-top:72px;
  padding-top:56px;
  border-top:1px solid var(--site-border);
}

.site-prose{
  color:var(--site-text);
  font-size:16px;
  line-height:1.72;
  font-weight:400;
  letter-spacing:0;
}

.site-prose p{
  margin:0 0 28px;
  font-size:inherit;
  line-height:inherit;
  letter-spacing:inherit;
  font-weight:inherit;
  max-width:none;
}

.site-prose strong{
  color:var(--site-heading);
  font-weight:650;
}

.site-sequence{
  display:grid;
  gap:10px;
  margin:42px 0;
  color:var(--site-heading);
  font-size:clamp(24px,4vw,34px);
  line-height:1.15;
  font-weight:650;
  letter-spacing:-.03em;
}

.site-sequence .arrow{
  color:var(--gold);
  font-size:.72em;
}

.site-question{
  margin:36px 0 0;
  color:var(--site-heading);
  font-size:clamp(30px,5vw,48px);
  line-height:1.12;
  font-weight:720;
  letter-spacing:-.04em;
}

.site-signature{
  color:var(--site-heading);
  font-weight:600;
}

.site-footer{
  width:min(var(--site-max),100%);
  margin:0 auto;
  padding:24px;
  border-top:1px solid var(--site-border);
  color:rgba(20,20,20,.42);
  font-size:12px;
}

/* Let the existing Library remain visually itself */
.library-page .site-header{
  padding-top:22px;
}

.library-page .library-shell{
  padding-top:48px;
}

@media (max-width:640px){
  .site-header{
    padding:16px 20px 0;
  }

  .site-nav{
    align-items:flex-start;
  }

  .site-brand__name{
    font-size:22px;
  }

  .site-links{
    gap:14px;
    font-size:13px;
  }

  .site-links .toolkit-link{
    display:none;
  }

  .site-main{
    padding:54px 20px 48px;
  }

  .site-section{
    margin-top:56px;
    padding-top:44px;
  }

  .site-prose{
    font-size:16px;
    line-height:1.68;
  }

  .site-prose p{
    margin-bottom:24px;
  }

  .library-page .library-shell{
    padding-top:38px;
  }
}

@media (prefers-reduced-motion:reduce){
  .site-links a{
    transition:none;
  }
}


/* Genesis B015.1
   GTK note rendering is intentionally isolated in engine/css/asl.css.
   Conventional site pages remain unchanged.
*/