.page-hero{padding-top:70px;padding-bottom:44px;border-bottom:1px solid var(--line)}.page-kicker{font-size:10px;letter-spacing:1.5px;color:var(--purple);font-weight:800;text-transform:uppercase;margin-bottom:22px}.page-hero h1{font-size:clamp(42px,5.2vw,66px);line-height:1.08;letter-spacing:-2.8px;max-width:900px;margin-bottom:25px}.page-lead{font-size:18px;line-height:1.75;color:var(--muted);max-width:790px;margin-bottom:25px}.page-toc{display:flex;flex-wrap:wrap;gap:9px;margin-top:29px}.page-toc a{display:inline-flex;padding:11px 14px;background:#ece6f5;border:1px solid #dcd2ec;border-radius:30px;color:#594576;font-size:11px;font-weight:600;line-height:1.5}.page-toc a:hover{background:#e0d5ee}.content-page{max-width:1080px}.page-section{padding-top:56px;padding-bottom:15px;scroll-margin-top:100px}.page-section-heading{margin-bottom:25px;max-width:820px}.page-section h2{font-size:34px;letter-spacing:-1px;margin-bottom:18px}.page-section-heading p,.page-section>p{font-size:15px;line-height:1.8;color:var(--muted);max-width:850px}.page-section h3{font-size:20px;letter-spacing:-.4px;line-height:1.3;margin-bottom:14px}.page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.page-card{padding:26px;border:1px solid #dbd4e3;background:#fdfbf7;border-radius:15px;min-width:0}.page-card p,.page-card li{font-size:13px;line-height:1.85;color:#69616e}.page-card p:last-child{margin-bottom:0}.page-card ul,.page-card ol{padding-left:20px;margin-bottom:0}.page-card li+li{margin-top:9px}.page-card strong{color:var(--ink)}.page-callout{border:1px solid #d3c6e7;background:#eae3f4;border-radius:14px;padding:24px 27px;margin:22px 0;font-size:14px;line-height:1.8;color:#544762}.page-callout p{font-size:14px;line-height:1.8;margin-bottom:12px}.page-callout p:last-child{margin-bottom:0}.page-callout h3{margin-bottom:12px}.page-callout a,.page-note a,.page-section p>a,.page-card a,.resource-list a{color:#6742ab;text-decoration:underline;text-underline-offset:3px}.page-callout a:hover,.resource-list a:hover{color:#3f2676}.page-note{font-size:12px;line-height:1.8;color:#74697c}.page-table{overflow-x:auto;margin:25px 0;border:1px solid #d6cde1;border-radius:13px}.page-table table,table.page-table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.7;text-align:left}.page-table th{background:#e9e2f3;color:#534363;font-size:11px;padding:15px 18px;border-bottom:1px solid #d8cfe3}.page-table td{padding:18px;border-bottom:1px solid #e0d9e5;vertical-align:top;min-width:140px}.page-table tr:last-child td{border:0}.page-table td p{font-size:12px;margin-bottom:0}.page-steps{padding:0;list-style:none;counter-reset:page-step;display:flex;flex-direction:column;gap:12px;margin:25px 0}.page-steps>li{counter-increment:page-step;position:relative;padding:22px 24px 22px 68px;background:#eee9f4;border:1px solid #dfd7e9;border-radius:12px;font-size:14px;line-height:1.8}.page-steps>li:before{content:counter(page-step,decimal-leading-zero);position:absolute;left:22px;top:23px;font-size:15px;font-weight:700;color:var(--purple)}.page-steps h3{font-size:18px;margin-bottom:9px}.page-steps p{font-size:13px;color:#6c6178;margin-bottom:0}.page-steps strong{display:inline-block;margin-bottom:5px}.page-end{padding:33px;background:var(--lime);border:1px solid #cadd98;border-radius:17px;margin:45px 0 57px}.page-end h2{font-size:29px;margin-bottom:15px}.page-end p{font-size:14px;color:#53643c}.page-end .button{margin-right:10px;margin-top:7px}.page-link{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:#62418f;text-decoration:underline;text-underline-offset:5px;padding:9px 0}.resource-list{padding-left:20px;display:flex;flex-direction:column;gap:14px;line-height:1.7;font-size:12px;color:#6c6177}.resource-list a{font-size:13px;font-weight:600}.resource-list p{font-size:12px;margin:5px 0 0}.role-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.role-picker button{padding:17px 13px;text-align:left;border:1px solid #d5c9e5;background:#fdfbf7;border-radius:10px;font-size:12px;line-height:1.6;font-weight:600}.role-picker button[aria-pressed=true]{color:white;background:var(--purple);border-color:var(--purple)}.role-picker button:hover{border-color:var(--purple)}.role-result{min-height:160px}.self-check{display:flex;flex-direction:column;gap:10px;margin:25px 0}.self-check label{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;background:#fdfbf7;border:1px solid #d9d0e2;border-radius:10px;font-size:14px;line-height:1.7;cursor:pointer}.self-check input{width:18px;height:18px;margin-top:3px;accent-color:var(--purple);flex-shrink:0}.check-result{background:#e5ecd7;border-color:#c9d6b5;color:#52633e}.glossary-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:25px 0 15px}.glossary-controls label{font-size:13px;font-weight:600}.glossary-controls input[type=search],.glossary-search{width:100%;max-width:440px;background:#fffdf8;border:1px solid #cfc3df;border-radius:9px;padding:14px 15px;font-size:14px;color:var(--ink)}.glossary-filters{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0}.glossary-filters button{padding:10px 14px;border-radius:25px;border:1px solid #d4c9e2;background:#ece6f5;font-size:11px;color:#634d7c}.glossary-filters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.glossary-count{font-size:11px;color:#73647f;line-height:1.7}.glossary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start;margin-top:20px}.glossary-item{border:1px solid #ddd4e7;border-radius:12px;background:#fdfbf7;padding:0}.glossary-item summary{padding:19px 21px;cursor:pointer;font-size:16px;font-weight:600;color:#42354e;line-height:1.5}.glossary-item summary::marker{color:var(--purple)}.glossary-item[open]{background:#eee8f6;border-color:#c8b8de}.glossary-item>div,.glossary-item>p{padding:0 22px 18px;font-size:13px;line-height:1.8;color:#675c74}.glossary-item p{font-size:13px;line-height:1.8;margin-bottom:12px}.glossary-item p:last-child{margin-bottom:0}.glossary-item .term-category{display:inline-block;font-size:8px;letter-spacing:.7px;font-weight:600;color:#756583;background:#e9e2f2;border-radius:4px;padding:4px 6px;margin-left:7px;vertical-align:middle}.glossary-empty{padding:24px;border:1px dashed #bbabd0;border-radius:10px;background:#eee8f4;font-size:14px}.prompt-parts{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.prompt-parts button{padding:12px 16px;border:1px solid #d1c3e1;border-radius:9px;background:#fdfbf7;font-size:12px}.prompt-parts button[aria-pressed=true],.prompt-parts button[aria-selected=true]{background:var(--purple);color:white;border-color:var(--purple)}.prompt-demo{border-radius:14px;background:#292435;padding:26px;color:#e9e1f3;font-size:16px;line-height:1.85}.prompt-demo mark{background:#d9ef9b;color:#293421;padding:3px 5px;border-radius:3px}.prompt-explanation{font-size:13px;line-height:1.8;margin-top:15px;padding:20px;background:#e7e0f0;border-radius:10px}.page-footer{margin-top:24px}.page-section details:not(.glossary-item){border:1px solid #d8cde4;border-radius:11px;padding:17px 20px;margin-bottom:12px;background:#fdfbf7}.page-section details:not(.glossary-item) summary{font-size:14px;font-weight:600;cursor:pointer;line-height:1.7}.page-section details:not(.glossary-item) p{font-size:13px;line-height:1.8;margin:14px 0 0}.page-section blockquote{margin:22px 0;padding:20px 25px;border-left:3px solid var(--purple);background:#ece6f4;border-radius:0 10px 10px 0;font-size:15px;line-height:1.8}.page-section code{font-size:12px;overflow-wrap:anywhere}.page-section pre{white-space:pre-wrap;font-size:13px;line-height:1.8;background:#eee8f5;padding:22px;border-radius:12px}.page-section a{overflow-wrap:anywhere}
.content-page{margin-inline:auto}.page-section-heading .eyebrow{color:var(--purple);margin-bottom:13px;font-size:9px;letter-spacing:1.2px}.resource-list li>span{display:block;margin-top:5px}.page-card .approach-icon{position:static}.page-end:has(.closing-card){background:transparent;border:0;padding:0 28px}.page-end .closing-card{padding:35px}.page-end .closing-art{font-size:180px;margin-right:15px}.page-end .closing-art>span{font-size:18px;padding:21px 12px}.page-small{font-size:11px;line-height:1.8;color:#6f6478}.prompt-anatomy-card{padding:26px;border-radius:15px;border:1px solid #cbbdda;background:#eee8f5}.prompt-breakdown{font-size:18px;line-height:2.1;background:#292435;color:#e6dff0;border-radius:12px;padding:25px;margin:22px 0}.prompt-fragment{border-radius:4px;transition:background .2s,color .2s}.prompt-fragment.is-highlighted{background:var(--lime);color:#2c3524;padding:3px 1px}.prompt-part-note{font-size:13px;line-height:1.8;min-height:65px;color:#655774}.glossary-controls select{font-size:13px;padding:14px 13px;border:1px solid #cfc3df;border-radius:9px;background:#fffdf8;color:var(--ink)}.glossary-controls>div{display:flex;flex-direction:column;gap:9px;flex:1;min-width:200px}.glossary-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.glossary-term{margin:0!important}.glossary-term summary{display:flex;justify-content:space-between;align-items:center;gap:10px;list-style:none}.glossary-term summary:after{content:'+';color:var(--purple);font-size:19px;font-weight:400;flex-shrink:0}.glossary-term[open] summary:after{content:'−'}.glossary-term[open]{background:#eae2f4!important;border-color:#bba6d3!important}.glossary-tag{display:inline-block;font-size:8px;font-weight:600;line-height:1.4;letter-spacing:.5px;background:#e7dff1;color:#6e5788;border-radius:4px;padding:4px 6px;margin-left:auto}.glossary-empty{grid-column:1/-1}.glossary-term p{font-size:12px!important}.page-section .glossary-term strong{color:#4d3d5d}
@media(max-width:800px){.page-hero{padding-top:46px;padding-bottom:35px}.page-hero h1{font-size:46px;letter-spacing:-1.8px}.page-lead{font-size:16px}.page-section{padding-top:43px}.page-section h2{font-size:29px}.page-grid{gap:14px}.page-card{padding:22px}.role-picker{grid-template-columns:1fr 1fr}.page-end h2{font-size:28px}.glossary-grid{gap:10px}.glossary-item summary{padding:17px;font-size:15px}}
@media(max-width:600px){.page-hero{padding-top:35px;padding-bottom:28px}.page-kicker{font-size:8px;letter-spacing:1.1px;margin-bottom:18px}.page-hero h1{font-size:39px;line-height:1.12;letter-spacing:-1.5px}.page-lead{font-size:14px;line-height:1.85;margin-bottom:20px}.page-toc{gap:7px;margin-top:22px}.page-toc a{font-size:10px;padding:9px 11px}.page-section{padding-top:36px;padding-bottom:5px}.page-section h2{font-size:27px;letter-spacing:-.7px}.page-section-heading{margin-bottom:20px}.page-section-heading p,.page-section>p{font-size:13px}.page-grid,.glossary-grid{grid-template-columns:1fr;gap:12px}.page-card{padding:21px}.page-card h3{font-size:18px}.page-card p,.page-card li{font-size:12px}.page-callout{padding:21px;font-size:12px;margin-block:19px}.page-callout p{font-size:12px}.page-callout h3{font-size:18px}.page-note{font-size:11px}.page-table th{font-size:10px;padding:12px}.page-table td{padding:14px 12px;font-size:11px;min-width:132px}.page-steps>li{padding:19px 18px 19px 52px;font-size:12px}.page-steps>li:before{left:17px;top:20px;font-size:12px}.page-steps h3{font-size:17px}.page-steps p{font-size:12px}.page-end{padding:25px;margin:33px 0 43px}.page-end h2{font-size:26px}.page-end p{font-size:12px}.page-end .button{font-size:11px;margin-right:0}.page-link{font-size:12px}.role-picker{gap:8px}.role-picker button{font-size:11px;padding:14px 12px}.role-result{min-height:190px}.self-check label{font-size:12px;padding:15px;gap:11px}.self-check input{width:17px;height:17px}.glossary-controls{display:block}.glossary-controls label{display:block;margin-bottom:10px;font-size:12px}.glossary-controls input[type=search],.glossary-search{font-size:16px;max-width:none}.glossary-filters{gap:6px}.glossary-filters button{font-size:10px;padding:9px 12px}.glossary-item summary{font-size:15px;padding:18px}.glossary-item>div,.glossary-item>p{padding:0 18px 18px}.glossary-item p{font-size:12px}.prompt-parts{gap:6px}.prompt-parts button{padding:10px 12px;font-size:11px}.prompt-demo{font-size:14px;padding:21px}.prompt-explanation{font-size:12px;padding:18px}.resource-list{padding-left:17px;font-size:11px}.resource-list a{font-size:12px}.resource-list p{font-size:11px}.page-section blockquote{font-size:13px;padding:18px 20px}}
@media(max-width:600px){.glossary-list{grid-template-columns:1fr}.glossary-controls>div{margin-bottom:15px}.glossary-controls select{width:100%;font-size:16px}.prompt-anatomy-card{padding:18px}.page-section .prompt-breakdown{font-size:14px;line-height:1.9;padding:20px}.glossary-term summary{font-size:13px!important}.glossary-tag{font-size:7px;max-width:90px}.page-end:has(.closing-card){padding-inline:22px}.page-end .closing-card{padding:26px}.page-end .closing-art{font-size:150px;margin-right:0}.page-section .page-card .approach-icon{position:static}.page-section-heading .eyebrow{font-size:8px}}
.page-section .prompt-breakdown{background:#292435;color:#e6dff0;border-left:0}.page-section .prompt-breakdown .is-highlighted{background:#d9ef9b;color:#2c3524}.page-toc a[aria-current],.desktop-nav a[aria-current=page]{color:#6b46b3}
