/* COMPOUND / an illustrated field book in plum, cream and citron; intentionally distinct from the main console */
.cp-hero{background:#231735;color:#fffaf2;padding:clamp(27px,5.3vw,68px);border-radius:25px;position:relative;overflow:hidden;margin-bottom:20px;border:1px solid #59476d}
.cp-hero:before{content:'';position:absolute;right:-180px;top:-210px;width:610px;height:610px;border-radius:50%;border:1px solid #d5fd6959;box-shadow:0 0 0 61px #d8ff6810,0 0 0 124px #d8ff6809;pointer-events:none}
.cp-hero>*{position:relative}.cp-hero .eyebrow{color:#dbfd8c}.cp-hero h1{color:#fffaf2;font-size:clamp(2.75rem,6vw,6.6rem);line-height:.94;letter-spacing:-.058em;margin:16px 0 20px}.cp-hero h1 em{font-style:normal;color:#d9ff78}.cp-hero p{color:#e6dced;font-size:1.08rem;max-width:760px;line-height:1.72}
.cp-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.cp-actions a,.cp-actions button{border:1px solid #817296;color:#fffdf9;text-decoration:none;background:#3b2b50;border-radius:11px;padding:11px 15px;font-size:.83rem;font-weight:850}.cp-actions a:first-child,.cp-actions .primary{background:#dbff84;color:#251638;border-color:#dbff84}.cp-actions a:hover,.cp-actions button:hover{filter:brightness(1.13)}
.cp-stats{display:flex;gap:12px;flex-wrap:wrap;margin:17px 0}.cp-stat{background:var(--panel);border:1px solid var(--line);padding:14px 18px;border-radius:12px;flex:1 1 130px}.cp-stat strong{display:block;font-size:1.3rem}.cp-stat small{color:var(--muted)}
.cp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.cp-card{display:flex;flex-direction:column;align-items:flex-start;gap:11px;text-decoration:none;padding:22px;border:1px solid var(--line);background:var(--panel);border-radius:17px;color:var(--ink);transition:transform .17s,border-color .17s;min-height:215px}.cp-card:hover{transform:translateY(-3px);border-color:var(--accent)}.cp-card small{color:var(--accent);font-weight:850;font-size:.69rem;letter-spacing:.09em}.cp-card strong{font-size:1.17rem;line-height:1.2}.cp-card p{font-size:.83rem;color:var(--muted);line-height:1.55}.cp-card b{margin-top:auto;font-size:.78rem;color:var(--accent)}
.cp-section{margin:22px 0;padding:clamp(21px,3.5vw,37px);border:1px solid var(--line);border-radius:18px;background:var(--panel)}.cp-section>h2{font-size:clamp(1.7rem,3.4vw,2.65rem);line-height:1.12;margin:13px 0 18px}.cp-section p{line-height:1.78}.cp-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:19px}.cp-flow span{min-height:100px;padding:15px;border-radius:13px;background:#f4f1fc;color:#372747;font-size:.84rem;font-weight:850;border:1px solid #ddd4e7}.cp-flow span b{display:block;color:#66519a;font-size:.68rem;margin-bottom:8px;letter-spacing:.07em}.cp-example{background:#fcf7ef;color:#272033;border:1px solid #eedccb;padding:20px;border-radius:14px;margin-top:17px}.cp-example h3{color:#37283c;font-size:1.2rem;margin:7px 0 10px}.cp-example p{color:#484053;font-size:.9rem}.cp-example strong{color:#3a294f}.cp-example small{font-size:.69rem;font-weight:850;color:#835a55;letter-spacing:.1em}
.cp-shell-head{background:#281d3c;color:#faf5ff;padding:clamp(23px,4vw,43px);border-radius:20px;margin:8px 0 19px}.cp-shell-head .eyebrow{color:#d2fb7d}.cp-shell-head h1{font-size:clamp(2.45rem,4.6vw,4.2rem);line-height:1.04;margin:10px 0}.cp-shell-head p{color:#e8dcef;max-width:830px}
.cp-chapter{padding:clamp(21px,4vw,47px);background:var(--panel);border:1px solid var(--line);border-radius:19px;margin:0 0 20px;scroll-margin-top:18px}.cp-chapter small{color:var(--accent);font-weight:900;letter-spacing:.1em}.cp-chapter h2{font-size:clamp(1.65rem,3vw,2.5rem);margin:12px 0 18px}.cp-chapter p{font-size:.95rem;line-height:1.85;margin:0 0 15px;max-width:820px}.cp-chapter .lead{font-size:1.12rem;font-weight:770}.cp-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.cp-case{border:1px solid var(--line);border-radius:13px;padding:18px;background:var(--panel2)}.cp-case h3{font-size:.99rem;margin:9px 0}.cp-case p{font-size:.84rem;margin:0;line-height:1.65}.cp-case.exercise{border-left:4px solid #6d5ab3}.cp-case.caution{border-left:4px solid #aa6c53}.cp-recall{font-size:1rem;font-weight:900;color:var(--ink);padding:15px 18px;border-left:4px solid var(--accent);background:var(--panel2);border-radius:5px;margin-bottom:15px}.cp-read{display:flex;gap:9px;align-items:center;font-size:.83rem;font-weight:850;cursor:pointer}.cp-read input{accent-color:var(--accent);width:19px;height:19px}.cp-guide{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.cp-guide a{display:inline-block;padding:8px 11px;border:1px solid var(--line);background:var(--panel);border-radius:9px;font-size:.75rem;text-decoration:none;color:var(--ink)}.cp-guide a:hover{border-color:var(--accent)}
.cp-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cp-entry{border:1px solid var(--line);border-radius:15px;background:var(--panel);padding:22px}.cp-entry small{font-size:.71rem;color:var(--accent);font-weight:900}.cp-entry h3{margin:9px 0 10px;font-size:1.15rem}.cp-entry p{font-size:.83rem;line-height:1.65;margin:8px 0;color:var(--muted)}.cp-entry p strong{color:var(--ink)}.cp-input{width:100%;padding:12px;background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:10px;min-height:44px}.cp-filterbar{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 16px}.cp-filter{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:9px;padding:10px 12px;font-size:.79rem;font-weight:800}.cp-filter[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accentInk)}
@media(max-width:1000px){.cp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-flow{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:690px){.cp-grid,.cp-library,.cp-cases{grid-template-columns:1fr}.cp-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-hero{padding:28px 22px}.cp-card{min-height:0}}