:root{
  --bg:#F7F4EC;--text:#1F2A24;--muted:#5F6F66;--accent:#496F5D;--accent-dark:#2F4A3D;--surface:#fff;--border:#E4DED2;--soft:#EFE7DA;--shadow:0 24px 80px rgba(31,42,36,.08);
  --max:1120px;--content:780px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:17px;line-height:1.6}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:3px}h1,h2,h3,h4{line-height:1.08;letter-spacing:-.035em;margin:0 0 .65rem}h1{font-size:clamp(3rem,8vw,6.6rem);max-width:980px}h2{font-size:clamp(2rem,4vw,3.6rem)}h3{font-size:1.45rem}h4{font-size:1.12rem}p{margin:0 0 1rem;color:var(--muted)}ul{padding-left:1.2rem}.site-header{position:sticky;top:0;z-index:10;background:rgba(247,244,236,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:1rem clamp(1rem,4vw,2rem)}.brand{display:flex;align-items:center;gap:.7rem;font-weight:700;color:var(--text);text-decoration:none}.brand-mark{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--accent);color:white}.nav{display:flex;gap:1.2rem;align-items:center}.nav a{color:var(--text);text-decoration:none;font-size:.95rem}.nav-toggle{display:none;border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:.55rem .85rem;color:var(--text)}.section{max-width:var(--max);margin:0 auto;padding:clamp(3rem,8vw,7rem) clamp(1rem,4vw,2rem)}.compact{padding-top:1rem}.hero{padding-top:clamp(4rem,8vw,8rem);padding-bottom:clamp(3rem,7vw,6rem)}.lead{font-size:clamp(1.2rem,2.4vw,1.55rem);max-width:760px;color:var(--text)}.hero p:not(.lead){max-width:720px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent-dark);font-size:.75rem;font-weight:800;margin-bottom:1rem}.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.82rem 1.15rem;font-weight:700;text-decoration:none}.button.primary{background:var(--accent);color:#fff}.button.secondary{border:1px solid var(--border);color:var(--text);background:rgba(255,255,255,.5)}.hero-note{margin-top:1rem;color:var(--muted);font-size:.95rem}.three-in{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.entry,.card,.role,.prompt-card,.method-grid article,.trust-box{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:1.25rem;box-shadow:0 12px 40px rgba(31,42,36,.035)}.entry{text-decoration:none;color:var(--text);display:block}.entry span{display:block;font-weight:800;font-size:1.1rem}.entry small{display:block;color:var(--muted);margin-top:.45rem}.panel{background:var(--soft);border-radius:34px;margin-top:2rem;margin-bottom:2rem}.section-head{display:flex;gap:2rem;align-items:end;justify-content:space-between;margin-bottom:1rem}.text-link{font-weight:800;white-space:nowrap}.section-intro{max-width:760px}.prompt-grid,.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.5rem}.prompt-card p,.card p,.role p,.method-grid p{font-size:.98rem}.copy{border:1px solid var(--border);background:var(--bg);border-radius:999px;color:var(--text);padding:.58rem .9rem;font-weight:700;cursor:pointer}.copy.copied{background:var(--accent);color:white}.subhead{margin-top:3rem;margin-bottom:1rem}.card-grid{grid-template-columns:repeat(4,1fr)}.card a{font-weight:800;font-size:.95rem}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.action-strip{display:flex;gap:.7rem;flex-wrap:wrap}.action-strip a,.chips span{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:.55rem .8rem;color:var(--text);text-decoration:none;font-weight:700;font-size:.94rem}.garden-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}.garden-columns>div{background:rgba(255,255,255,.55);border:1px solid var(--border);border-radius:22px;padding:1.1rem}.garden-columns a{font-weight:650}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.5rem}.trust-box{max-width:var(--content);margin-top:2rem}.feedback-form{display:grid;gap:1rem;max-width:780px}.feedback-form label{font-weight:800}.feedback-form textarea{width:100%;margin-top:.35rem;border:1px solid var(--border);border-radius:18px;padding:1rem;background:white;color:var(--text);font:inherit}.chips{display:flex;gap:.5rem;flex-wrap:wrap}.form-note{font-size:.92rem}.footer{max-width:var(--max);margin:0 auto;padding:2rem clamp(1rem,4vw,2rem);border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:1rem;align-items:center}.footer p{margin:0}.footer div{display:flex;gap:1rem}.footer a{color:var(--text);font-weight:700}
@media (max-width:900px){.prompt-grid,.card-grid{grid-template-columns:repeat(2,1fr)}.role-grid,.garden-columns,.three-in,.method-grid{grid-template-columns:1fr 1fr}.section-head{align-items:start;flex-direction:column;gap:.4rem}.panel{border-radius:0;margin-left:0;margin-right:0}}
@media (max-width:640px){body{font-size:16px}.nav-toggle{display:block}.nav{display:none;position:absolute;left:1rem;right:1rem;top:4.4rem;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:1rem;box-shadow:var(--shadow);flex-direction:column;align-items:flex-start}.nav.open{display:flex}.three-in,.prompt-grid,.card-grid,.role-grid,.garden-columns,.method-grid{grid-template-columns:1fr}.footer{flex-direction:column;align-items:flex-start}.hero{padding-top:3rem}h1{font-size:3.1rem}.section{padding-left:1rem;padding-right:1rem}}

.feedback-embed{
  margin-top:1.5rem;
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:24px;
  padding:.5rem;
  box-shadow:0 12px 40px rgba(31,42,36,.05);
  overflow:hidden;
}
.feedback-embed iframe{
  display:block;
  width:100%;
  min-height:780px;
  border:0;
}
@media (max-width:640px){
  .feedback-embed{border-radius:18px;padding:.25rem}
  .feedback-embed iframe{min-height:860px}
}

/* Linked entry improvements */
.card-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}
.card-actions a,.role a{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--bg);border-radius:999px;padding:.48rem .75rem;color:var(--text);text-decoration:none;font-weight:800;font-size:.92rem}
.card-actions a:first-child{background:var(--accent);border-color:var(--accent);color:#fff}
.role a{margin-top:.7rem;background:var(--bg)}
.compact-grid{grid-template-columns:repeat(3,1fr)}
.garden-expanded{grid-template-columns:repeat(3,1fr)}
.prompt-card:target,.card:target,.role:target,.garden-columns>div:target,.method-grid article:target{outline:3px solid rgba(73,111,93,.35);outline-offset:4px}
section[id], article[id], div[id]{scroll-margin-top:6rem}
@media (max-width:900px){.compact-grid,.garden-expanded{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.compact-grid,.garden-expanded{grid-template-columns:1fr}.card-actions a{width:100%}}

.card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
  margin-top: 1rem;
}

.card-actions a {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--border);
  background: rgba(255,255,255,.6);
  border-radius: 999px;
  padding: .5rem .75rem;
  color: var(--text);
  text-decoration: none;
  font-weight: 800;
  font-size: .9rem;
}

.card-actions a:first-child {
  background: var(--accent);
  color: #fff;
  border-color: var(--accent);
}

.method-grid article:target {
  outline: 3px solid rgba(73,111,93,.25);
  outline-offset: 4px;
}


/* Final interaction refinements */
.prompt-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}
.prompt-actions .copy,.prompt-actions .open-gpt-card{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.58rem .9rem;font-weight:800;font-size:.92rem;text-decoration:none}
.prompt-actions .copy{background:var(--bg);border:1px solid var(--border);color:var(--text)}
.prompt-actions .open-gpt-card{background:var(--accent);border:1px solid var(--accent);color:#fff}
.card-actions.single-action a{background:var(--accent);border-color:var(--accent);color:#fff}
.role .card-actions{margin-top:1rem}
.role .card-actions a{margin-top:0}
.method-grid .card-actions.single-action a{background:var(--bg);border-color:var(--border);color:var(--text)}
@media (max-width:640px){.prompt-actions .copy,.prompt-actions .open-gpt-card{width:100%}}


.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}.trust-grid article{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:1.25rem;box-shadow:0 12px 40px rgba(31,42,36,.035)}.trust-grid a{font-weight:800;font-size:.95rem}.card-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}.single-action{margin-top:1rem}.go-deeper-link{font-weight:800;font-size:.95rem}
@media (max-width:900px){.trust-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.trust-grid{grid-template-columns:1fr}}
