@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600&family=JetBrains+Mono:wght@300;400;500&display=swap');

:root{
  --bg:#F3F3F0;
  --fg:#111111;
  --muted:#777777;
  --border:#DFDFDC;
  --accent:#E63946;
  --max:1500px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0!important;
  padding-top:4rem!important;
  background:var(--bg)!important;
  color:var(--fg)!important;
  font-family:'Space Grotesk',sans-serif!important;
  overflow-x:hidden;
  line-height:1.35;
}
body *{font-family:'Space Grotesk',sans-serif}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.wrap{
  max-width:var(--max)!important;
  margin:0 auto!important;
  padding-left:1.5rem!important;
  padding-right:1.5rem!important;
}
@media(min-width:640px){
  .wrap{padding-left:3rem!important;padding-right:3rem!important}
}

/* ndCrea meta language */
.meta,
.code,
.lab-code,
.eyebrow,
.section-head,
.lab-meta,
.filters,
.pill,
.module-box b,
.lab-sidebar a,
.lab-sidebar div,
.note,
.seq:before,
.scale-note b,
.catalog-item .cat-code,
.catalog-item .cat-group{
  font-family:'JetBrains Mono',monospace!important;
  font-size:.75rem!important;
  line-height:1.35!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
  color:var(--muted);
}
.code,.lab-code,.text-accent,.scale-note b{color:var(--accent)!important}

/* fixed top navigation — same system as ndcrea.com */
#nd-global{display:block!important}
.top-nav{
  position:fixed;top:0;left:0;right:0;height:4rem;
  background:rgba(243,243,240,.96);
  border-bottom:1px solid var(--border);
  z-index:1000;
  backdrop-filter:blur(8px);
}
.top-nav-inner{
  height:4rem;
  display:flex;align-items:center;justify-content:space-between;
  gap:1rem;
  overflow-x:auto;
}
.nav-left{
  color:#111!important;
  font-weight:500!important;
  white-space:nowrap;
}
.nav-right{display:flex;align-items:center;gap:1rem}
.nav-links{display:flex;align-items:center;gap:.375rem}
.nav-link{
  padding:.4rem .625rem!important;
  border:1px solid var(--border)!important;
  transition:.2s!important;
  white-space:nowrap!important;
  background:transparent!important;
  color:var(--muted)!important;
}
.nav-link:hover,.nav-link.active{
  background:#111!important;
  color:#fff!important;
  border-color:#111!important;
}
.lang-switch{
  display:flex!important;
  gap:0!important;
  border:1px solid var(--border)!important;
  border-radius:2px!important;
  overflow:hidden!important;
  background:#fff!important;
  margin:0!important;
}
.lang-switch button,.lang-btn{
  border:0!important;
  background:transparent!important;
  padding:.42rem .78rem!important;
  cursor:pointer!important;
  color:var(--muted)!important;
  text-decoration:none!important;
  font-family:'JetBrains Mono',monospace!important;
  font-size:.75rem!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
}
.lang-switch button.active,.lang-btn.active{
  background:#111!important;color:#fff!important;
}
.lang-sep{display:none}

/* mobile menu chip */
.mobile-menu-wrap{display:none}
.mobile-menu-btn{
  padding:.4rem .625rem;border:1px solid var(--border);background:transparent;
  font-family:'JetBrains Mono',monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em
}
.mobile-panel{
  position:fixed;top:4rem;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--border);
  padding:1rem 1.5rem 1.5rem;display:none;z-index:999
}
.mobile-panel.open{display:block}
.mobile-panel a{
  display:block;padding:.8rem 0;border-bottom:1px solid var(--border);
  font-family:'JetBrains Mono',monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em
}
.mobile-panel a:hover{color:var(--accent)}

/* right Chronicle ruler */
.scroll-ruler{
  position:fixed;right:2rem;top:50%;transform:translateY(-50%);
  z-index:50;display:flex;flex-direction:column;align-items:flex-end;gap:.6rem;text-align:right
}
.ruler-lines{
  position:relative;display:flex;flex-direction:column;align-items:flex-end;
  gap:.55rem;padding:.75rem .3rem .75rem 0
}
.ruler-lines span.line{
  font-family:'JetBrains Mono',monospace;font-size:.75rem;color:#b2b2ae;line-height:1
}
.ruler-lines span.line:first-of-type{color:#111}
.ruler-bar{
  position:absolute;right:0;width:1px;height:1rem;background:var(--accent);
  top:0;transition:top .2s ease
}

/* page hero — ndCrea proportions */
.page-hero{
  padding:4rem 0!important;
  border-bottom:1px solid var(--border)!important;
}
.eyebrow{
  display:flex!important;justify-content:space-between!important;align-items:center!important;
  gap:2rem!important;margin:0 0 2rem!important;
}
.page-hero h1{
  margin:0!important;
  font-size:clamp(3.5rem,8vw,7.5rem)!important;
  font-weight:500!important;
  letter-spacing:normal!important;
  line-height:.95!important;
  text-transform:none!important;
}
.page-hero .intro{
  margin-top:3rem!important;
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:3rem!important;
}
.page-hero .intro p{
  grid-column:span 8!important;
  margin:0!important;
  max-width:900px!important;
  font-size:1.5rem!important;
  line-height:1.625!important;
  font-weight:300!important;
  opacity:.9!important;
}
.page-hero .intro .side{
  grid-column:span 4!important;
  justify-self:stretch!important;
  text-align:right!important;
  align-self:stretch!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  color:var(--muted)!important;
  font-family:'JetBrains Mono',monospace!important;
  font-size:.75rem!important;
  line-height:1.5!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
}

/* section rhythm */
.lab-band,.detail,.lab-page{
  padding:6rem 0!important;
  border-bottom:1px solid var(--border)!important;
}
.lab-intro{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-end!important;
  gap:2rem!important;
  margin-bottom:3rem!important;
}
.lab-intro h2,.detail h2,.lab-content h2{
  margin:0!important;
  font-size:clamp(1.8rem,3.5vw,2.75rem)!important;
  font-weight:500!important;
  letter-spacing:-.02em!important;
  line-height:1.15!important;
  text-transform:none!important;
}
.lab-intro p{
  max-width:520px!important;
  margin:0!important;
  font-size:1rem!important;
  line-height:1.6!important;
  color:var(--muted)!important;
}
.section-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-end!important;
  gap:2rem!important;
  padding:3rem 0 1rem!important;
  border-bottom:1px solid var(--border)!important;
}

/* lab cards — same ndCrea card grammar */
.lab-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:1.5rem!important;
  border:0!important;
}
.lab-card{
  min-height:260px!important;
  padding:2rem!important;
  border:1px solid var(--border)!important;
  background:rgba(255,255,255,.4)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  transition:.2s!important;
}
.lab-card:hover{
  background:rgba(255,255,255,.65)!important;
  color:var(--fg)!important;
  border-color:var(--accent)!important;
}
.lab-card h3{
  margin:1.2rem 0 .75rem!important;
  font-size:1.5rem!important;
  font-weight:500!important;
  line-height:1.15!important;
  letter-spacing:normal!important;
  text-transform:none!important;
}
.lab-card p{
  margin:0!important;
  max-width:560px!important;
  font-size:1rem!important;
  line-height:1.5!important;
  color:#52525b!important;
}
.lab-card .lab-meta{
  display:flex!important;justify-content:space-between!important;gap:1rem!important;
  margin-top:2rem!important;padding-top:1rem!important;border-top:1px solid var(--border)!important;
}
.lab-card:hover .lab-code{color:var(--accent)!important}

/* list rows — same ndCrea index rows */
.listing{
  display:grid!important;
  grid-template-columns:5rem minmax(0,1.4fr) minmax(0,.9fr) 2rem!important;
  gap:1rem!important;
  align-items:baseline!important;
  padding:1.5rem 0!important;
  border-bottom:1px solid var(--border)!important;
  transition:.2s!important;
}
.listing:hover{
  padding-left:0!important;
}
.listing h2{
  margin:0!important;
  font-size:clamp(1.5rem,2.5vw,1.9rem)!important;
  font-weight:400!important;
  line-height:1.1!important;
  letter-spacing:normal!important;
  transition:.2s!important;
  text-transform:none!important;
}
.listing:hover h2{
  font-style:italic!important;
  color:var(--accent)!important;
}
.listing p{
  margin:0!important;
  max-width:520px!important;
  font-size:.9rem!important;
  line-height:1.5!important;
  color:var(--muted)!important;
}
.arrow{justify-self:end!important;color:var(--muted)!important}

/* filters / buttons / pills — same header chip */
.filters,.pill-row{gap:.375rem!important}
.filters span,.pill,.launch,.catalog-filter{
  display:inline-block!important;
  border:1px solid var(--border)!important;
  background:transparent!important;
  padding:.4rem .625rem!important;
  border-radius:0!important;
  transition:.2s!important;
}
.filters span:hover,.pill:hover,.launch:hover,.catalog-filter:hover,.catalog-filter.active{
  background:#111!important;color:#fff!important;border-color:#111!important;
}

/* detail & lab internals */
.detail-grid{gap:3rem!important}
.detail p,.lab-content p{
  font-size:1rem!important;line-height:1.65!important;color:#52525b!important
}
.callout{
  border-top:1px solid var(--border)!important;
  border-bottom:1px solid var(--border)!important;
  font-size:1.5rem!important;
  font-weight:300!important;
}
.lab-page-grid{
  display:grid!important;grid-template-columns:240px 1fr!important;gap:3rem!important
}
.lab-sidebar{
  position:sticky!important;top:6rem!important;height:max-content!important;
  border-top:1px solid var(--border)!important
}
.lab-sidebar a,.lab-sidebar div{
  padding:.8rem 0!important;border-bottom:1px solid var(--border)!important
}
.lab-sidebar a:hover{color:var(--accent)!important}
.lab-content h3{
  font-size:1.5rem!important;font-weight:500!important;letter-spacing:normal!important
}
.module-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:1.5rem!important;border:0!important
}
.module-box{
  min-height:190px!important;padding:2rem!important;border:1px solid var(--border)!important;
  background:rgba(255,255,255,.4)!important
}
.module-box:hover{border-color:var(--accent)!important}
.module-box strong{
  font-size:1.25rem!important;font-weight:500!important;letter-spacing:normal!important
}
.module-box span{font-size:.9rem!important;line-height:1.5!important;color:var(--muted)!important}
.sequence{border-top:1px solid var(--border)!important}
.seq{
  grid-template-columns:4rem 1fr 1fr!important;
  padding:1.5rem 0!important;border-bottom:1px solid var(--border)!important
}
.seq strong{font-size:1.25rem!important;font-weight:500!important;letter-spacing:normal!important}
.seq span{font-size:.9rem!important;line-height:1.5!important;color:var(--muted)!important}
.note{
  border-top:1px solid var(--border)!important;border-bottom:1px solid var(--border)!important;
  padding:1.1rem 0!important
}

/* scalable catalogue */
.catalog-intro{
  padding:4rem 0!important;border-bottom:1px solid var(--border)!important
}
.catalog-intro h1{
  font-size:clamp(3.5rem,8vw,7.5rem)!important;font-weight:500!important;
  line-height:.95!important;letter-spacing:normal!important
}
.catalog-intro p{font-size:1rem!important;line-height:1.65!important;color:var(--muted)!important}
.catalog-controls{border-bottom:1px solid var(--border)!important}
.catalog-search{
  font-family:'Space Grotesk',sans-serif!important;
  border-bottom:1px solid var(--border)!important;
}
.catalog-item{
  border-bottom:1px solid var(--border)!important;
  grid-template-columns:5rem 8rem 1fr 1fr 2rem!important;
}
.catalog-item:hover{padding-left:0!important}
.catalog-item h3{font-size:1.35rem!important;font-weight:400!important}
.catalog-item:hover h3{font-style:italic;color:var(--accent)}
.scale-note{
  border-top:1px solid var(--border)!important;border-bottom:1px solid var(--border)!important
}

/* footer — ndCrea grammar */
#nd-footer{
  margin-top:0!important;
  padding:4rem 0!important;
  border-top:1px solid var(--border)!important;
  background:rgba(234,234,234,.4)!important;
}
.nd-footer-inner{
  max-width:var(--max);margin:0 auto;padding-left:1.5rem;padding-right:1.5rem
}
@media(min-width:640px){.nd-footer-inner{padding-left:3rem;padding-right:3rem}}
.nd-footer-top{
  display:flex!important;justify-content:space-between!important;align-items:center!important;gap:2rem!important
}
.nd-footer-brand strong{
  font-family:'JetBrains Mono',monospace!important;font-size:.75rem!important;
  font-weight:500!important;text-transform:uppercase!important;letter-spacing:.05em!important
}
.nd-footer-brand small,.nd-footer-url,.nd-footer-nav a{
  font-family:'JetBrains Mono',monospace!important;font-size:.75rem!important;
  text-transform:uppercase!important;letter-spacing:.05em!important
}
.nd-footer-brand small{color:var(--muted)!important}
.nd-footer-nav{
  display:flex!important;flex-wrap:wrap!important;gap:1.5rem!important;
  margin-top:1.5rem!important;padding-top:0!important;border-top:0!important
}
.nd-footer-nav a:hover{color:var(--accent)!important}

/* existing old header remnants */
header:not(.hero){height:auto!important;border:0!important}
.toplinks,.mobile-nav{display:none!important}

/* responsive */
@media(max-width:1200px){
  .nav-links{gap:.25rem}
  .nav-link{padding:.35rem .5rem!important;font-size:.68rem!important}
}
@media(max-width:1024px){
  .scroll-ruler{display:none!important}
  .nav-links{display:none!important}
  .mobile-menu-wrap{display:block!important}
  .page-hero .intro{grid-template-columns:1fr!important}
  .page-hero .intro p,.page-hero .intro .side{grid-column:auto!important}
  .page-hero .intro .side{text-align:left!important;align-items:flex-start!important}
  .lab-grid,.module-grid{grid-template-columns:1fr!important}
}
@media(max-width:700px){
  .wrap{padding-left:20px!important;padding-right:20px!important}
  .page-hero{padding:3.25rem 0!important}
  .page-hero h1{font-size:clamp(3.2rem,17vw,6rem)!important}
  .page-hero .intro p{font-size:1.2rem!important}
  .eyebrow,.lab-intro,.nd-footer-top{display:block!important}
  .eyebrow>*+*,.lab-intro>*+*{margin-top:.75rem!important}
  .listing{grid-template-columns:3rem 1fr!important}
  .listing p{grid-column:2!important}
  .arrow{display:none!important}
  .lab-page-grid{grid-template-columns:1fr!important}
  .lab-sidebar{position:static!important}
  .seq{grid-template-columns:3rem 1fr!important}
  .seq span{grid-column:2!important}
  .catalog-item{grid-template-columns:3rem 1fr!important}
  .catalog-item .cat-group,.catalog-item p{grid-column:2!important}
}


/* V0.9 simplified ndCrea header/footer */
.nav-brand-block{
  display:flex;
  align-items:center;
  gap:.75rem;
  white-space:nowrap;
}
.nav-author{
  color:var(--muted)!important;
  font-size:.68rem!important;
  opacity:.72;
}
.nav-author:hover{color:var(--accent)!important;opacity:1}
.simple-nav{gap:.375rem}

.learn-wrap{position:relative}
.learn-btn{cursor:pointer}
.learn-menu{
  display:none;
  position:absolute;
  top:calc(100% + .55rem);
  right:0;
  width:340px;
  background:var(--bg);
  border:1px solid var(--border);
  padding:.5rem .9rem .7rem;
  box-shadow:0 14px 32px rgba(0,0,0,.06);
  z-index:1002;
}
.learn-menu.open{display:block}
.learn-item{
  display:grid;
  grid-template-columns:72px 1fr;
  gap:1rem;
  align-items:center;
  padding:.8rem 0;
  border-bottom:1px solid var(--border);
  font-size:.82rem;
}
.learn-item:last-child{border-bottom:0}
.learn-item:hover{color:var(--accent)}
.learn-code{
  font-family:'JetBrains Mono',monospace;
  font-size:.68rem;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:var(--accent);
}

.nd-footer-brand small{
  font-size:.58rem!important;
  letter-spacing:.08em!important;
  opacity:.58;
  margin-top:.2rem!important;
}
.nd-footer-social{
  display:flex;
  align-items:center;
  gap:1.5rem;
  flex-wrap:wrap;
}
.nd-footer-social a{
  font-family:'JetBrains Mono',monospace!important;
  font-size:.72rem!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
}
.nd-footer-social a:hover{color:var(--accent)!important}
.nd-footer-side{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:.55rem;
}
.nd-footer-license{
  display:block;
  font-family:'JetBrains Mono',monospace!important;
  font-size:.62rem!important;
  line-height:1.35!important;
  font-weight:400!important;
  text-transform:none!important;
  letter-spacing:.035em!important;
  color:var(--muted)!important;
  text-align:right;
  opacity:.72;
}

/* remove old footer nav if any styles remain */
.nd-footer-nav{display:none!important}

@media(max-width:1024px){
  .nav-author{display:none}
  .learn-menu{right:auto;left:0}
}
@media(max-width:700px){
  .nd-footer-top{display:block!important}
  .nd-footer-side{align-items:flex-start;margin-top:1.25rem}
  .nd-footer-social{margin-top:0}
  .nd-footer-license{text-align:right;align-self:flex-end}
}


/* V0.10 — FIX: Learn dropdown must overlay, never expand the header */
.top-nav,
.top-nav .wrap,
.top-nav-inner,
.nav-right,
.nav-links,
.learn-wrap{
  overflow:visible!important;
}
.top-nav-inner{
  overflow-x:visible!important;
  overflow-y:visible!important;
}
.learn-wrap{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
}
.learn-menu{
  display:none!important;
  position:absolute!important;
  top:calc(100% + .55rem)!important;
  right:0!important;
  width:360px!important;
  max-height:calc(100vh - 6rem)!important;
  overflow-y:auto!important;
  background:var(--bg)!important;
  border:1px solid var(--border)!important;
  padding:.55rem 1rem .75rem!important;
  box-shadow:0 18px 40px rgba(0,0,0,.10)!important;
  z-index:5000!important;
}
.learn-menu.open{display:block!important}
.learn-menu:before{
  content:"";
  position:absolute;
  top:-.55rem;left:0;right:0;height:.55rem;
}
.learn-item{
  position:relative!important;
  z-index:5001!important;
}

/* preserved-lab architecture visuals */
.lab-preserve-note{
  margin:0 0 2rem;
  padding:1rem 0;
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
  display:grid;
  grid-template-columns:130px 1fr;
  gap:2rem;
  align-items:start;
}
.lab-preserve-note b{
  font-family:'JetBrains Mono',monospace;
  font-size:.7rem;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:var(--accent);
}
.lab-preserve-note p{
  margin:0;
  max-width:860px;
  font-size:.95rem;
  line-height:1.6;
  color:var(--muted);
}
.lab-architecture{
  margin-top:3rem;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid var(--border);
}
.lab-arch-step{
  min-height:180px;
  padding:1.25rem;
  border-right:1px solid var(--border);
  border-bottom:1px solid var(--border);
}
.lab-arch-step:last-child{border-right:0}
.lab-arch-step .n{
  font-family:'JetBrains Mono',monospace;
  font-size:.7rem;
  color:var(--accent);
  letter-spacing:.05em;
}
.lab-arch-step h4{
  margin:2rem 0 .5rem;
  font-size:1.1rem;
  font-weight:500;
}
.lab-arch-step p{
  margin:0;
  color:var(--muted);
  font-size:.85rem;
  line-height:1.5;
}
@media(max-width:700px){
  .learn-menu{
    position:fixed!important;
    left:20px!important;right:20px!important;
    top:4rem!important;width:auto!important;
  }
  .lab-preserve-note{grid-template-columns:1fr;gap:.5rem}
  .lab-architecture{grid-template-columns:1fr}
  .lab-arch-step{border-right:0}
}


/* V0.12 — SCALABLE block aligned to the main content-title column */
.scalable-aligned{
  display:grid;
  grid-template-columns:5rem minmax(0,1.4fr) minmax(0,.9fr) 2rem;
  gap:1rem;
  align-items:start;
  padding:1.6rem 0 1.8rem;
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
}
.scalable-aligned .scalable-inner{
  grid-column:2 / 4;
  min-width:0;
}
.scalable-aligned .scalable-code{
  display:block;
  margin:0 0 .9rem;
  font-family:'JetBrains Mono',monospace;
  font-size:.75rem;
  line-height:1.35;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:var(--accent);
}
.scalable-aligned .scalable-copy{
  margin:0;
  max-width:1050px;
  font-size:1rem;
  line-height:1.55;
  color:var(--fg);
}
@media(max-width:700px){
  .scalable-aligned{
    grid-template-columns:3rem 1fr;
  }
  .scalable-aligned .scalable-inner{
    grid-column:2;
  }
}


/* V0.13 — exact SCALABLE alignment with listing title column */
.scalable-aligned{
  display:grid!important;
  grid-template-columns:5rem minmax(0,1.4fr) minmax(0,.9fr) 2rem!important;
  gap:1rem!important;
  align-items:start!important;
  padding:1.65rem 0 1.85rem!important;
  margin:0!important;
  border-top:0!important;
  border-bottom:1px solid var(--border)!important;
}
.scalable-aligned .scalable-inner{
  grid-column:2 / 4!important;
  margin:0!important;
  padding:0!important;
  min-width:0!important;
}
.scalable-aligned .scalable-code{
  display:block!important;
  margin:0 0 .85rem!important;
  padding:0!important;
  font-family:'JetBrains Mono',monospace!important;
  font-size:.75rem!important;
  line-height:1.35!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
  color:var(--accent)!important;
}
.scalable-aligned .scalable-copy{
  margin:0!important;
  padding:0!important;
  max-width:1050px!important;
  font-size:1rem!important;
  line-height:1.55!important;
  color:var(--fg)!important;
}
@media(max-width:700px){
  .scalable-aligned{
    grid-template-columns:3rem 1fr!important;
  }
  .scalable-aligned .scalable-inner{
    grid-column:2!important;
  }
}

/* Header author removed; keep ndCrea / Student as the sole left identity */
.nav-brand-block{gap:0!important}


/* V0.14 — ndCrea-like version notation */
.nav-left{
  font-family:'JetBrains Mono',monospace!important;
  font-size:.72rem!important;
  font-weight:500!important;
  letter-spacing:.04em!important;
  text-transform:none!important;
}




/* V0.21 — Turkey agency / media / production directory */
.agency-directory{
  margin:5rem 0 2rem;
  padding-top:2rem;
  border-top:1px solid var(--fg);
}
.agency-dir-head{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);
  gap:4rem;
  align-items:end;
  padding-bottom:2rem;
}
.agency-kicker{color:var(--accent);margin-bottom:1rem}
.agency-dir-head h2{
  margin:0;
  max-width:850px;
  font-size:clamp(2.4rem,5.6vw,5.6rem);
  line-height:.92;
  font-weight:500;
  letter-spacing:-.055em;
}
.agency-dir-head p{
  margin:0;
  max-width:640px;
  font-size:1rem;
  line-height:1.55;
  color:var(--muted);
}
.agency-tools{
  display:grid;
  grid-template-columns:minmax(220px,1fr) auto;
  gap:1rem;
  padding:1rem 0;
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
}
.agency-search{
  width:100%;
  min-height:44px;
  border:1px solid var(--border);
  border-radius:0;
  background:transparent;
  color:var(--fg);
  padding:.7rem .85rem;
  font-family:'JetBrains Mono',monospace;
  font-size:.76rem;
  outline:none;
}
.agency-search:focus{border-color:var(--fg)}
.agency-filters{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}
.agency-filters button{
  min-height:44px;
  border:1px solid var(--border);
  background:transparent;
  color:var(--fg);
  padding:.65rem .8rem;
  font-family:'JetBrains Mono',monospace;
  font-size:.68rem;
  letter-spacing:.03em;
  text-transform:uppercase;
  cursor:pointer;
}
.agency-filters button:hover,
.agency-filters button.active{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.agency-status{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  padding:.8rem 0;
  font-family:'JetBrains Mono',monospace;
  font-size:.66rem;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--muted);
}
.agency-list{border-top:1px solid var(--fg)}
.agency-row{
  display:grid;
  grid-template-columns:4.5rem minmax(180px,.85fr) minmax(240px,1.15fr) 8rem;
  gap:1rem;
  align-items:center;
  min-height:72px;
  padding:.9rem 0;
  border-bottom:1px solid var(--border);
  transition:padding .18s ease,background .18s ease;
}
.agency-row:hover{padding-left:.5rem}
.agency-no{
  font-family:'JetBrains Mono',monospace;
  font-size:.68rem;
  color:var(--muted);
}
.agency-name{
  font-size:1.06rem;
  font-weight:500;
  letter-spacing:-.02em;
}
.agency-focus{
  font-size:.82rem;
  line-height:1.4;
  color:var(--muted);
}
.agency-open{
  justify-self:end;
  font-family:'JetBrains Mono',monospace;
  font-size:.65rem;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.agency-empty{padding:2rem 0;border-bottom:1px solid var(--border);color:var(--muted)}
.agency-guide{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4rem;
  padding:2.25rem 0 1rem;
  border-bottom:1px solid var(--fg);
}
.agency-guide p{
  margin:.8rem 0 0;
  max-width:620px;
  font-size:.9rem;
  line-height:1.55;
  color:var(--muted);
}
.agency-source-links{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}
.agency-source-links a{
  border-bottom:1px solid var(--fg);
  font-family:'JetBrains Mono',monospace;
  font-size:.65rem;
  padding-bottom:.2rem;
}
@media(max-width:960px){
  .agency-dir-head,.agency-guide{grid-template-columns:1fr;gap:1.5rem}
  .agency-tools{grid-template-columns:1fr}
  .agency-filters{justify-content:flex-start}
  .agency-row{grid-template-columns:3rem 1fr 7rem}
  .agency-focus{grid-column:2/4}
}
@media(max-width:620px){
  .agency-directory{margin-top:3.5rem}
  .agency-row{grid-template-columns:2.5rem 1fr}
  .agency-name{font-size:1rem}
  .agency-focus{grid-column:2}
  .agency-open{grid-column:2;justify-self:start;margin-top:.2rem}
  .agency-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .agency-filters button:last-child{grid-column:1/-1}
}


/* V0.22 — Kaynaklar: isim öncelikli açılır ajans listesi */
.agency-accordion{
  border-bottom:1px solid var(--border);
}
.agency-accordion summary{
  display:grid;
  grid-template-columns:4.5rem minmax(0,1fr) auto;
  gap:1rem;
  align-items:center;
  min-height:68px;
  padding:.8rem 0;
  cursor:pointer;
  list-style:none;
  transition:padding .18s ease;
}
.agency-accordion summary::-webkit-details-marker{display:none}
.agency-accordion summary:hover{padding-left:.5rem}
.agency-accordion .agency-name{
  font-size:1.06rem;
  font-weight:500;
  letter-spacing:-.02em;
}
.agency-toggle{
  font-family:'JetBrains Mono',monospace;
  font-size:.64rem;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:var(--muted);
  white-space:nowrap;
}
.agency-accordion[open] .agency-toggle{
  color:var(--fg);
}
.agency-accordion[open] .agency-toggle{
  font-size:0;
}
.agency-accordion[open] .agency-toggle::before{
  content:"−";
  font-size:.9rem;
}
.agency-accordion-body{
  display:grid;
  grid-template-columns:4.5rem minmax(0,1fr) auto;
  gap:1rem;
  align-items:start;
  padding:0 0 1.25rem;
}
.agency-accordion-body .agency-focus{
  grid-column:2;
  margin:0;
}
.agency-accordion-body .agency-open{
  grid-column:3;
  justify-self:end;
}
@media(max-width:620px){
  .agency-accordion summary{
    grid-template-columns:2.5rem minmax(0,1fr) auto;
  }
  .agency-accordion-body{
    grid-template-columns:2.5rem 1fr;
  }
  .agency-accordion-body .agency-focus{
    grid-column:2;
  }
  .agency-accordion-body .agency-open{
    grid-column:2;
    justify-self:start;
    margin-top:.35rem;
  }
}

/* Footer — Nihat Dursun, sosyal bağlantılarla eşit punto */
.nd-footer-brand small{
  font-size:.72rem!important;
  line-height:1.2!important;
  letter-spacing:.05em!important;
  opacity:1!important;
  margin-top:.2rem!important;
}


/* V0.23 — RS/006: compact expandable Turkey agency list */
.resource-agency-row{
  border:0;
  margin:0;
  padding:0;
}
.resource-agency-row > summary{
  list-style:none;
  cursor:pointer;
}
.resource-agency-row > summary::-webkit-details-marker{display:none}
.resource-agency-row[open] .rs-agency-arrow{
  transform:rotate(45deg);
}
.rs-agency-arrow{
  transition:transform .18s ease;
}
.rs-agency-panel{
  padding:0 0 2.5rem 6rem;
  border-bottom:1px solid var(--border);
}
.rs-agency-panel-head{
  display:grid;
  grid-template-columns:minmax(160px,.45fr) minmax(0,1fr);
  gap:2rem;
  padding:1.5rem 0 2rem;
  border-bottom:1px solid var(--border);
}
.rs-agency-panel-head p{
  margin:0;
  max-width:640px;
  font-size:.84rem;
  line-height:1.5;
  color:var(--muted);
}
.rs-agency-groups{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:4rem;
}
.rs-agency-group{
  padding:2rem 0;
  border-bottom:1px solid var(--border);
}
.rs-agency-group h3{
  margin:0 0 1rem;
  font-family:'JetBrains Mono',monospace;
  font-size:.68rem;
  font-weight:500;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--accent);
}
.rs-agency-names{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.55rem 1.25rem;
}
.rs-agency-names a{
  min-width:0;
  font-size:.88rem;
  line-height:1.35;
  border-bottom:1px solid transparent;
}
.rs-agency-names a:hover{
  color:var(--accent);
  border-bottom-color:var(--accent);
}
@media(max-width:900px){
  .rs-agency-panel{padding-left:4rem}
  .rs-agency-groups{grid-template-columns:1fr}
}
@media(max-width:700px){
  .rs-agency-panel{padding-left:3rem}
  .rs-agency-panel-head{grid-template-columns:1fr;gap:.75rem}
  .rs-agency-names{grid-template-columns:1fr}
}


/* V0.24 — RS/005 AI + Tasarım */
.ai-page{
  display:grid;
  grid-template-columns:250px minmax(0,1fr);
  gap:5rem;
  padding:4.5rem 0 7rem;
}
.ai-sidebar{
  position:sticky;
  top:5.6rem;
  height:max-content;
  border-top:1px solid var(--fg);
}
.ai-sidebar a{
  display:block;
  padding:.8rem 0;
  border-bottom:1px solid var(--border);
  font-family:'JetBrains Mono',monospace;
  font-size:.68rem;
  line-height:1.3;
  letter-spacing:.03em;
  text-transform:uppercase;
}
.ai-sidebar a:hover{color:var(--accent)}
.ai-content{min-width:0}
.ai-section{
  scroll-margin-top:6.5rem;
  padding:0 0 6rem;
  margin:0 0 6rem;
  border-bottom:1px solid var(--fg);
}
.ai-section:last-child{margin-bottom:0}
.ai-section-code{
  margin-bottom:1.35rem;
  font-family:'JetBrains Mono',monospace;
  font-size:.7rem;
  letter-spacing:.06em;
  color:var(--accent);
}
.ai-section h2{
  margin:0 0 2rem;
  max-width:1000px;
  font-size:clamp(2.7rem,5.5vw,6.2rem);
  line-height:.92;
  font-weight:500;
  letter-spacing:-.06em;
}
.ai-section > p{
  max-width:850px;
  font-size:1.05rem;
  line-height:1.6;
}
.ai-lead{
  max-width:900px!important;
  font-size:1.22rem!important;
  line-height:1.55!important;
}
.ai-glossary .module-box{min-height:220px}
.ai-do-dont{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:3rem;
  margin-top:2.5rem;
  border-top:1px solid var(--fg);
}
.ai-do-dont > div{padding-top:1.5rem}
.ai-do-dont ul{
  margin:1.4rem 0 0;
  padding:0;
  list-style:none;
}
.ai-do-dont li{
  padding:.8rem 0;
  border-bottom:1px solid var(--border);
  font-size:.9rem;
  line-height:1.45;
}
.ai-sequence .seq{
  grid-template-columns:4rem minmax(220px,.6fr) minmax(0,1fr);
}
.ai-prompt-formula{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
  align-items:center;
  margin:2.5rem 0;
  padding:1.25rem 0;
  border-top:1px solid var(--fg);
  border-bottom:1px solid var(--fg);
}
.ai-prompt-formula span{
  border:1px solid var(--border);
  padding:.65rem .75rem;
  font-family:'JetBrains Mono',monospace;
  font-size:.64rem;
  letter-spacing:.04em;
}
.ai-prompt-formula b{font-weight:400;color:var(--muted)}
.ai-example{
  margin-top:2rem;
  padding:1.6rem 0;
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
}
.ai-example p{
  margin:.8rem 0 0;
  max-width:980px;
  font-size:1.12rem;
  line-height:1.55;
}
.ai-rule-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid var(--fg);
}
.ai-rule-grid > div{
  padding:1.5rem 2rem 2rem 0;
  border-bottom:1px solid var(--border);
}
.ai-rule-grid > div:nth-child(odd){border-right:1px solid var(--border);padding-right:2rem}
.ai-rule-grid > div:nth-child(even){padding-left:2rem}
.ai-rule-grid span{
  display:block;
  font-family:'JetBrains Mono',monospace;
  font-size:.65rem;
  color:var(--accent);
  margin-bottom:2rem;
}
.ai-rule-grid strong{
  display:block;
  font-size:1.35rem;
  font-weight:500;
  letter-spacing:-.025em;
}
.ai-rule-grid p{
  margin:.7rem 0 0;
  font-size:.88rem;
  line-height:1.5;
  color:var(--muted);
}
.ai-two-col{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:3rem;
  margin-top:2.5rem;
}
.ai-two-col > div{
  padding-top:1.5rem;
  border-top:1px solid var(--fg);
}
.ai-two-col p{
  font-size:1rem;
  line-height:1.55;
}
.ai-ethics-list{
  border-top:1px solid var(--fg);
}
.ai-ethics-list > div{
  display:grid;
  grid-template-columns:4rem minmax(160px,.5fr) minmax(0,1fr);
  gap:1.5rem;
  padding:1.25rem 0;
  border-bottom:1px solid var(--border);
}
.ai-ethics-list b{
  font-family:'JetBrains Mono',monospace;
  font-size:.65rem;
  color:var(--accent);
}
.ai-ethics-list strong{font-weight:500}
.ai-ethics-list p{
  margin:0;
  font-size:.88rem;
  line-height:1.5;
  color:var(--muted);
}
.ai-portfolio-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:2.5rem;
  border-top:1px solid var(--fg);
  border-left:1px solid var(--border);
}
.ai-portfolio-strip span{
  min-height:110px;
  padding:1rem;
  border-right:1px solid var(--border);
  border-bottom:1px solid var(--border);
  font-family:'JetBrains Mono',monospace;
  font-size:.68rem;
  line-height:1.4;
  letter-spacing:.04em;
}
.ai-rubric{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid var(--fg);
  border-left:1px solid var(--border);
}
.ai-rubric > div{
  min-height:190px;
  padding:1.25rem;
  border-right:1px solid var(--border);
  border-bottom:1px solid var(--border);
}
.ai-rubric b{
  display:block;
  margin-bottom:2rem;
  font-family:'JetBrains Mono',monospace;
  font-size:.72rem;
  color:var(--accent);
}
.ai-rubric strong{
  display:block;
  margin-bottom:.5rem;
  font-size:1.15rem;
  font-weight:500;
}
.ai-rubric span{
  font-size:.84rem;
  line-height:1.45;
  color:var(--muted);
}
.ai-source-list{
  margin-top:2.5rem;
  border-top:1px solid var(--fg);
}
.ai-source{
  display:grid;
  grid-template-columns:3.5rem minmax(220px,.85fr) minmax(280px,1.15fr) 2rem;
  gap:1.5rem;
  align-items:start;
  padding:1.15rem 0;
  border-bottom:1px solid var(--border);
}
.ai-source:hover{padding-left:.4rem}
.ai-source-no{
  font-family:'JetBrains Mono',monospace;
  font-size:.65rem;
  color:var(--muted);
}
.ai-source-main b,.ai-source-main strong,.ai-source-main em{display:block}
.ai-source-main b{
  font-family:'JetBrains Mono',monospace;
  font-size:.63rem;
  font-weight:400;
  color:var(--accent);
  text-transform:uppercase;
}
.ai-source-main strong{
  margin:.25rem 0;
  font-size:.95rem;
  font-weight:500;
  line-height:1.35;
}
.ai-source-main em{
  font-family:'JetBrains Mono',monospace;
  font-size:.62rem;
  font-style:normal;
  color:var(--muted);
}
.ai-source-note{
  font-size:.82rem;
  line-height:1.45;
  color:var(--muted);
}
.ai-source-arrow{justify-self:end}
@media(max-width:980px){
  .ai-page{grid-template-columns:1fr;gap:2.5rem}
  .ai-sidebar{
    position:static;
    display:flex;
    flex-wrap:wrap;
    border-top:1px solid var(--fg);
    border-bottom:1px solid var(--fg);
  }
  .ai-sidebar a{padding:.7rem .9rem .7rem 0;margin-right:1rem;border-bottom:0}
  .ai-sequence .seq{grid-template-columns:3rem 1fr}
  .ai-sequence .seq span{grid-column:2}
  .ai-source{grid-template-columns:3rem 1fr 2rem}
  .ai-source-note{grid-column:2/4}
}
@media(max-width:700px){
  .ai-page{padding-top:3rem}
  .ai-section{padding-bottom:4rem;margin-bottom:4rem}
  .ai-do-dont,.ai-rule-grid,.ai-two-col,.ai-rubric{grid-template-columns:1fr}
  .ai-rule-grid > div:nth-child(odd){border-right:0;padding-right:0}
  .ai-rule-grid > div:nth-child(even){padding-left:0}
  .ai-ethics-list > div{grid-template-columns:2.5rem 1fr}
  .ai-ethics-list p{grid-column:2}
  .ai-portfolio-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ai-source{grid-template-columns:2.5rem 1fr 1.5rem;gap:.8rem}
}

.filters button{border:1px solid var(--border);background:transparent;color:var(--fg);padding:8px 10px;min-height:36px;cursor:pointer;font:inherit;text-transform:uppercase;letter-spacing:.08em}
.filters button.active,.filters button:hover{background:var(--fg);color:var(--bg)} [hidden]{display:none!important}
.learning-section{padding:4.5rem 0;border-top:1px solid var(--fg)} .learning-code{font-family:'JetBrains Mono',monospace;font-size:.68rem;color:var(--accent);letter-spacing:.06em;margin-bottom:1rem}
.learning-section h2{font-size:clamp(2.6rem,5.5vw,5.8rem);line-height:.93;letter-spacing:-.055em;font-weight:500;margin:0 0 1.5rem;max-width:1050px}.learning-lead{font-size:1.1rem;line-height:1.6;max-width:880px}
.learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--fg);margin-top:2rem}.learning-card{min-height:210px;padding:1.35rem 1.5rem 1.6rem 0;border-bottom:1px solid var(--border)}
.learning-card:nth-child(odd){border-right:1px solid var(--border);padding-right:2rem}.learning-card:nth-child(even){padding-left:2rem}.learning-card>span{display:block;font-family:'JetBrains Mono',monospace;font-size:.65rem;color:var(--accent);margin-bottom:2rem}.learning-card strong{display:block;font-size:1.15rem;font-weight:500;margin-bottom:.55rem}.learning-card p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.5}
.reference-list{border-top:1px solid var(--fg);margin-top:2rem}.reference-row{display:grid;grid-template-columns:3rem 9rem minmax(200px,.8fr) minmax(260px,1fr) 1.5rem;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border);align-items:start}.reference-row span,.reference-row b{font-family:'JetBrains Mono',monospace;font-size:.63rem;font-weight:400}.reference-row b{color:var(--accent)}.reference-row strong{font-size:.92rem;font-weight:500}.reference-row em{font-size:.8rem;line-height:1.45;color:var(--muted);font-style:normal}.reference-row i{font-style:normal}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.form-grid label{font-family:'JetBrains Mono',monospace;font-size:.66rem;text-transform:uppercase}.form-grid input,.form-grid textarea{display:block;width:100%;margin-top:.45rem;padding:.8rem;border:1px solid var(--border);background:transparent;color:var(--fg);font:inherit}.form-grid textarea{min-height:110px}.form-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}.form-actions button,.tool-button{border:1px solid var(--fg);background:transparent;color:var(--fg);padding:.65rem .9rem;min-height:42px;cursor:pointer;font-family:'JetBrains Mono',monospace;font-size:.68rem}.form-actions button:hover,.tool-button:hover{background:var(--fg);color:var(--bg)}
.brief-output{margin-top:2rem;border-top:1px solid var(--fg)}.brief-output-row{display:grid;grid-template-columns:180px 1fr;gap:2rem;padding:1rem 0;border-bottom:1px solid var(--border)}.brief-output-row b{font-family:'JetBrains Mono',monospace;font-size:.65rem;color:var(--accent)}.brief-output-row p{margin:0}
@media(max-width:800px){.learning-grid,.form-grid{grid-template-columns:1fr}.learning-card:nth-child(odd){border-right:0;padding-right:0}.learning-card:nth-child(even){padding-left:0}.reference-row{grid-template-columns:3rem 1fr 1.5rem}.reference-row b,.reference-row strong{grid-column:2}.reference-row em{grid-column:2/4}.brief-output-row{grid-template-columns:1fr}}

.search-provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:1rem}.search-provider-grid button{min-height:54px;text-align:left;border:1px solid var(--border);background:transparent;padding:.8rem;cursor:pointer;font-family:'JetBrains Mono',monospace;font-size:.67rem}.search-provider-grid button:hover{background:var(--fg);color:var(--bg)}
.cv-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:1.5rem 0}.cv-tabs button{border:1px solid var(--border);background:transparent;padding:.65rem .8rem;cursor:pointer;font-family:'JetBrains Mono',monospace;font-size:.65rem}.cv-tabs button.active{background:var(--fg);color:var(--bg)}.cv-sheet{max-width:850px;border:1px solid var(--fg);padding:2rem;margin:1rem 0 3rem;background:#fff;color:#111}.cv-sheet h3{font-size:2.2rem;margin:0}.cv-meta{display:flex;gap:1rem;flex-wrap:wrap;font-size:.8rem;color:#555}
@media(max-width:800px){.search-provider-grid{grid-template-columns:1fr}}

.brief-library{border-top:1px solid var(--fg)}.brief-card{display:grid;grid-template-columns:3.5rem 9rem minmax(220px,.9fr) minmax(260px,1.1fr) 1.5rem;gap:1rem;padding:1.05rem 0;border-bottom:1px solid var(--border);align-items:start}.brief-card span{font-family:'JetBrains Mono',monospace;font-size:.64rem;color:var(--muted)}.brief-card b{font-family:'JetBrains Mono',monospace;font-size:.63rem;color:var(--accent);font-weight:400}.brief-card strong{font-weight:500}.brief-card p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.45}.brief-card i{font-style:normal}@media(max-width:850px){.brief-card{grid-template-columns:3rem 1fr 1.5rem}.brief-card b,.brief-card strong{grid-column:2}.brief-card p{grid-column:2/4}}

.critique-person{display:grid;grid-template-columns:3rem minmax(160px,.5fr) minmax(0,1fr);gap:1.5rem;padding:1.05rem 0;border-bottom:1px solid var(--border)}.critique-person>span{font-family:'JetBrains Mono',monospace;font-size:.64rem;color:var(--accent)}.critique-person b{font-weight:500}.critique-person small{display:block;color:var(--muted);margin-top:.2rem}.critique-person p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.5}
.matrix{border-top:1px solid var(--fg);margin:2rem 0}.matrix-row{display:grid;grid-template-columns:minmax(170px,.45fr) minmax(0,1fr);gap:2rem;padding:1rem 0;border-bottom:1px solid var(--border)}.matrix-row b{font-weight:500}.matrix-row p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.5}
.opportunity-grid{border-top:1px solid var(--fg)}.opportunity-item{display:grid;grid-template-columns:4rem 8rem minmax(180px,.7fr) minmax(260px,1.3fr) 1.5rem;gap:1rem;padding:1.05rem 0;border-bottom:1px solid var(--border);align-items:start}.opportunity-item>span,.opportunity-item b{font-family:'JetBrains Mono',monospace;font-size:.63rem}.opportunity-item b{color:var(--accent);font-weight:400}.opportunity-item strong{font-weight:500}.opportunity-item p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.45}.opportunity-item i{font-style:normal}.live-source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem}.live-source{border-top:1px solid var(--fg);padding:1rem 0}.live-source p{font-size:.84rem;color:var(--muted);line-height:1.45}.live-source a{font-family:'JetBrains Mono',monospace;font-size:.65rem;border-bottom:1px solid var(--fg)}
@media(max-width:850px){.critique-person{grid-template-columns:2.5rem 1fr}.critique-person p{grid-column:2}.matrix-row{grid-template-columns:1fr;gap:.4rem}.opportunity-item{grid-template-columns:3rem 1fr 1.5rem}.opportunity-item b,.opportunity-item strong{grid-column:2}.opportunity-item p{grid-column:2/4}.live-source-grid{grid-template-columns:1fr}}


/* V0.27 — export/share added without changing the original Brief Builder */
.brief-export-panel{
  margin:1rem 0 0;
  padding:1rem 0;
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
}
.brief-export-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  margin-bottom:.8rem;
}
.brief-local-note{
  font-family:'JetBrains Mono',monospace;
  font-size:.62rem;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.04em;
}
.brief-export-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
}
.brief-export-actions button{
  min-height:40px;
  padding:.6rem .75rem;
  border:1px solid var(--border);
  background:transparent;
  color:var(--fg);
  cursor:pointer;
  font-family:'JetBrains Mono',monospace;
  font-size:.64rem;
  text-transform:uppercase;
}
.brief-export-actions button:hover{
  background:var(--fg);
  color:var(--bg);
  border-color:var(--fg);
}
.brief-export-status{
  margin-top:.7rem;
  font-family:'JetBrains Mono',monospace;
  font-size:.64rem;
  color:var(--accent);
}
@media(max-width:650px){
  .brief-export-head{align-items:flex-start;flex-direction:column}
  .brief-export-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media print{
  body.brief-print-mode *{visibility:hidden!important}
  body.brief-print-mode #briefOutput,
  body.brief-print-mode #briefOutput *{visibility:visible!important}
  body.brief-print-mode #briefOutput{
    position:absolute!important;
    left:12mm!important;
    right:12mm!important;
    top:10mm!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:#fff!important;
    color:#000!important;
  }
  body.brief-print-mode .brief-output-row{
    display:grid!important;
    grid-template-columns:36mm 1fr!important;
    gap:8mm!important;
    padding:5mm 0!important;
    border-bottom:1px solid #bbb!important;
    break-inside:avoid!important;
  }
  body.brief-print-mode .brief-output-row b{
    color:#000!important;
    font-size:9pt!important;
  }
  body.brief-print-mode .brief-output-row p{
    color:#000!important;
    font-size:11pt!important;
    line-height:1.4!important;
  }
}


/* V0.28 — Internship search: guided, understandable flow */
.internship-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:2rem;
  border-top:1px solid var(--fg);
  border-left:1px solid var(--border);
}
.internship-step{
  min-height:220px;
  padding:1.2rem;
  border-right:1px solid var(--border);
  border-bottom:1px solid var(--border);
}
.internship-step>span{
  display:block;
  margin-bottom:2rem;
  font-family:'JetBrains Mono',monospace;
  font-size:.66rem;
  color:var(--accent);
}
.internship-step strong{
  display:block;
  margin-bottom:.55rem;
  font-size:1.1rem;
  font-weight:500;
}
.internship-step p{
  margin:0;
  font-size:.86rem;
  line-height:1.5;
  color:var(--muted);
}
.internship-example-box{
  margin:2rem 0 0;
  padding:1.2rem 0 1.5rem;
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
}
.internship-example-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.6rem;
  margin-top:1rem;
}
.internship-example-grid button{
  min-height:46px;
  border:1px solid var(--border);
  background:transparent;
  color:var(--fg);
  padding:.7rem .8rem;
  text-align:left;
  cursor:pointer;
  font-family:'JetBrains Mono',monospace;
  font-size:.67rem;
}
.internship-example-grid button:hover{
  background:var(--fg);
  color:var(--bg);
}
.internship-example-box>p{
  margin:1rem 0 0;
  max-width:760px;
  color:var(--muted);
  font-size:.82rem;
  line-height:1.5;
}
.internship-search-panel{
  margin-top:2.5rem;
  padding-top:1.2rem;
}
.internship-search-head{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1.25rem;
  font-family:'JetBrains Mono',monospace;
  font-size:.64rem;
  color:var(--muted);
}
.provider-block{
  margin-top:1.5rem;
  padding-top:1rem;
  border-top:1px solid var(--border);
}
.provider-label{
  display:block;
  margin-bottom:.65rem;
  font-family:'JetBrains Mono',monospace;
  font-size:.65rem;
  letter-spacing:.05em;
  color:var(--accent);
}
.provider-block .search-provider-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin-top:0;
}
.internship-search-note{
  display:grid;
  grid-template-columns:7rem minmax(0,1fr);
  gap:1.5rem;
  margin-top:1.5rem;
  padding:1rem 0;
  border-top:1px solid var(--fg);
}
.internship-search-note b{
  font-family:'JetBrains Mono',monospace;
  font-size:.65rem;
  font-weight:400;
  color:var(--accent);
}
.internship-search-note p{
  margin:0;
  max-width:760px;
  font-size:.85rem;
  line-height:1.5;
  color:var(--muted);
}
@media(max-width:800px){
  .internship-steps{grid-template-columns:1fr}
  .internship-example-grid{grid-template-columns:1fr}
  .provider-block .search-provider-grid{grid-template-columns:1fr}
  .internship-search-head{flex-direction:column}
  .internship-search-note{grid-template-columns:1fr;gap:.4rem}
}


/* V0.29 — Research-led Designer CV guide + working CV Builder */
.cv-principles,
.cv-anatomy{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid var(--fg);
  border-left:1px solid var(--border);
  margin-top:2rem;
}
.cv-principles>div,
.cv-anatomy>div{
  min-height:210px;
  padding:1.2rem 1.3rem 1.5rem;
  border-right:1px solid var(--border);
  border-bottom:1px solid var(--border);
}
.cv-principles>div>span,
.cv-anatomy>div>b{
  display:block;
  margin-bottom:2rem;
  font-family:'JetBrains Mono',monospace;
  font-size:.64rem;
  font-weight:400;
  color:var(--accent);
  letter-spacing:.04em;
}
.cv-principles strong,
.cv-anatomy strong{
  display:block;
  margin-bottom:.55rem;
  font-size:1.08rem;
  font-weight:500;
}
.cv-principles p,
.cv-anatomy p{
  margin:0;
  color:var(--muted);
  font-size:.86rem;
  line-height:1.5;
}
.cv-bullet-formula{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  align-items:center;
  margin:2rem 0;
  padding:1.1rem 0;
  border-top:1px solid var(--fg);
  border-bottom:1px solid var(--fg);
}
.cv-bullet-formula span{
  padding:.65rem .75rem;
  border:1px solid var(--border);
  font-family:'JetBrains Mono',monospace;
  font-size:.64rem;
}
.cv-bullet-formula b{font-weight:400;color:var(--muted)}
.cv-before-after{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:2rem;
}
.cv-before-after>div{
  padding:1rem 0;
  border-top:1px solid var(--border);
}
.cv-before-after p{
  margin:.8rem 0 0;
  font-size:1rem;
  line-height:1.55;
}
.cv-mode-compare{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:2rem;
  margin-top:2rem;
}
.cv-mode-compare>div{
  border-top:1px solid var(--fg);
  padding-top:1rem;
}
.cv-mode-compare h3{
  margin:1rem 0;
  font-size:1.6rem;
  font-weight:500;
}
.cv-mode-compare ul{
  margin:0;
  padding-left:1.1rem;
}
.cv-mode-compare li{
  margin:.55rem 0;
  font-size:.88rem;
  line-height:1.45;
  color:var(--muted);
}
.cv-builder-layout{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);
  gap:2.5rem;
  align-items:start;
  margin-top:2rem;
}
.cv-builder-form{
  border-top:1px solid var(--fg);
}
.cv-builder-toolbar{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.75rem;
  padding:1rem 0;
  border-bottom:1px solid var(--border);
}
.cv-builder-form label>span,
.cv-builder-toolbar label>span{
  display:block;
  margin-bottom:.4rem;
  font-family:'JetBrains Mono',monospace;
  font-size:.63rem;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.cv-builder-form input,
.cv-builder-form textarea,
.cv-builder-form select{
  width:100%;
  border:1px solid var(--border);
  background:transparent;
  color:var(--fg);
  padding:.72rem .75rem;
  font:inherit;
  font-size:.86rem;
}
.cv-builder-form textarea{
  min-height:88px;
  resize:vertical;
}
.cv-builder-form details{
  border-bottom:1px solid var(--border);
}
.cv-builder-form summary{
  cursor:pointer;
  padding:1rem 0;
  list-style:none;
  font-family:'JetBrains Mono',monospace;
  font-size:.67rem;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.cv-builder-form summary::-webkit-details-marker{display:none}
.cv-builder-form summary::after{
  content:"+";
  float:right;
}
.cv-builder-form details[open] summary::after{content:"−"}
.cv-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.75rem;
  padding-bottom:.8rem;
}
.cv-wide{
  display:block;
  padding-bottom:.8rem;
}
.cv-repeat-block{
  padding:1rem 0;
  border-top:1px solid var(--border);
}
.cv-repeat-block:first-child{border-top:0}
.cv-repeat-block>.meta{
  display:block;
  margin-bottom:.8rem;
  color:var(--accent);
}
.cv-builder-actions,
.cv-output-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  padding:1rem 0;
}
.cv-builder-actions{
  border-bottom:1px solid var(--fg);
}
.cv-output-actions{
  align-items:center;
}
.cv-builder-actions button,
.cv-output-actions button{
  min-height:40px;
  padding:.62rem .72rem;
  border:1px solid var(--border);
  background:transparent;
  color:var(--fg);
  cursor:pointer;
  font-family:'JetBrains Mono',monospace;
  font-size:.62rem;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.cv-builder-actions button:hover,
.cv-output-actions button:hover,
.cv-builder-actions button.primary{
  background:var(--fg);
  color:var(--bg);
  border-color:var(--fg);
}
.cv-status{
  font-family:'JetBrains Mono',monospace;
  font-size:.62rem;
  color:var(--accent);
}
.cv-preview-column{
  position:sticky;
  top:5.4rem;
}
.cv-preview-label{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:.65rem;
  font-family:'JetBrains Mono',monospace;
  font-size:.6rem;
  color:var(--muted);
  text-transform:uppercase;
}
.cv-preview-page{
  width:100%;
  aspect-ratio:210/297;
  min-height:760px;
  overflow:auto;
  padding:30px 34px;
  background:#fff;
  color:#111;
  border:1px solid #cfcfc9;
  box-shadow:0 12px 32px rgba(0,0,0,.08);
}
.cv-preview-empty{
  height:100%;
  min-height:650px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  color:#777;
}
.cv-preview-empty>span{
  font-family:'JetBrains Mono',monospace;
  font-size:.65rem;
  margin-bottom:1rem;
}
.cv-preview-empty strong{
  max-width:430px;
  font-size:1.25rem;
  font-weight:500;
}
.cv-preview-empty p{
  max-width:430px;
  font-size:.85rem;
  line-height:1.5;
}
.cv-document{
  font-family:Arial,Helvetica,sans-serif;
  font-size:10.2pt;
  line-height:1.35;
}
.cv-document a{color:inherit;text-decoration:none}
.cv-document h1{
  margin:0;
  font-size:24pt;
  line-height:1;
  letter-spacing:-.04em;
}
.cv-document .cv-role{
  margin:.25rem 0 .55rem;
  font-size:11pt;
  font-weight:600;
}
.cv-document .cv-contact{
  display:flex;
  flex-wrap:wrap;
  gap:.25rem .65rem;
  padding-bottom:.7rem;
  border-bottom:1px solid #222;
  font-size:8.4pt;
}
.cv-document .cv-section{
  margin-top:.8rem;
}
.cv-document .cv-section h2{
  margin:0 0 .35rem;
  padding-bottom:.2rem;
  border-bottom:1px solid #bbb;
  font-size:9pt;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.cv-document p{margin:.18rem 0}
.cv-document .cv-entry{
  margin-bottom:.55rem;
}
.cv-document .cv-entry-head{
  display:grid;
  grid-template-columns:1fr auto;
  gap:1rem;
  align-items:baseline;
}
.cv-document .cv-entry-head strong{font-size:9.5pt}
.cv-document .cv-entry-head span{font-size:8.2pt;color:#555;text-align:right}
.cv-document .cv-subline{
  font-size:8.5pt;
  color:#555;
}
.cv-document ul{
  margin:.25rem 0 0;
  padding-left:1rem;
}
.cv-document li{margin:.16rem 0}
.cv-document .cv-tags{
  display:flex;
  flex-wrap:wrap;
  gap:.25rem .45rem;
  font-size:8.5pt;
}
.cv-document .cv-tags span::after{content:" · "}
.cv-document .cv-tags span:last-child::after{content:""}
.cv-layout-editorial .cv-document{
  display:grid;
  grid-template-columns:1.65fr .85fr;
  gap:1.3rem;
}
.cv-layout-editorial .cv-doc-header{
  grid-column:1/-1;
}
.cv-layout-editorial .cv-doc-main{grid-column:1}
.cv-layout-editorial .cv-doc-side{
  grid-column:2;
  border-left:1px solid #bbb;
  padding-left:1rem;
}
.cv-layout-editorial .cv-doc-side .cv-section:first-child{margin-top:0}
.cv-example-full{
  max-width:980px;
  padding:2rem 0 2.5rem;
  border-top:1px solid var(--fg);
}
.cv-example-full header{
  height:auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:2rem;
  align-items:start;
  padding:0 0 1rem;
  border-bottom:1px solid var(--fg);
}
.cv-example-full h3{
  margin:0;
  font-size:2.6rem;
  letter-spacing:-.04em;
}
.cv-example-full header p{margin:.25rem 0 0}
.cv-example-contact{
  text-align:right;
  font-family:'JetBrains Mono',monospace;
  font-size:.68rem;
  line-height:1.55;
}
.cv-example-full section{
  padding:1rem 0 0;
}
.cv-example-full h4{
  margin:0 0 .65rem;
  font-family:'JetBrains Mono',monospace;
  font-size:.68rem;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.cv-example-full p,
.cv-example-full li{
  font-size:.9rem;
  line-height:1.5;
}
.cv-example-entry{
  display:grid;
  grid-template-columns:1fr auto;
  gap:.2rem 1rem;
  margin-bottom:1rem;
}
.cv-example-entry span{
  font-family:'JetBrains Mono',monospace;
  font-size:.65rem;
  color:var(--muted);
}
.cv-example-entry ul{grid-column:1/-1;margin:.3rem 0 0;padding-left:1.1rem}
.cv-example-two{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:2rem;
}
.cv-final-check{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid var(--fg);
  border-left:1px solid var(--border);
  margin-top:2rem;
}
.cv-final-check label{
  padding:1rem;
  border-right:1px solid var(--border);
  border-bottom:1px solid var(--border);
  font-size:.88rem;
  line-height:1.45;
}
.cv-final-check input{margin-right:.45rem}
.cv-source-list{
  margin-top:2rem;
  border-top:1px solid var(--fg);
}
.cv-source-row{
  display:grid;
  grid-template-columns:3rem 7rem minmax(220px,.9fr) 7rem minmax(260px,1.2fr) 1.5rem;
  gap:1rem;
  align-items:start;
  padding:1rem 0;
  border-bottom:1px solid var(--border);
}
.cv-source-row>span,
.cv-source-row>b,
.cv-source-row>em{
  font-family:'JetBrains Mono',monospace;
  font-size:.62rem;
  font-style:normal;
  font-weight:400;
}
.cv-source-row>b{color:var(--accent)}
.cv-source-row strong{
  font-size:.9rem;
  font-weight:500;
  line-height:1.35;
}
.cv-source-row p{
  margin:0;
  color:var(--muted);
  font-size:.8rem;
  line-height:1.45;
}
.cv-source-row i{font-style:normal}

@media(max-width:1050px){
  .cv-builder-layout{grid-template-columns:1fr}
  .cv-preview-column{position:static}
  .cv-preview-page{max-width:800px;margin:0 auto}
}
@media(max-width:760px){
  .cv-principles,.cv-anatomy,.cv-before-after,.cv-mode-compare,.cv-final-check{grid-template-columns:1fr}
  .cv-form-grid,.cv-builder-toolbar,.cv-example-two{grid-template-columns:1fr}
  .cv-example-full header{grid-template-columns:1fr}
  .cv-example-contact{text-align:left}
  .cv-source-row{grid-template-columns:2.5rem 1fr 1.5rem}
  .cv-source-row>b,.cv-source-row strong,.cv-source-row>em{grid-column:2}
  .cv-source-row p{grid-column:2/4}
  .cv-preview-page{padding:22px 20px}
}
@media print{
  @page{size:A4;margin:0}
  body.cv-print-mode *{visibility:hidden!important}
  body.cv-print-mode #cvPreview,
  body.cv-print-mode #cvPreview *{visibility:visible!important}
  body.cv-print-mode #cvPreview{
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:210mm!important;
    min-height:297mm!important;
    height:auto!important;
    aspect-ratio:auto!important;
    overflow:visible!important;
    margin:0!important;
    padding:12mm 14mm!important;
    border:0!important;
    box-shadow:none!important;
    background:#fff!important;
    color:#000!important;
  }
  body.cv-print-mode .cv-document{
    font-size:9.6pt!important;
  }
}


/* V0.31 — final CV workflow / builder */
.cv-document .cv-section h2{
  text-transform:none!important;
}
.cv-process{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid var(--fg);
  border-left:1px solid var(--border);
  margin-top:2rem;
}
.cv-process>div{
  min-height:220px;
  padding:1.2rem;
  border-right:1px solid var(--border);
  border-bottom:1px solid var(--border);
}
.cv-process>div>span{
  display:block;
  margin-bottom:2rem;
  font-family:'JetBrains Mono',monospace;
  font-size:.64rem;
  color:var(--accent);
}
.cv-process strong{
  display:block;
  margin-bottom:.55rem;
  font-size:1.05rem;
  font-weight:500;
}
.cv-process p{
  margin:0;
  color:var(--muted);
  font-size:.86rem;
  line-height:1.5;
}
.cv-output-actions>.meta{
  width:100%;
  margin-bottom:.2rem;
}
.cv-ats-modal{
  position:fixed;
  inset:0;
  z-index:10000;
  background:rgba(0,0,0,.52);
  padding:5vh 5vw;
  overflow:auto;
}
.cv-ats-dialog{
  max-width:900px;
  margin:0 auto;
  background:var(--bg);
  color:var(--fg);
  border:1px solid var(--fg);
  padding:1.5rem;
}
.cv-ats-head{
  display:grid;
  grid-template-columns:1fr auto;
  gap:1rem;
  align-items:start;
}
.cv-ats-head h3{
  margin:.4rem 0 0;
  font-size:1.65rem;
  font-weight:500;
  letter-spacing:-.03em;
}
.cv-ats-head button{
  border:1px solid var(--border);
  background:transparent;
  color:var(--fg);
  width:38px;
  height:38px;
  cursor:pointer;
  font-size:1.2rem;
}
.cv-ats-dialog>p{
  max-width:760px;
  color:var(--muted);
  font-size:.86rem;
  line-height:1.5;
}
#cvATSText{
  margin:1.5rem 0 0;
  padding:1rem;
  max-height:55vh;
  overflow:auto;
  border-top:1px solid var(--fg);
  border-bottom:1px solid var(--border);
  white-space:pre-wrap;
  font-family:'JetBrains Mono',monospace;
  font-size:.7rem;
  line-height:1.55;
  background:transparent;
}
@media(max-width:850px){
  .cv-process{grid-template-columns:1fr}
}


/* V0.33 — ndCrea / CULTURE */
.ndculture-card{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:9000;
  width:min(390px,calc(100vw - 32px));
  padding:14px 14px 10px;
  border:1px solid var(--fg);
  background:rgba(243,243,240,.97);
  color:var(--fg);
  box-shadow:0 16px 40px rgba(0,0,0,.13);
  transform:translateY(18px);
  opacity:0;
  transition:opacity .28s ease,transform .28s ease;
  backdrop-filter:blur(10px);
}
.ndculture-card.show{opacity:1;transform:translateY(0)}
.ndculture-card.leaving{opacity:0;transform:translateY(12px)}
.ndculture-card.expanded{width:min(440px,calc(100vw - 32px))}
.ndculture-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding-bottom:.7rem;
  border-bottom:1px solid var(--border);
  font-family:'JetBrains Mono',monospace;
  font-size:.63rem;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.ndculture-x{
  border:0;
  background:transparent;
  color:var(--fg);
  cursor:pointer;
  font-size:1rem;
}
.ndculture-code{
  margin-top:.8rem;
  font-family:'JetBrains Mono',monospace;
  font-size:.61rem;
  color:var(--accent);
  letter-spacing:.04em;
}
.ndculture-card h3{
  margin:.5rem 0 .15rem;
  font-size:1.65rem;
  line-height:1;
  font-weight:500;
  letter-spacing:-.04em;
}
.ndculture-creator{
  margin:0 0 .9rem;
  font-size:.78rem;
  color:var(--muted);
}
.ndculture-actions,.ndculture-links,.ndculture-feedback{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  align-items:center;
}
.ndculture-actions a,.ndculture-actions button,
.ndculture-links a,.ndculture-links button,
.ndculture-feedback button{
  border:1px solid var(--border);
  background:transparent;
  color:var(--fg);
  padding:.48rem .56rem;
  cursor:pointer;
  font-family:'JetBrains Mono',monospace;
  font-size:.58rem;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.ndculture-actions .ndculture-primary{
  border-color:var(--fg);
  background:var(--fg);
  color:var(--bg);
}
.ndculture-detail{
  margin-top:1rem;
  padding-top:.9rem;
  border-top:1px solid var(--border);
}
.ndculture-detail>p{
  margin:0 0 .85rem;
  font-size:.86rem;
  line-height:1.5;
}
.ndculture-feedback{
  margin-top:.8rem;
  padding-top:.75rem;
  border-top:1px solid var(--border);
}
.ndculture-feedback>span{
  width:100%;
  font-family:'JetBrains Mono',monospace;
  font-size:.57rem;
  color:var(--muted);
  text-transform:uppercase;
}
.ndculture-progress{
  height:2px;
  margin-top:10px;
  background:var(--border);
  overflow:hidden;
}
.ndculture-progress i{
  display:block;
  width:100%;
  height:100%;
  background:var(--accent);
  transform-origin:left;
  animation:ndcultureCountdown linear forwards;
}
@keyframes ndcultureCountdown{from{transform:scaleX(1)}to{transform:scaleX(0)}}

.culture-controls{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
  margin-top:1.5rem;
}
.culture-controls button,.culture-filterbar button{
  border:1px solid var(--border);
  background:transparent;
  color:var(--fg);
  padding:.62rem .72rem;
  cursor:pointer;
  font-family:'JetBrains Mono',monospace;
  font-size:.62rem;
  text-transform:uppercase;
}
.culture-controls button:hover,.culture-filterbar button:hover,.culture-filterbar button.active{
  background:var(--fg);color:var(--bg);border-color:var(--fg)
}
.culture-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:2rem;
  align-items:end;
}
.culture-head h2{
  margin-bottom:.8rem;
}
.culture-head p{
  max-width:760px;
  margin:0;
  color:var(--muted);
  line-height:1.5;
}
.culture-filterbar{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:.45rem;
}
.culture-grid{
  border-top:1px solid var(--fg);
  margin-top:2rem;
}
.culture-row{
  display:grid;
  grid-template-columns:3rem 5rem minmax(180px,.72fr) minmax(260px,1.15fr) minmax(210px,.85fr);
  gap:1rem;
  align-items:start;
  padding:1rem 0;
  border-bottom:1px solid var(--border);
}
.culture-index,.culture-type{
  font-family:'JetBrains Mono',monospace;
  font-size:.61rem;
  color:var(--muted);
}
.culture-type{color:var(--accent)}
.culture-title h3{
  margin:0;
  font-size:1rem;
  font-weight:500;
}
.culture-title p{
  margin:.25rem 0 0;
  font-size:.72rem;
  color:var(--muted);
}
.culture-why{
  font-size:.82rem;
  line-height:1.45;
  color:var(--muted);
}
.culture-row-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:.35rem;
}
.culture-row-actions a,.culture-row-actions button{
  border:1px solid var(--border);
  background:transparent;
  color:var(--fg);
  padding:.42rem .48rem;
  font-family:'JetBrains Mono',monospace;
  font-size:.55rem;
  cursor:pointer;
  text-transform:uppercase;
}
.culture-row-actions .ndculture-primary{border-color:var(--fg)}
.culture-source-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
  margin-top:2rem;
}
.culture-source-grid a{
  padding:1rem 0;
  border-top:1px solid var(--fg);
}
.culture-source-grid b,.culture-source-grid span{display:block}
.culture-source-grid b{font-size:.95rem;font-weight:500}
.culture-source-grid span{margin-top:.35rem;font-family:'JetBrains Mono',monospace;font-size:.62rem;color:var(--muted)}

@media(max-width:980px){
  .culture-head{grid-template-columns:1fr}
  .culture-filterbar{justify-content:flex-start}
  .culture-row{grid-template-columns:3rem 4rem 1fr}
  .culture-why{grid-column:3}
  .culture-row-actions{grid-column:3;justify-content:flex-start}
  .culture-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .ndculture-card{right:16px;bottom:16px}
  .culture-row{grid-template-columns:2.5rem 1fr}
  .culture-type{grid-column:2}
  .culture-title,.culture-why,.culture-row-actions{grid-column:2}
  .culture-source-grid{grid-template-columns:1fr}
}


/* V0.34 — CULTURE promoted to principal header navigation */
.nav-link.culture-link{
  color:var(--accent)!important;
}
.nav-link.culture-link:hover,
.nav-link.culture-link.active{
  background:var(--fg)!important;
  color:var(--bg)!important;
  border-color:var(--fg)!important;
}
.mobile-panel a[href="culture.html"]{
  color:var(--accent)!important;
}


/* V0.36 — expanded learning resources */
.topic-process{border-top:1px solid var(--fg);margin-top:2rem}
.topic-step{display:grid;grid-template-columns:4rem minmax(0,1fr);gap:1.3rem;padding:1.25rem 0;border-bottom:1px solid var(--border)}
.topic-step>span{font-family:'JetBrains Mono',monospace;font-size:.65rem;color:var(--accent)}
.topic-step strong{display:block;font-size:1.12rem;font-weight:500;margin-bottom:.35rem}
.topic-step p{margin:0;max-width:820px;color:var(--muted);font-size:.88rem;line-height:1.5}
.topic-tech-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--fg);margin-top:2rem}
.topic-tech-card{padding:1.25rem 1.5rem 1.5rem 0;min-height:160px;border-bottom:1px solid var(--border)}
.topic-tech-card:nth-child(odd){border-right:1px solid var(--border);padding-right:2rem}
.topic-tech-card:nth-child(even){padding-left:2rem}
.topic-tech-card strong{display:block;font-size:1.05rem;font-weight:500;margin-bottom:.5rem}
.topic-tech-card p{margin:0;color:var(--muted);font-size:.87rem;line-height:1.5}
.topic-exercise{border-bottom:1px solid var(--fg)}
.topic-output{margin-top:1.25rem;padding:1rem 0;border-top:1px solid var(--border);font-family:'JetBrains Mono',monospace;font-size:.68rem;line-height:1.5;color:var(--muted);max-width:880px}
@media(max-width:800px){.topic-tech-grid{grid-template-columns:1fr}.topic-tech-card:nth-child(odd){border-right:0;padding-right:0}.topic-tech-card:nth-child(even){padding-left:0}.topic-step{grid-template-columns:3rem 1fr}}


/* V0.37 — real interactive Lab launch -------------------------------------- */
.lab-live-launch{
  display:grid;
  grid-template-columns:1fr auto;
  gap:2rem;
  align-items:end;
  margin:0 0 42px;
  padding:22px 0 24px;
  border-top:1px solid var(--fg);
  border-bottom:1px solid var(--border);
}
.lab-live-launch .lab-live-code{
  display:block;
  margin-bottom:.65rem;
  font-family:'JetBrains Mono',monospace;
  font-size:.64rem;
  letter-spacing:.06em;
  color:var(--accent);
  text-transform:uppercase;
}
.lab-live-launch h2{
  margin:0 0 .55rem;
  font-size:clamp(1.45rem,2.5vw,2.2rem);
  line-height:1;
  letter-spacing:-.035em;
  font-weight:500;
}
.lab-live-launch p{
  max-width:760px;
  margin:0;
  color:var(--muted);
  font-size:.88rem;
  line-height:1.55;
}
.lab-live-launch .launch{
  margin:0;
  white-space:nowrap;
  background:var(--fg);
  color:var(--bg);
  border-color:var(--fg);
}
.lab-live-launch .launch:hover{
  background:var(--accent);
  border-color:var(--accent);
  color:#fff;
}
.lab-live-specs{
  display:flex;
  flex-wrap:wrap;
  gap:.35rem;
  margin-top:1rem;
}
.lab-live-specs span{
  border:1px solid var(--border);
  padding:.35rem .48rem;
  font-family:'JetBrains Mono',monospace;
  font-size:.58rem;
  text-transform:uppercase;
}
.lab-card .lab-meta span:first-child{color:var(--accent)}
@media(max-width:760px){
  .lab-live-launch{grid-template-columns:1fr;align-items:start}
  .lab-live-launch .launch{justify-self:start}
}


/* V3.1.42 — Learn architecture + home pillars */
.home-learn-band{
  padding:6rem 0!important;
  border-bottom:1px solid var(--border)!important;
}
.home-pillar-code,.learn-path-code,.learn-principle-step span,.learn-resource-note span{
  display:block!important;
  margin-bottom:.85rem!important;
  font-family:'JetBrains Mono',monospace!important;
  font-size:.68rem!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
  color:var(--accent)!important;
}
.home-learn-grid,.learn-path-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:1.5rem!important;
}
.home-learn-card{
  min-height:190px!important;
  padding:1.6rem!important;
  border:1px solid var(--border)!important;
  background:rgba(255,255,255,.32)!important;
  display:flex!important;
  flex-direction:column!important;
  transition:.2s!important;
}
.home-learn-card:hover{border-color:var(--accent)!important;background:rgba(255,255,255,.65)!important}
.home-learn-card>span{font-family:'JetBrains Mono',monospace!important;font-size:.66rem!important;letter-spacing:.08em!important;color:var(--accent)!important}
.home-learn-card h3{margin:auto 0 .65rem!important;font-size:1.45rem!important;font-weight:500!important}
.home-learn-card p{margin:0!important;color:var(--muted)!important;line-height:1.5!important;font-size:.9rem!important}
.home-learn-all{background:var(--fg)!important;color:var(--bg)!important}
.home-learn-all:hover{background:var(--accent)!important;color:#fff!important}
.home-learn-all p,.home-learn-all>span{color:inherit!important;opacity:.82!important}
.learn-principle{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  border-top:1px solid var(--border)!important;
  border-bottom:1px solid var(--border)!important;
  margin:0 0 2rem!important;
}
.learn-principle-step{padding:2rem!important;border-right:1px solid var(--border)!important}
.learn-principle-step:last-child{border-right:0!important}
.learn-principle-step h3{font-size:1.25rem!important;font-weight:500!important;margin:.25rem 0 .7rem!important}
.learn-principle-step p{margin:0!important;color:var(--muted)!important;line-height:1.5!important}
.learn-path-grid{padding:2rem 0 5rem!important}
.learn-path{
  padding:2rem!important;
  border:1px solid var(--border)!important;
  background:rgba(255,255,255,.3)!important;
  scroll-margin-top:110px!important;
}
.learn-path h2{margin:0 0 .8rem!important;font-size:1.65rem!important;font-weight:500!important;letter-spacing:-.015em!important}
.learn-path>p{margin:0 0 1.5rem!important;color:var(--muted)!important;line-height:1.6!important}
.learn-sequence{display:flex!important;flex-wrap:wrap!important;gap:.4rem!important;margin-bottom:1.5rem!important}
.learn-sequence span{border:1px solid var(--border)!important;padding:.38rem .55rem!important;font-family:'JetBrains Mono',monospace!important;font-size:.63rem!important;color:#444!important}
.learn-actions{display:flex!important;flex-wrap:wrap!important;gap:.5rem!important;padding-top:1rem!important;border-top:1px solid var(--border)!important}
.learn-actions a{padding:.5rem .7rem!important;border:1px solid var(--border)!important;font-family:'JetBrains Mono',monospace!important;font-size:.68rem!important;transition:.2s!important}
.learn-actions a:hover{border-color:var(--accent)!important;color:var(--accent)!important}
.learn-resource-note{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:2rem!important;padding:3rem 0 5rem!important;border-top:1px solid var(--border)!important}
.learn-resource-note h2{max-width:760px!important;margin:0!important;font-size:clamp(1.7rem,3vw,2.6rem)!important;font-weight:500!important;line-height:1.15!important}
.learn-resource-note>a{white-space:nowrap!important;border-bottom:1px solid currentColor!important;padding-bottom:.2rem!important}
.resource-home-row{border-top:0!important}
@media(max-width:1024px){.home-learn-grid,.learn-path-grid{grid-template-columns:1fr!important}.learn-principle{grid-template-columns:1fr!important}.learn-principle-step{border-right:0!important;border-bottom:1px solid var(--border)!important}.learn-principle-step:last-child{border-bottom:0!important}.learn-resource-note{display:block!important}.learn-resource-note>a{display:inline-block!important;margin-top:1.5rem!important}}


/* V3.1.43 — LEARN navigation: all learning paths visible from ÖĞREN */
.learn-nav-wrap{position:relative;display:flex;align-items:center}
.learn-nav-trigger{font:inherit;cursor:pointer}
.learn-nav-trigger span{font-size:.72rem;margin-left:.18rem}
.learn-mega-menu{
  position:absolute;top:calc(100% + 12px);left:0;width:min(680px,82vw);
  padding:0;background:rgba(243,243,240,.99);border:1px solid var(--fg);
  box-shadow:0 22px 55px rgba(0,0,0,.12);display:none;z-index:1100
}
.learn-mega-menu.open{display:block}
.learn-mega-head{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid var(--border);font-family:'JetBrains Mono',monospace;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.learn-mega-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.learn-menu-item{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:.75rem;align-items:center;padding:.9rem 1rem;border-bottom:1px solid var(--border);text-decoration:none!important;color:var(--fg)!important;background:transparent;transition:.16s}
.learn-menu-item:nth-child(odd){border-right:1px solid var(--border)}
.learn-menu-item:hover{background:#111!important;color:#fff!important}
.learn-menu-item span{font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.07em;color:var(--accent)}
.learn-menu-item b{font-size:.82rem;font-weight:500;line-height:1.25}
.learn-menu-all{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1rem;font-family:'JetBrains Mono',monospace;font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none!important;color:var(--fg)!important}
.learn-menu-all:hover{background:var(--accent)!important;color:#fff!important}
.mobile-learn-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.8rem 0;border:0;border-bottom:1px solid var(--border);background:transparent;font-family:'JetBrains Mono',monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;text-align:left;cursor:pointer}
.mobile-learn-submenu{display:none;border-bottom:1px solid var(--fg);padding:.35rem 0 .7rem}
.mobile-learn-submenu.open{display:block}
.mobile-panel .mobile-learn-submenu .learn-menu-item{display:grid!important;grid-template-columns:4.25rem minmax(0,1fr);padding:.65rem .6rem!important;border-bottom:1px solid var(--border)!important;border-right:0!important;text-transform:none;letter-spacing:0}
.mobile-panel .mobile-learn-submenu .learn-menu-item span{font-size:.56rem}
.mobile-panel .mobile-learn-submenu .learn-menu-item b{font-size:.74rem}
.mobile-panel .mobile-learn-all{padding:.75rem .6rem!important;border-bottom:0!important;color:var(--accent)!important}
@media(max-width:1024px){.learn-mega-menu{display:none!important}}

/* V3.1.44 — navigation-only simplification */
.home-simple-hero{border-bottom:1px solid var(--border)!important}
.home-portal-section{padding:4.5rem 0 7rem!important}
.home-portal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--fg);border-left:1px solid var(--fg)}
.home-portal-card{appearance:none;-webkit-appearance:none;position:relative;min-height:220px;padding:1.6rem;text-align:left;background:transparent;color:var(--fg);border:0;border-right:1px solid var(--fg);border-bottom:1px solid var(--fg);text-decoration:none!important;cursor:pointer;display:flex;flex-direction:column;transition:.18s}
.home-portal-card:hover{background:var(--fg)!important;color:var(--bg)!important}
.home-portal-code{font-family:'JetBrains Mono',monospace;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.home-portal-card:hover .home-portal-code{color:inherit}
.home-portal-card h2{margin:auto 0 0!important;font-size:clamp(2.1rem,4vw,4rem)!important;font-weight:500!important;line-height:.95!important;letter-spacing:-.04em!important}
.home-portal-arrow{position:absolute;right:1.5rem;top:1.35rem;font-size:1.15rem}
.learn-mega-menu{width:min(900px,88vw)}
.learn-mega-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.learn-menu-item{grid-template-columns:2.2rem minmax(0,1fr)}
.learn-menu-item:nth-child(odd){border-right:0}
.learn-menu-item:not(:nth-child(3n)){border-right:1px solid var(--border)}
@media(max-width:1024px){.home-portal-grid{grid-template-columns:1fr 1fr}.learn-mega-grid{grid-template-columns:1fr}}
@media(max-width:700px){.home-portal-grid{grid-template-columns:1fr}.home-portal-card{min-height:155px}.home-portal-section{padding:2.5rem 0 4rem!important}}


/* V3.1.47 — Resource reading pilot: typography only; visual design preserved */
body.ndcrea-reading-mode .heroCopy .minor{
  font-size:14px!important;
  line-height:1.55!important;
}
body.ndcrea-reading-mode .section>.intro,
body.ndcrea-reading-mode .section .intro{
  max-width:72ch!important;
  line-height:1.45!important;
}
body.ndcrea-reading-mode .deep .detail{
  max-width:78ch!important;
  font-size:14px!important;
  line-height:1.65!important;
}
body.ndcrea-reading-mode .deep .detail p,
body.ndcrea-reading-mode .deep .detail li{
  line-height:1.65!important;
}
body.ndcrea-reading-mode .card p{
  font-size:13px!important;
  line-height:1.58!important;
}
body.ndcrea-reading-mode .event p,
body.ndcrea-reading-mode .cmp p,
body.ndcrea-reading-mode .teachCell p,
body.ndcrea-reading-mode .teachCaption{
  font-size:12.5px!important;
  line-height:1.55!important;
}
body.ndcrea-reading-mode .note p,
body.ndcrea-reading-mode .warn p{
  font-size:13px!important;
  line-height:1.6!important;
}
body.ndcrea-reading-mode .source span,
body.ndcrea-reading-mode .source p{
  line-height:1.55!important;
}
@media(max-width:700px){
  body.ndcrea-reading-mode .section>.intro,
  body.ndcrea-reading-mode .section .intro{
    max-width:none!important;
    line-height:1.5!important;
  }
  body.ndcrea-reading-mode .card p,
  body.ndcrea-reading-mode .teachCell p,
  body.ndcrea-reading-mode .teachCaption{
    font-size:13px!important;
  }
}