/*
Theme Name: Digital2Law Child
Theme URI: https://digital2law.com/
Description: Lean TEST ONLY Kadence child theme for Digital2Law.
Author: Redaksi Digital2Law
Template: kadence
Version: 1.0.0
Text Domain: digital2law
*/

:root{
  --d2l-ink:#17181D;
  --d2l-text:#383B42;
  --d2l-muted:#757A84;
  --d2l-bg:#F6F5F2;
  --d2l-paper:#FFFFFF;
  --d2l-line:#DDD8D2;
  --d2l-copper:#C57947;
  --d2l-copper-dark:#8A4E2B;
  --d2l-peach:#E8B489;
  --d2l-sand:#F3E9DF;
  --d2l-blue:#4B5E78;
  --d2l-max:1140px;
}

html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--d2l-bg);
  color:var(--d2l-text);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.7;
}
a{color:var(--d2l-copper-dark);text-underline-offset:3px}
a:hover,a:focus{color:var(--d2l-copper)}
img{max-width:100%;height:auto}
.d2l-wrap{width:min(calc(100% - 36px),var(--d2l-max));margin-inline:auto}
.d2l-kicker{font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;font-weight:850;color:var(--d2l-copper-dark)}
.d2l-muted{color:var(--d2l-muted)}

/* Split utility header */
.d2l-header{
  background:#fff;
  border-bottom:1px solid var(--d2l-line);
}
.d2l-header__top{
  min-height:82px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:28px;
  align-items:center;
}
.d2l-logo img{max-height:54px;width:auto}
.d2l-brand-fallback{font-size:1.7rem;font-weight:850;color:var(--d2l-ink);text-decoration:none}
.d2l-topic-nav ul{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:20px;
}
.d2l-topic-nav a{
  text-decoration:none;
  color:var(--d2l-text);
  font-size:.82rem;
  font-weight:750;
}
.d2l-topic-nav a:hover,.d2l-topic-nav a:focus{color:var(--d2l-copper-dark)}
.d2l-utility{
  display:flex;
  align-items:center;
  gap:10px;
}
.d2l-search{
  display:flex;
  align-items:center;
  border:1px solid var(--d2l-line);
  background:#FAF9F7;
  min-width:260px;
}
.d2l-search input{
  width:100%;
  border:0;
  background:transparent;
  padding:.65rem .75rem;
  font-size:.82rem;
}
.d2l-search input:focus{outline:2px solid var(--d2l-copper);outline-offset:1px}
.d2l-about-link{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:.5rem .7rem;
  border:1px solid var(--d2l-line);
  text-decoration:none;
  font-size:.78rem;
  font-weight:800;
  color:var(--d2l-ink);
  background:#fff;
}
.d2l-menu-toggle{display:none}

/* Intro / issue-first desk */
.d2l-intro{
  background:#fff;
  border-bottom:1px solid var(--d2l-line);
  padding:44px 0 38px;
}
.d2l-intro__grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:40px;
  align-items:end;
}
.d2l-intro h1{
  margin:.45rem 0 .65rem;
  font-size:clamp(2.55rem,4.9vw,4.8rem);
  line-height:.96;
  letter-spacing:-.055em;
  color:var(--d2l-ink);
}
.d2l-intro p{max-width:700px;color:var(--d2l-muted)}
.d2l-question{
  border-top:4px solid var(--d2l-copper);
  background:var(--d2l-sand);
  padding:22px;
}
.d2l-question strong{
  display:block;
  color:var(--d2l-ink);
  margin-bottom:8px;
  font-size:1.05rem;
}
.d2l-question p{margin:0;color:#685648;font-size:.9rem}

/* What it means */
.d2l-section{padding:54px 0}
.d2l-white{background:#fff}
.d2l-section-head{
  display:grid;
  grid-template-columns:220px 1fr;
  gap:28px;
  margin-bottom:20px;
}
.d2l-section-head h2{
  margin:.35rem 0;
  font-size:2rem;
  color:var(--d2l-ink);
  letter-spacing:-.035em;
}
.d2l-section-head p{margin:0;color:var(--d2l-muted)}
.d2l-meaning-grid{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:12px;
}
.d2l-meaning{
  background:#fff;
  border:1px solid var(--d2l-line);
  padding:18px;
}
.d2l-meaning strong{display:block;color:var(--d2l-ink);margin-bottom:5px}
.d2l-meaning span{font-size:.85rem;color:var(--d2l-muted)}

/* Topic paths */
.d2l-topic-paths{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}
.d2l-topic-card{
  border:1px solid var(--d2l-line);
  background:#fff;
  padding:18px;
  min-height:184px;
  display:flex;
  flex-direction:column;
}
.d2l-topic-card:nth-child(2){background:#FBF6F1}
.d2l-topic-card:nth-child(3){background:#F5F7FA}
.d2l-topic-card:nth-child(4){background:#F8F6F3}
.d2l-topic-card h3{margin:.25rem 0 .5rem;color:var(--d2l-ink);font-size:1.05rem}
.d2l-topic-card p{margin:0;font-size:.84rem;color:var(--d2l-muted)}
.d2l-topic-card a{margin-top:auto;padding-top:14px;font-size:.8rem;font-weight:800;text-decoration:none}

/* Legal context strip */
.d2l-context{
  background:#222328;
  color:#EDEAE6;
}
.d2l-context-grid{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:34px;
  align-items:start;
}
.d2l-context h2{color:#fff;margin:.35rem 0 .6rem;font-size:2rem}
.d2l-context p{color:#C6C3BE}
.d2l-context-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  background:#3A3B41;
  border:1px solid #3A3B41;
}
.d2l-context-item{
  background:#2A2B30;
  padding:16px;
}
.d2l-context-item strong{display:block;color:#fff;margin-bottom:4px}
.d2l-context-item span{font-size:.83rem;color:#C5C3BE}

/* Recent explainers */
.d2l-recent{margin-top:20px}
.d2l-recent-item{
  display:grid;
  grid-template-columns:130px 1fr auto;
  gap:22px;
  padding:18px 0;
  border-bottom:1px solid var(--d2l-line);
}
.d2l-recent-meta{font-size:.73rem;color:var(--d2l-muted)}
.d2l-recent-item h3{margin:0 0 .35rem;font-size:1.18rem}
.d2l-recent-item h3 a{color:var(--d2l-ink);text-decoration:none}
.d2l-recent-item p{margin:0;font-size:.87rem;color:var(--d2l-muted)}
.d2l-recent-item>a{font-size:.8rem;font-weight:800;text-decoration:none}
.d2l-empty{
  margin-top:18px;
  padding:18px;
  border:1px dashed #C7BDB3;
  background:#fff;
  color:var(--d2l-muted);
}

/* Article */
.d2l-article{width:min(calc(100% - 36px),970px);margin:40px auto 68px}
.d2l-breadcrumbs{font-size:.78rem;color:var(--d2l-muted);margin-bottom:18px}
.d2l-article-head{max-width:830px}
.d2l-article-head h1{
  margin:.45rem 0 1rem;
  font-size:clamp(2.5rem,4.8vw,4.4rem);
  line-height:1;
  letter-spacing:-.05em;
  color:var(--d2l-ink);
}
.d2l-deck{font-size:1.08rem;color:var(--d2l-muted)}
.d2l-byline{
  display:flex;
  flex-wrap:wrap;
  gap:10px 15px;
  margin-top:16px;
  padding-top:12px;
  border-top:1px solid var(--d2l-line);
  font-size:.79rem;
  color:var(--d2l-muted);
}
.d2l-featured{margin:26px 0 30px}
.d2l-featured img{width:100%;max-height:560px;object-fit:cover}
.d2l-article-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 210px;
  gap:34px;
  align-items:start;
}
.d2l-content{
  background:#fff;
  border:1px solid var(--d2l-line);
  padding:clamp(22px,4vw,46px);
  font-size:1.02rem;
}
.d2l-content p{margin:0 0 1.25em}
.d2l-content h2,.d2l-content h3{color:var(--d2l-ink);scroll-margin-top:100px}
.d2l-content h2{font-size:clamp(1.7rem,2.5vw,2.2rem);margin:2em 0 .65em}
.d2l-content h3{font-size:1.35rem}
.d2l-content blockquote{border-left:3px solid var(--d2l-copper);padding-left:1rem;color:#5D5650}
.d2l-content table{width:100%;border-collapse:collapse}
.d2l-content th,.d2l-content td{border:1px solid var(--d2l-line);padding:.7rem;text-align:left;vertical-align:top}
.d2l-content th{background:#F5F1ED}
.d2l-toc{
  position:sticky;
  top:100px;
  background:#fff;
  border-top:3px solid var(--d2l-copper);
  padding:14px;
  font-size:.82rem;
}
.d2l-toc[hidden]{display:none}
.d2l-toc ol{padding-left:1.1rem;margin-bottom:0}
.d2l-toc a{color:var(--d2l-muted);text-decoration:none}

/* Lightweight legal-tech modules */
.d2l-context-note,.d2l-jurisdiction-note{
  margin:1.7rem 0;
  padding:1rem 1.05rem;
  border:1px solid var(--d2l-line);
  background:#fff;
}
.d2l-context-note{border-left:4px solid var(--d2l-copper);background:#FBF7F2}
.d2l-jurisdiction-note{border-left:4px solid var(--d2l-blue);background:#F5F7FA}

/* Archives / search */
.d2l-archive-head{
  padding:40px 0 24px;
  background:#fff;
  border-bottom:1px solid var(--d2l-line);
}
.d2l-archive-head h1{
  margin:.4rem 0 .6rem;
  color:var(--d2l-ink);
  font-size:clamp(2.2rem,4vw,3.7rem);
  letter-spacing:-.045em;
  line-height:1;
}
.d2l-archive-desc{max-width:790px;color:var(--d2l-muted)}
.d2l-archive-list{padding:14px 0 50px}
.d2l-archive-item{
  display:grid;
  grid-template-columns:130px 1fr auto;
  gap:22px;
  padding:19px 0;
  border-bottom:1px solid var(--d2l-line);
}
.d2l-archive-item__meta{font-size:.73rem;color:var(--d2l-muted)}
.d2l-archive-item h2{margin:0 0 .35rem;font-size:1.22rem}
.d2l-archive-item h2 a{color:var(--d2l-ink);text-decoration:none}
.d2l-archive-item p{margin:0;font-size:.87rem;color:var(--d2l-muted)}
.d2l-archive-item>a{font-size:.8rem;font-weight:800;text-decoration:none}
.d2l-page-content{max-width:850px;margin:0 auto 60px;padding:clamp(22px,4vw,44px);background:#fff;border:1px solid var(--d2l-line)}

/* Compact Legal Tech Notes footer */
.d2l-footer{
  background:#1D1E22;
  color:#EAE7E3;
}
.d2l-notes{
  padding:30px 0 24px;
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:36px;
  align-items:start;
}
.d2l-footer h2{color:#fff;margin:.35rem 0 .55rem;font-size:1.65rem}
.d2l-footer p{color:#BDBAB5;font-size:.87rem}
.d2l-disclaimer{
  border-left:1px solid #404146;
  padding-left:24px;
}
.d2l-disclaimer strong{display:block;color:#fff;margin-bottom:6px}
.d2l-footer-line{
  border-top:1px solid #3A3B40;
  padding:12px 0 14px;
  display:flex;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
  font-size:.75rem;
  color:#A7A5A1;
}
.d2l-footer-line a{color:#D3D0CB;text-decoration:none;margin-right:10px}

@media(max-width:940px){
  .d2l-header__top{grid-template-columns:auto 1fr}
  .d2l-utility{grid-column:1/-1}
  .d2l-menu-toggle{display:inline-flex;border:1px solid var(--d2l-line);background:#fff;padding:.55rem .7rem;font-weight:800}
  .d2l-topic-nav{display:none}
  .d2l-topic-nav.is-open{display:block;grid-column:1/-1}
  .d2l-topic-nav ul{display:grid;justify-content:stretch;gap:0}
  .d2l-topic-nav li{border-bottom:1px solid var(--d2l-line);padding:.55rem 0}
  .d2l-intro__grid,.d2l-section-head,.d2l-context-grid,.d2l-article-layout,.d2l-notes{grid-template-columns:1fr}
  .d2l-topic-paths{grid-template-columns:repeat(2,1fr)}
  .d2l-toc{position:static}
  .d2l-disclaimer{padding-left:0;border-left:0;border-top:1px solid #404146;padding-top:16px}
}
@media(max-width:700px){
  .d2l-wrap,.d2l-article{width:min(calc(100% - 28px),var(--d2l-max))}
  .d2l-section{padding:44px 0}
  .d2l-topic-paths,.d2l-meaning-grid,.d2l-context-list{grid-template-columns:1fr}
  .d2l-recent-item,.d2l-archive-item{grid-template-columns:1fr}
  .d2l-search{min-width:0;flex:1}
  .d2l-about-link{display:none}
  .d2l-content{padding:20px}
}