/* Affiliate program */
.sidebar-utilities a { min-height:38px;display:flex;align-items:center;gap:10px;width:100%;padding:6px 8px;border:0;border-radius:10px;background:transparent;color:#263142;font:inherit;font-size:12px;text-decoration:none;cursor:pointer; }
.sidebar-utilities a:hover,.sidebar-utilities a.active { background:#fff0f4;color:var(--rose-dark);text-decoration:none; }
.sidebar-utilities a svg { width:17px;height:17px; }

/* AI image prompting guide */
.anima-guide-link { min-height:47px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;margin:8px 2px 20px;padding:8px 10px;border:1px solid #dce3eb;border-radius:10px;background:#fff;color:#5e6d82;transition:border-color .16s,background .16s,color .16s; }
.anima-guide-link:hover { border-color:#da2d56;background:#fff6f8;color:var(--rose-dark); }
.anima-guide-link svg { width:21px;height:21px; }
.anima-guide-link span,.anima-guide-link strong,.anima-guide-link small { display:block;min-width:0; }
.anima-guide-link strong { color:#536277;font-size:12px; }
.anima-guide-link small { margin-top:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#627084;font-size:9px; }
.anima-guide-link b { color: var(--rose-text);font-size:15px; }
.anima-guide-feature { display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:20px;margin:8px 0 32px;padding:20px 24px;border:1px solid #edcdd5;border-radius:18px;background:linear-gradient(112deg,#fff2f5,#fffaf8 53%,#f5efff);transition:border-color .18s,transform .18s; }
.anima-guide-feature:hover { border-color:#d6325a;transform:translateY(-2px); }
.anima-guide-feature-mark { width:72px;height:72px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--rose),#9a53e8);color:#fff;font-size:29px;font-weight:900;box-shadow:0 12px 26px rgba(176,64,113,.2); }
.anima-guide-feature > span:nth-child(2),.anima-guide-feature small,.anima-guide-feature strong,.anima-guide-feature em { display:block; }
.anima-guide-feature small { color:var(--rose-dark);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase; }
.anima-guide-feature strong { margin-top:4px;font-size:20px;line-height:1.2; }
.anima-guide-feature em { margin-top:4px;color:var(--muted);font-size:12px;font-style:normal; }
.anima-guide-feature > b { color:var(--rose-dark);font-size:12px;white-space:nowrap; }
.anima-guide-main { padding-bottom:90px;background:linear-gradient(180deg,#fffaf9 0,#fff 24%,#fffdfc 100%); }
.anima-guide-page { max-width:1500px;margin:0 auto; }
.guide-modal-open { overflow:hidden; }
.anima-guide-modal-backdrop { position:fixed;z-index:420;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(28,19,25,.68);backdrop-filter:blur(9px); }
.anima-guide-modal { position:relative;width:min(1480px,calc(100vw - 44px));height:min(920px,calc(100vh - 44px));overflow:hidden;border:1px solid rgba(255,255,255,.74);border-radius:24px;background:#fffdfc;box-shadow:0 34px 90px rgba(31,18,26,.3); }
.anima-guide-modal-scroll { width:100%;height:100%;overflow:auto;overscroll-behavior:contain;padding:0 clamp(24px,4vw,64px) 64px;scrollbar-gutter:stable; }
.anima-guide-modal-close { position:absolute;z-index:12;top:22px;right:34px;width:52px;height:52px;display:grid;place-items:center;border:1px solid #e3d8dd;border-radius:14px;background:#fff;color:var(--ink);font-size:29px;line-height:1;cursor:pointer;box-shadow:0 9px 26px rgba(54,30,42,.14);transition:border-color .16s,color .16s,transform .16s,background .16s; }
.anima-guide-modal-close:hover,.anima-guide-modal-close:focus-visible { border-color:#dc2b52;background:#fff5f7;color:var(--rose-dark);transform:translateY(-1px);outline:none; }
.anima-guide-modal .anima-guide-page { max-width:1320px; }
.anima-guide-modal .anima-guide-hero { padding-top:64px; }
.anima-guide-hero { display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.6fr);gap:32px;align-items:center;padding:40px 0 64px; }
.anima-guide-hero-copy { display:flex;flex-direction:column;justify-content:center;padding:24px clamp(4px,2vw,28px) 24px 2px; }
.guide-model-badge { width:max-content;display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid #efc9d3;border-radius:10px;background:#fff;color:#5e6878;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase; }
.guide-model-badge i { color: var(--rose-text);font-size:15px;font-style:normal;letter-spacing:-.06em;text-transform:none; }
.anima-guide-hero h1 { max-width:880px;margin:16px 0 20px;font-size:clamp(46px,5.3vw,82px);line-height:.95;letter-spacing:-4.7px; }
.anima-guide-hero h1 em { color: var(--rose-text);font:italic inherit; }
.anima-guide-hero-copy > p { max-width:740px;margin:0;color:#687487;font-size:17px;line-height:1.72; }
.guide-hero-actions { display:flex;gap:10px;margin-top:28px; }
.guide-hero-facts { display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:28px;color:#6b7587;font-size:9px; }
.guide-hero-facts span { position:relative;padding-left:12px; }
.guide-hero-facts span:before { content:"";position:absolute;left:0;top:6px;width:5px;height:5px;border-radius:50%;background:var(--rose); }
.guide-hero-facts strong { color:#343d4c; }
.anima-guide-hero-art { position:relative;aspect-ratio:1/1;max-height:430px;overflow:hidden;border-radius:24px;background:#eadde5;box-shadow:0 26px 70px rgba(59,32,48,.15); }
.anima-guide-hero-art:after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 44%,rgba(25,16,28,.76));pointer-events:none; }
.anima-guide-hero-art > img { width:100%;height:100%;object-fit:cover; }
.guide-prompt-float { position:absolute;z-index:2;left:20px;right:20px;top:20px;display:flex;flex-wrap:wrap;gap:6px; }
.guide-prompt-float span { padding:6px 10px;border:1px solid rgba(255,255,255,.52);border-radius:6px;background:rgba(255,255,255,.8);color:#503b49;font-size:9px;font-weight:900;backdrop-filter:blur(12px); }
.guide-art-caption { position:absolute;z-index:2;left:27px;right:27px;bottom:26px;color:#fff; }
.guide-art-caption b,.guide-art-caption span { display:block; }
.guide-art-caption b { font:italic 38px/1 Georgia,serif; }
.guide-art-caption span { margin-top:6px;color:#e3cddb;font-size:11px; }
.anima-guide-layout { display:grid;grid-template-columns:230px minmax(0,1fr);gap:56px;align-items:start; }
.anima-guide-nav { position:sticky;top:94px;display:grid;gap:2px;padding:16px;border:1px solid #e7e1e5;border-radius:14px;background:rgba(255,255,255,.94);box-shadow:0 13px 32px rgba(64,36,49,.06); }
.anima-guide-nav > strong { padding:4px 8px 10px;color:#263142;font-size:11px; }
.anima-guide-nav a { padding:8px 8px;border-radius:6px;color:#67768d;font-size:9px;font-weight:800; }
.anima-guide-nav a:hover { background:#fff1f4;color:var(--rose-dark); }
.anima-guide-nav .guide-nav-studio { margin-top:8px;border:1px solid #efb3c1;background:#fff6f8;color:var(--rose-dark); }
.anima-guide-content { min-width:0;max-width:1100px; }
.guide-section { scroll-margin-top:95px;padding:56px 0;border-top:1px solid #ece4e7; }
.guide-section:first-child { padding-top:0;border-top:0; }
.guide-section-kicker { display:block;margin-bottom:8px;color:var(--rose-dark);font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase; }
.guide-section h2 { max-width:850px;margin:0 0 12px;font-size:clamp(29px,3.2vw,48px);line-height:1.03;letter-spacing:-2px; }
.guide-section > p,.guide-lead { max-width:850px;margin:0;color:#6a7383;font-size:13px;line-height:1.75; }
.guide-recipe-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:28px; }
.guide-recipe-grid article { min-width:0;min-height:215px;display:flex;flex-direction:column;padding:16px;border:1px solid #e9dce1;border-radius:14px;background:#fff; }
.guide-recipe-grid i { width:29px;height:29px;display:grid;place-items:center;border-radius:6px;background:#fff0f3;color:var(--rose-dark);font-size:11px;font-style:normal;font-weight:900; }
.guide-recipe-grid strong { margin-top:16px;font-size:20px; }
.guide-recipe-grid span { margin-top:4px;color:#657081;font-size:9px;line-height:1.5; }
.guide-recipe-grid code { margin-top:auto;padding-top:16px;color:#a23b58;font-size:9px;line-height:1.5;white-space:normal;overflow-wrap:anywhere; }
.guide-formula { display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:16px;margin-top:10px;padding:16px 20px;border-radius:10px;background:#292332;color:#fff; }
.guide-formula span { color:#e51846;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase; }
.guide-formula code { min-width:0;color:#fff;font-size:9px;line-height:1.6;white-space:normal; }
.tag-order-flow { display:flex;align-items:stretch;gap:6px;margin-top:24px; }
.tag-order-flow > div { min-width:0;flex:1;padding:12px 12px;border:1px solid #e4e8ee;border-radius:10px;background:#fff; }
.tag-order-flow > div:first-child { border-color:#d53358;background:#fff5f7; }
.tag-order-flow small,.tag-order-flow strong { display:block; }
.tag-order-flow small { min-height:28px;color:#687586;font-size:9px;font-weight:900;line-height:1.35;text-transform:uppercase; }
.tag-order-flow strong { margin-top:6px;color:#3d4858;font-size:9px;line-height:1.5; }
.tag-order-flow > b { align-self:center;color:#67768c;font-size:13px; }
.guide-note { display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;margin-top:12px;padding:16px 20px;border:1px solid #f1ced7;border-radius:10px;background:#fff6f8; }
.guide-note strong { color:var(--rose-dark);font-size:11px; }
.guide-note p { margin:0;color:#6c6871;font-size:11px;line-height:1.65; }
.guide-note code,.guide-section p code,.guide-vocab-grid code { padding:0px 4px;border-radius:4px;background:#f2edf5;color:#8e3960;font-size:.93em; }
.guide-vocab-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:28px; }
.guide-vocab-grid article { padding:20px;border:1px solid #e5e7ed;border-radius:14px;background:#fff; }
.guide-vocab-grid article > span { display:inline-block;padding:4px 6px;border-radius:4px;background:#f1ecfb;color:#8055b9;font-size:9px;font-weight:900;text-transform:uppercase; }
.guide-vocab-grid h3 { margin:12px 0 6px;font-size:15px; }
.guide-vocab-grid p { margin:0;color:#687387;font-size:9px;line-height:1.7; }
.guide-rules { margin-top:10px;padding:24px 24px;border-radius:14px;background:#f6f8fb; }
.guide-rules h3 { margin:0 0 12px;font-size:17px; }
.guide-rules ul,.guide-bullets { margin:0;padding-left:16px;color:#677487;font-size:11px;line-height:1.8; }
.guide-rules code { padding:2px 4px;border-radius:4px;background:#fff;color:#8e3960; }
.guide-do-dont { display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px; }
.guide-do-dont article { padding:20px;border:1px solid #dfe6eb;border-radius:14px;background:#fff; }
.guide-do-dont article.do { border-color:#3d8165;background:#f5fbf8; }
.guide-do-dont article.dont { border-color:#b7546f;background:#fffafb; }
.guide-do-dont span { display:inline-block;margin-bottom:8px;color:#278362;font-size:9px;font-weight:900;text-transform:uppercase; }
.guide-do-dont .dont span { color:var(--rose-dark); }
.guide-do-dont p { margin:0;color:#596576;font-size:11px;line-height:1.7; }
.guide-tip-row { display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px; }
.guide-tip-row div { padding:16px;border:1px solid #e5e7ec;border-radius:10px;background:#fff; }
.guide-tip-row strong,.guide-tip-row span { display:block; }
.guide-tip-row strong { font-size:11px; }
.guide-tip-row span { margin-top:4px;color:#6b7584;font-size:9px;line-height:1.55; }
.character-map { display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.1fr);align-items:stretch;gap:8px;margin-top:24px; }
.character-map > div { padding:16px;border:1px solid #e2e6ed;border-radius:10px;background:#fff; }
.character-map > div:last-of-type { border-color:#d3395c;background:#fff7f9; }
.character-map span,.character-map code { display:block; }
.character-map span { color:#687588;font-size:9px;font-weight:900;text-transform:uppercase; }
.character-map code { margin-top:8px;color:#465365;font-size:9px;line-height:1.6;white-space:normal; }
.character-map > b { align-self:center;color:#65758a;font-size:15px; }
.guide-bullets { margin-top:16px; }
.guide-examples-section { padding-bottom:64px; }
.anima-example-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px; }
.anima-example { min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e2dbe0;border-radius:14px;background:#fff;box-shadow:0 9px 25px rgba(60,36,48,.05); }
.anima-example header { padding:20px 20px 12px; }
.anima-example header span { color:var(--rose-dark);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase; }
.anima-example h3 { margin:4px 0 0;font-size:17px; }
.anima-example pre { min-height:172px;margin:0;padding:16px 20px;background:#292332;color:#966496;white-space:pre-wrap;overflow-wrap:anywhere; }
.anima-example code { font:10px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap; }
.anima-example footer { display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:auto;border-top:1px solid #e8e2e6; }
.anima-example footer button { min-height:47px;border:0;background:#fff;color:#667487;font-size:9px;font-weight:900;cursor:pointer; }
.anima-example footer button + button { border-left:1px solid #e8e2e6;color:var(--rose-dark); }
.anima-example footer button:hover { background:#fff4f7; }
.dataset-example-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px; }
.dataset-example-grid article { min-width:0;overflow:hidden;border:1px solid #e3e7ec;border-radius:14px;background:#fff; }
.dataset-example-grid article > strong { display:block;padding:12px 16px;border-bottom:1px solid #e6e9ee;color:#3c4859;font-size:11px; }
.dataset-example-grid pre { min-height:145px;margin:0;padding:16px;background:#f6f8fb;white-space:pre-wrap;overflow-wrap:anywhere; }
.dataset-example-grid code { color:#546173;font:10px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap; }
.guide-caption { margin-top:12px!important;font-size:9px!important; }
.guide-fix-table { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px;border:1px solid #e3e7ec;border-radius:14px;overflow:hidden; }
.guide-fix-table div { min-height:94px;padding:20px;background:#fff;border-bottom:1px solid #e8ebef; }
.guide-fix-table div:nth-child(odd) { border-right:1px solid #e8ebef; }
.guide-fix-table div:nth-last-child(-n+2) { border-bottom:0; }
.guide-fix-table strong,.guide-fix-table span { display:block; }
.guide-fix-table strong { color:#354153;font-size:11px; }
.guide-fix-table span { margin-top:4px;color:#687487;font-size:9px;line-height:1.6; }
.guide-checklist { display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:28px;align-items:stretch;margin-bottom:20px;padding:32px!important;border:1px solid #efced6!important;border-radius:18px;background:linear-gradient(135deg,#fff4f6,#fffaf8 55%,#f6efff); }
.guide-checklist h2 { font-size:clamp(29px,3vw,43px); }
.guide-checklist ul { display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0 24px;padding:0;list-style:none; }
.guide-checklist li { display:flex;gap:8px;color:#596575;font-size:9px; }
.guide-checklist li b { color:#23825f; }
.guide-checklist aside { display:flex;flex-direction:column;justify-content:center;padding:28px;border-radius:14px;background:#292332;color:#fff; }
.guide-checklist aside > span { color:#e41a4c;font-size:29px;font-weight:900; }
.guide-checklist aside strong { margin-top:24px;font:italic 27px/1.1 Georgia,serif; }
.guide-checklist aside p { margin:10px 0 0;color:#836d85;font-size:9px;line-height:1.65; }

@media(max-width:1100px) {
  .anima-guide-hero { grid-template-columns:minmax(0,1fr) 300px; }
  .guide-recipe-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .guide-recipe-grid article { min-height:190px; }
  .tag-order-flow { display:grid;grid-template-columns:repeat(3,minmax(0,1fr)); }
  .tag-order-flow > b { display:none; }
  .guide-vocab-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:900px) {
  .anima-guide-hero { grid-template-columns:1fr;min-height:0; }
  .anima-guide-hero-art { min-height:520px; }
  .anima-guide-layout { grid-template-columns:1fr;gap:0; }
  .anima-guide-nav { position:relative;top:auto;display:flex;overflow-x:auto;margin-bottom:48px;scrollbar-width:none; }
  .anima-guide-nav::-webkit-scrollbar { display:none; }
  .anima-guide-nav > strong { display:none; }
  .anima-guide-nav a { flex:none;white-space:nowrap; }
}
@media(max-width:640px) {
  .anima-guide-feature { grid-template-columns:52px minmax(0,1fr);gap:12px;padding:16px; }
  .anima-guide-feature-mark { width:52px;height:52px;border-radius:14px;font-size:20px; }
  .anima-guide-feature > b { display:none; }
  .anima-guide-feature strong { font-size:15px; }
  .anima-guide-feature em { font-size:9px; }
  .anima-guide-hero { padding-top:24px; }
  .anima-guide-hero h1 { font-size:45px;letter-spacing:-3px; }
  .anima-guide-hero-copy > p { font-size:13px; }
  .guide-hero-actions { flex-direction:column; }
  .guide-hero-actions .btn { width:100%; }
  .anima-guide-hero-art { min-height:440px; }
  .guide-section { padding:40px 0; }
  .guide-recipe-grid,.guide-vocab-grid,.guide-do-dont,.guide-tip-row,.anima-example-grid,.dataset-example-grid,.guide-fix-table { grid-template-columns:1fr; }
  .guide-recipe-grid article { min-height:170px; }
  .guide-formula,.guide-note { grid-template-columns:1fr;gap:8px; }
  .tag-order-flow { grid-template-columns:1fr 1fr; }
  .character-map { grid-template-columns:1fr; }
  .character-map > b { text-align:center; }
  .guide-fix-table div,.guide-fix-table div:nth-child(odd),.guide-fix-table div:nth-last-child(-n+2) { border-right:0;border-bottom:1px solid #e8ebef; }
  .guide-fix-table div:last-child { border-bottom:0; }
  .guide-checklist { grid-template-columns:1fr;padding:24px!important; }
  .guide-checklist ul { grid-template-columns:1fr; }
}