/* DKC 369 - Chaldean personal-name calculator */
.mp-chaldean-person .chal-tool{max-width:980px}
.mp-chaldean-person .chal-input-grid{
  grid-template-columns:minmax(0,1.4fr) minmax(210px,.6fr);
  align-items:end;
}
.person-date-input{
  width:100%;
  min-height:48px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:6px;
  background:rgba(0,0,0,.22);
  color:#fff;
  padding:0 14px;
  color-scheme:dark;
}
.person-date-input:focus{
  border-color:rgba(246,216,107,.68);
  outline:2px solid rgba(246,216,107,.14);
  outline-offset:2px;
}
.person-required{
  margin:10px 0 0;
  color:rgba(255,255,255,.46);
  font-size:12px;
}
.person-card{padding-bottom:8px}
.person-core-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:24px 0;
}
.person-core-item{
  min-width:0;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:rgba(255,255,255,.018);
  padding:16px;
}
.person-core-item small{
  display:block;
  margin-bottom:7px;
  color:rgba(255,255,255,.43);
  font-size:11px;
  font-weight:750;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.person-core-item strong{
  display:block;
  color:var(--chal-gold-soft);
  font-size:20px;
  line-height:1.25;
}
.person-core-item span{
  display:block;
  margin-top:5px;
  color:rgba(255,255,255,.63);
  font-size:12.5px;
  line-height:1.45;
}
.person-name-layers{
  margin:4px 0 26px;
  padding:22px 0;
  border-top:1px solid var(--chal-line);
  border-bottom:1px solid var(--chal-line);
}
.person-layer-title{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:24px;
  margin-bottom:17px;
}
.person-layer-title h3{
  margin:0;
  color:var(--chal-gold-soft);
  font-size:14px;
  letter-spacing:.045em;
}
.person-layer-title p{
  max-width:560px;
  margin:0;
  color:rgba(255,255,255,.43);
  font-size:12px;
  line-height:1.55;
  text-align:right;
}
.person-layer-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.person-layer{
  min-width:0;
  padding-left:14px;
  border-left:2px solid rgba(246,216,107,.32);
}
.person-layer small{
  display:block;
  color:rgba(255,255,255,.42);
  font-size:10.5px;
  font-weight:750;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.person-layer strong{
  display:block;
  margin-top:6px;
  color:#f2f2f2;
  font-size:15px;
}
.person-layer span{
  display:block;
  margin-top:5px;
  color:rgba(255,255,255,.55);
  font-size:12px;
  line-height:1.45;
}
.person-reading-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 28px;
  margin-top:26px;
  border-top:1px solid var(--chal-line);
}
.person-reading{
  padding:22px 0;
  border-bottom:1px solid var(--chal-line);
}
.person-reading:nth-child(odd){padding-right:10px}
.person-reading h3{
  margin:0 0 9px;
  color:var(--chal-gold-soft);
  font-size:14px;
  letter-spacing:.045em;
}
.person-reading p{
  margin:0;
  color:rgba(255,255,255,.7);
  line-height:1.72;
}
.person-lessons{
  grid-column:1/-1;
}
.person-lessons-intro{
  margin-bottom:14px!important;
  color:rgba(255,255,255,.58)!important;
}
.person-lessons-list{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px 28px;
}
.person-spirit-list{
  display:grid;
  gap:13px;
}
.person-spirit-list p{
  padding-left:12px;
  border-left:2px solid rgba(246,216,107,.24);
}
.person-spirit-list b{
  display:block;
  margin-bottom:4px;
  color:rgba(255,255,255,.9);
  font-size:12px;
  letter-spacing:.035em;
}
.person-spirit-list span{
  display:block;
  color:rgba(255,255,255,.68);
}
.person-linked-list{
  display:grid;
  gap:13px;
}
.person-linked-list p{
  padding-left:12px;
  border-left:2px solid rgba(246,216,107,.24);
}
.person-linked-list b{
  display:block;
  margin-bottom:4px;
  color:rgba(255,255,255,.9);
  font-size:12px;
  letter-spacing:.035em;
}
.person-linked-list span{
  display:block;
  color:rgba(255,255,255,.68);
}
.person-synthesis{
  margin:24px 0 0;
  padding:22px 0 0;
  border-top:1px solid var(--chal-line);
}
.person-synthesis h3{
  margin:0 0 10px;
  color:var(--chal-gold);
  font-size:15px;
}
.person-synthesis-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px 28px;
}
.person-synthesis-list p{
  margin:0;
  padding-left:14px;
  border-left:2px solid rgba(246,216,107,.32);
}
.person-synthesis-list b{
  display:block;
  margin-bottom:6px;
  color:#f1f1f1;
  font-size:12px;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.person-synthesis-list span{
  display:block;
  color:rgba(255,255,255,.72);
  line-height:1.72;
}
.person-compound-note{
  margin-top:10px!important;
  color:rgba(255,255,255,.52)!important;
}
.person-method-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-bottom:22px;
}
.person-method-item{
  border-left:2px solid rgba(246,216,107,.35);
  padding-left:13px;
}
.person-method-item b{display:block;color:#eee;font-size:13px}
.person-method-item span{display:block;margin-top:4px;color:rgba(255,255,255,.5);font-size:12.5px}
.person-disclaimer{
  margin:22px 0 0;
  color:rgba(255,255,255,.42);
  font-size:12px;
  line-height:1.65;
}

@media(max-width:760px){
  .mp-chaldean-person .chal-input-grid,
  .person-core-grid,
  .person-layer-list,
  .person-method-grid{grid-template-columns:1fr}
  .person-layer-title{display:block}
  .person-layer-title p{margin-top:8px;text-align:left}
  .person-reading-grid{grid-template-columns:1fr}
  .person-lessons-list{grid-template-columns:1fr}
  .person-synthesis-list{grid-template-columns:1fr}
  .person-reading:nth-child(odd){padding-right:0}
  .mp-chaldean-person .calc-hero h1{font-size:clamp(2.35rem,12vw,3.5rem)}
}