/* Resource pages extend CharaFold's existing studio palette and type system. */
.resource-main{padding-top:28px}
.resource-main .article-head{max-width:1040px}
.resource-main .article-head h1{max-width:1000px}
.resource-answer{margin:32px 0 34px;padding:24px 28px;border-left:3px solid var(--accent);background:#1d2421;border-radius:0 8px 8px 0;max-width:1040px}
.resource-answer strong{font-size:18px;font-weight:600;color:#f1eee7}
.resource-answer p{margin:10px 0 0;max-width:900px;color:#bcc3bc;font-size:16px;line-height:1.85}
.resource-jumps{display:flex;flex-wrap:wrap;gap:10px 26px;padding:0 0 26px;border-bottom:1px solid var(--line);font-size:14px}
.resource-jumps a,.resource-prose a:not(.button){text-decoration:underline;text-underline-offset:4px;text-decoration-color:#7b8c7a;color:#e0d0be}
.resource-jumps a:hover,.resource-prose a:not(.button):hover{color:#f1bd98}
.template-pack{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:58px;align-items:center;padding:58px 0;border-bottom:1px solid var(--line);scroll-margin-top:110px}
.template-pack h2{font-size:32px;letter-spacing:-1px;line-height:1.3;font-weight:500;margin:15px 0}
.template-pack p{color:var(--muted);line-height:1.9;font-size:16px}
.template-preview{display:block;background:#fbfaf6;border-radius:8px;overflow:hidden;box-shadow:0 18px 45px #0003}
.template-preview img{display:block;width:100%;height:auto;transition:transform .3s ease}
.template-preview:hover img{transform:scale(1.015)}
.resource-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 12px}
.template-pack p.download-spec{font-size:12px;line-height:1.8;color:#aab1aa}
.resource-prose{min-width:0;max-width:900px}
.resource-prose>h2,.resource-prose section>h2{font-size:28px;letter-spacing:-.7px;line-height:1.35;font-weight:500;margin:22px 0 16px}
.resource-main>section.resource-prose{padding:45px 0 8px}
.resource-prose p,.resource-prose li{font-size:16px;line-height:1.95;color:#b5beb4}
.resource-prose p+p{margin-top:16px}
.resource-prose strong{font-weight:600;color:#e1e4db}
.resource-prose ol{padding-left:24px}
.resource-prose li{margin:14px 0;padding-left:5px}
.resource-main .article-layout{margin-top:38px;gap:70px;grid-template-columns:230px minmax(0,900px)}
.resource-main .article-layout aside nav{margin-top:0}
.resource-table{overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:7px;margin:22px 0}
.resource-table table{width:100%;min-width:600px;border-collapse:collapse;text-align:left;font-size:14px;line-height:1.8}
.resource-table caption{text-align:left;padding:16px;color:#d3d8cc}
.resource-table th{font-weight:600;color:#eeeee5;background:#222a25}
.resource-table th,.resource-table td{padding:16px;vertical-align:top;border-top:1px solid var(--line)}
.resource-table td{color:#b8c0b7}
.resource-table td:first-child{color:#e2d4c3;width:25%}
.resource-table td:nth-child(2){width:36%}
.resource-sample{margin:26px 0}
.resource-sample img{display:block;width:100%;height:auto;border-radius:6px;background:#faf9f4}
.resource-sample figcaption{font-size:12px;line-height:1.8;margin-top:12px;color:#a6afa5}
.prompt-block pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#181e1b;border:1px solid #3c4940;border-radius:7px;padding:23px;color:#d5dcd0;font:14px/1.95 Manrope,Arial,sans-serif;margin:18px 0}
.prompt-block code{font:inherit}
.resource-prose p.prompt-label{font-size:13px;color:#aab5a6}
.prompt-builder{padding:25px;background:#1b221e;border:1px solid #3a473b;border-radius:8px}
.prompt-builder label{display:block;margin:20px 0 9px;font-size:14px;line-height:1.6;color:#e2e7db;font-weight:500}
.prompt-builder label span{color:#9fac9b;font-weight:400;margin-left:8px}
.prompt-builder textarea,.prompt-builder select{box-sizing:border-box;width:100%;max-width:100%;background:#101613;border:1px solid #59685b;border-radius:5px;padding:13px 15px;color:#e2e8dc;font:15px/1.7 Manrope,Arial,sans-serif}
.prompt-builder textarea{resize:vertical}
.prompt-builder textarea::placeholder{color:#a5b0a3;opacity:1}
.prompt-builder :is(select,textarea):focus-visible{outline:2px solid #e2b08c;outline-offset:3px}
.prompt-builder form>.button{margin-top:20px}
.prompt-output{border-top:1px solid var(--line);margin-top:28px;padding-top:4px}
.prompt-output .button{margin-top:14px}
.copy-status{min-height:1.9em;font-size:14px!important;color:#d7bc9f!important}
.resource-section h2{font-size:42px;line-height:1.25;letter-spacing:-1.4px;font-weight:500;margin:16px 0}
.resource-section h2 em{font-family:Instrument,Georgia,serif;font-weight:400}
.resource-lead{color:var(--muted);font-size:16px;max-width:680px;line-height:1.8}
.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:30px}
.resource-grid>a{display:flex;flex-direction:column;border-top:1px solid #64705f;padding:24px 0 16px;min-width:0}
.resource-grid h3{font-size:22px;line-height:1.4;letter-spacing:-.45px;font-weight:500;margin:14px 0}
.resource-grid p{font-size:15px;line-height:1.85;color:var(--muted);margin-bottom:20px}
.resource-read{font-size:14px;color:#dfc3ab;margin-top:auto}
.resource-grid>a:hover h3{color:#e6b28f}
.tool-resource-link{margin-top:20px;font-size:13px;color:#bac2b4;max-width:410px;line-height:1.8}
.tool-resource-link a{color:#dfb89b;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){.template-pack{gap:32px}.template-pack h2{font-size:28px}.resource-main .article-layout{grid-template-columns:185px minmax(0,1fr);gap:35px}.resource-grid{gap:20px}.resource-grid h3{font-size:21px}}
@media(max-width:800px){.resource-main .article-layout{grid-template-columns:1fr;gap:28px}.resource-main .article-layout aside{position:static}.resource-main .article-layout aside nav{grid-template-columns:1fr 1fr}.template-pack{grid-template-columns:1fr;gap:28px;padding:38px 0}.template-preview{order:-1;max-width:680px}.resource-grid{grid-template-columns:1fr;gap:10px}.resource-grid>a{padding:22px 0}.resource-grid p{max-width:620px}.resource-section h2{font-size:36px}}
@media(max-width:520px){.resource-answer{padding:21px;margin-top:26px}.resource-answer strong{font-size:17px}.resource-jumps{gap:13px 20px;font-size:13px}.resource-main .article-layout aside nav{grid-template-columns:1fr}.resource-actions{gap:10px}.resource-actions .button{font-size:13px;padding:10px 13px;gap:10px}.template-pack h2{font-size:27px}.prompt-builder{padding:20px 16px}.prompt-builder :is(textarea,select){font-size:16px;padding:12px}.prompt-block pre{padding:18px;font-size:14px}.resource-section h2{font-size:32px}.resource-prose>h2,.resource-prose section>h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.template-preview:hover img{transform:none}}

.prompt-output .button:disabled{opacity:.45;cursor:not-allowed;translate:none;box-shadow:none}