:root{
  --bg:#160b13;--panel:#1a1017;--panel2:#21131d;--pearl:#fff8ef;--pearl2:#ddd1d7;
  --muted:#a89aa4;--gold:#e8bd59;--pink:#ff2a92;--line:rgba(232,189,89,.26);
  --soft:rgba(255,255,255,.08);--max:1220px;--r:22px;--shadow:0 24px 70px rgba(0,0,0,.34)
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;color:var(--pearl);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;
background:radial-gradient(circle at 12% 0%,rgba(255,42,146,.08),transparent 30rem),
radial-gradient(circle at 90% 5%,rgba(232,189,89,.08),transparent 30rem),var(--bg)}
a{color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--pink);outline-offset:3px}
.sitebar{position:sticky;top:8%;z-index:60;background:rgba(22,11,19,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}
.sitebar-inner{/*max-width:var(--max);*/margin:auto;padding:.85rem 1.25rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;font-weight:800;letter-spacing:.03em}
.brand-mark{width:2.25rem;height:2.25rem;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-family:Georgia,serif;font-size:.82rem}
.brand small{display:block;color:var(--muted);font-size:.62rem;letter-spacing:.11em;text-transform:uppercase}
.nav{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.nav a{padding:.5rem .72rem;border-radius:999px;text-decoration:none;color:var(--pearl2);font-size:.83rem}.nav a:hover{background:rgba(255,255,255,.05);color:#fff}
.hero{max-width:var(--max);margin:auto;padding:6.5rem 1.25rem 3.6rem}
.eyebrow{display:flex;align-items:center;gap:.7rem;color:var(--gold);font-size:.72rem;font-weight:850;letter-spacing:.17em;text-transform:uppercase}
.eyebrow:before{content:"";width:2.8rem;height:1px;background:linear-gradient(90deg,var(--pink),var(--gold))}
h1,h2,h3{line-height:1.08;margin-top:0}
h1{margin:.9rem 0 1.1rem;max-width:12ch;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.1rem,7vw,6.2rem);font-weight:500;letter-spacing:-.045em}
h1 .accent{color:var(--pink)}
.hero-copy{max-width:850px;color:var(--pearl2);font-size:clamp(1.08rem,2vw,1.33rem)}
.meta-row{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:2rem}
.pill{border:1px solid var(--soft);background:rgba(255,255,255,.04);border-radius:999px;padding:.5rem .72rem;font-size:.78rem;color:var(--pearl2)}
.actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:2rem}
.btn{border:1px solid var(--gold);background:transparent;color:var(--gold);padding:.82rem 1rem;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-weight:850;font-size:.72rem}
.btn.primary{background:var(--gold);color:#160d0c}
main section{max-width:var(--max);margin:auto;padding:4.5rem 1.25rem}
.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.72fr);gap:3rem;align-items:end;margin-bottom:2rem}
.kicker{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:850;margin-bottom:.6rem}
h2{margin-bottom:.65rem;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.15rem,4.7vw,4.1rem);font-weight:500;letter-spacing:-.03em}
.lede{max-width:760px;color:var(--pearl2)}
.note{border:1px solid var(--line);background:linear-gradient(145deg,rgba(232,189,89,.06),rgba(255,42,146,.05));padding:1.2rem 1.25rem;border-radius:16px}
.note strong{color:var(--gold)}.note p{margin:.35rem 0 0;color:var(--pearl2);font-size:.92rem}
.featured{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem;border:1px solid var(--line);background:linear-gradient(145deg,#21131c,#100a0e);border-radius:var(--r);padding:1.25rem;box-shadow:var(--shadow)}
.feature-main{padding:1.1rem}.feature-label{color:var(--gold);font-size:.68rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.featured h3{margin:.65rem 0 .75rem;color:#ffe1a5;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,4vw,3.35rem);font-weight:500}
.feature-main p{color:var(--pearl2);font-size:1.02rem}
.feature-side{border-left:1px solid var(--line);padding:1.1rem 1.25rem;display:flex;flex-direction:column;justify-content:center}
.feature-side .question{font-family:Georgia,serif;font-size:1.42rem;color:#fff;margin:.35rem 0 1rem}
.feature-side ul{margin:0;padding-left:1.2rem;color:var(--pearl2)}.feature-side li{margin:.45rem 0}
.method{display:grid;grid-template-columns:repeat(6,1fr);gap:.7rem}
.method-card{border-top:1px solid var(--line);padding:1rem .15rem 0}.method-card b{display:block;color:var(--gold);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.45rem}.method-card p{margin:0;color:var(--pearl2);font-size:.86rem}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.card{position:relative;border:1px solid var(--line);background:linear-gradient(150deg,var(--panel),#110b10);padding:1.25rem 1.25rem 1.35rem;border-radius:var(--r);overflow:hidden}
.card:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(180deg,var(--gold),var(--pink))}
.tag{font-size:.65rem;letter-spacing:.13em;text-transform:uppercase;color:var(--gold);font-weight:850}
.card h3{margin:.55rem 0 .6rem;color:#ffe1a5;font-family:Georgia,"Times New Roman",serif;font-size:1.55rem;font-weight:500}
.card p{color:var(--pearl2);margin:.2rem 0 1rem}.chips{display:flex;gap:.45rem;flex-wrap:wrap}.chip{border:1px solid var(--soft);border-radius:999px;padding:.4rem .58rem;color:var(--muted);font-size:.72rem;background:rgba(255,255,255,.025)}
.tool{display:grid;grid-template-columns:.85fr 1.15fr;gap:1rem}.panel{border:1px solid var(--line);background:var(--panel);border-radius:var(--r);padding:1.25rem}
.panel label{display:block;margin:.95rem 0 .35rem;color:var(--gold);font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
textarea,select{width:100%;border:1px solid var(--soft);background:#100a0f;color:white;border-radius:12px;padding:.85rem}
textarea{min-height:100px;resize:vertical}
.output{min-height:390px;white-space:pre-wrap;background:#0c080b;border:1px solid var(--soft);border-radius:14px;padding:1.1rem;color:#e6dbe1}
.boundary{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.boundary .panel h3{font-family:Georgia,serif;color:#ffe1a5;font-weight:500}.boundary ul{color:var(--pearl2);padding-left:1.2rem}
.closing{border:1px solid var(--line);background:linear-gradient(135deg,rgba(232,189,89,.08),rgba(255,42,146,.06));border-radius:var(--r);padding:2rem}
footer{border-top:1px solid rgba(255,255,255,.07);margin-top:3rem}.footer-inner{max-width:var(--max);margin:auto;padding:2.4rem 1.25rem 3.5rem;display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap;color:var(--muted);font-size:.84rem}
.toast{position:fixed;right:1rem;bottom:1rem;background:var(--gold);color:#17100c;padding:.7rem 1rem;border-radius:999px;font-size:.78rem;font-weight:850;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none;z-index:100}.toast.show{opacity:1;transform:none}
@media(max-width:980px){.section-head,.featured,.tool{grid-template-columns:1fr}.feature-side{border-left:0;border-top:1px solid var(--line)}.method{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:1fr}}
@media(max-width:660px){.nav{display:none}.hero{padding-top:4.8rem}h1{font-size:clamp(2.7rem,15vw,4.1rem)}.method,.boundary{grid-template-columns:1fr}.actions .btn{width:100%;text-align:center}}/* CSS Document */

/* Bio Styles*/ 
.cii-author {
	 max-width: var(--max);
    margin: auto;
    padding: 6.2rem 1.25rem 2.6rem;

  box-sizing: border-box;
  margin-block: 2rem;
  padding: clamp(1.25rem, 4vw, 2rem);
  background: #fbf6ef;
  color: #241c23;
  border: 1px solid #dfcfc5;
  border-inline-start: 4px solid #9d235c;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
}

.cii-author .cii-author__label {
  margin: 0 0 0.4rem;
  color: #9d235c;
  font-size: 0.75rem;
  font-weight: 750;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.cii-author .cii-author__name {
  margin: 0 0 0.85rem;
  color: #181419;
  font: 400 clamp(1.65rem, 4vw, 2.15rem) / 1.15 Georgia, serif;
}

.cii-author__name::after {
  display: block;
  width: 2.5rem;
  height: 2px;
  margin-top: 0.65rem;
  background: #b98635;
  content: "";
}

.cii-author .cii-author__bio {
  /*max-width: 68ch;*/
  margin: 0;
  font-size: 1rem;
  line-height: 1.65;
}