.editorial-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.editorial-steps article{padding:26px;border:1px solid #e6e3ef;border-radius:18px;background:#fff}.editorial-steps h3{font-size:1.12rem;margin:12px 0}.editorial-steps p,.worked-example p,.tool-questions p{font-size:1rem;line-height:1.8;color:#5b596e}.worked-example{margin-top:24px;padding:28px;background:#f0ecfb;border-radius:18px}.worked-example h3{margin-top:0}.worked-example a,.content-credit a,.related-reasons a,.article-meta a{color:#6543b2;text-underline-offset:3px}.tool-questions{margin-top:24px}.tool-questions details{padding:20px 0;border-bottom:1px solid #e6e3ef}.tool-questions summary{cursor:pointer;font-weight:650}.article-toc{padding:24px 28px;margin:28px 0;background:#f1eef8;border-radius:16px;display:grid;gap:10px}.article-toc a{color:#554277;text-decoration:none;font-size:.95rem}.article-toc a:hover{text-decoration:underline}.article-content h2{scroll-margin-top:110px}.table-scroll{overflow-x:auto;margin:24px 0}.table-scroll table{border-collapse:collapse;width:100%;min-width:480px;text-align:left;font-size:.94rem}.table-scroll th,.table-scroll td{padding:14px;border:1px solid #e4e0ed;vertical-align:top;line-height:1.7}.table-scroll th{background:#f1eef8}.content-credit{font-size:.85rem!important;color:#686476;margin-top:26px}.related-reasons{padding-left:22px;line-height:1.8}.related-reasons li{margin-bottom:12px}.data-confirm{display:flex;gap:14px;align-items:flex-start;margin:24px 0;line-height:1.7}.data-confirm input{width:20px;min-width:20px;height:20px;margin-top:4px}.directory-names{columns:2;column-gap:42px}.directory-names li{break-inside:avoid;margin-bottom:12px}.breadcrumb{flex-wrap:wrap;line-height:1.6;margin-top:22px}.breadcrumb a{color:#6543b2}.article-meta{line-height:1.8}.workspace-explainer{border-top:1px solid #e6e3ef}.name-editorial{margin-top:26px}
@media(max-width:760px){.editorial-steps{grid-template-columns:1fr}.editorial-steps article,.worked-example{padding:21px}.directory-names{columns:1}.article-toc{padding:20px}.breadcrumb{font-size:.8rem}.data-confirm{font-size:.92rem}}

/* Interaction fixes and distinct guide artwork. */
.category-tab{white-space:nowrap}.category-tab[aria-current="page"]{cursor:default}
.guide-art .guide-symbol{position:absolute;right:20px;top:17px;opacity:.85;line-height:1}.guide-symbol .icon{width:35px;height:35px}.guide-art .guide-word{font-size:49px}.guide-art.art-pet .guide-word{font-size:34px;letter-spacing:-1px}
.art-languages{background:linear-gradient(130deg,#dceffa,#e9ddfb);color:#476785}.art-username{background:linear-gradient(130deg,#d3f3e9,#c8e6fa);color:#38756c}.art-fantasy{background:linear-gradient(130deg,#e5dbfa,#f8dcea);color:#75528c}.art-pet{background:linear-gradient(130deg,#ffead2,#f7d8e6);color:#93636c}
[data-compare][aria-pressed="true"]{color:#6843ad;background:#efe8fb;border-radius:6px}.compare-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto}.compare-form input{width:100%;min-width:0}.compare-tray{max-width:calc(100% - 24px)}.compare-tray>span{overflow-wrap:anywhere;min-width:0}.compare-tray .button,.compare-tray .icon-button{flex-shrink:0}
header a[aria-current="page"]:not(.logo),footer a[aria-current="page"]:not(.logo){color:#7042b3;text-decoration:underline;text-underline-offset:4px}
#comparison-inline{scroll-margin-top:24px}.name-card h3{overflow-wrap:anywhere}.empty-state .button{margin-top:6px}
@media(max-width:850px){.compare-form{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-form .button{align-self:end;justify-content:center}}
@media(max-width:640px){.compare-form{grid-template-columns:1fr}.compare-tray{gap:8px;padding:10px}.compare-tray>span{font-size:11px}.compare-tray .button{font-size:11px;padding:10px}.guide-art .guide-word{font-size:45px}}

.floating-card[href]{color:inherit}.floating-card[href]:hover{box-shadow:0 12px 35px #19102c30}.button:disabled{opacity:.5;cursor:not-allowed}

.page-heading+.section{padding-top:16px}.comparison-clear{margin-top:14px;color:#7042b3}.page-heading{padding-bottom:28px}@media(max-width:640px){.page-heading{padding-top:32px;padding-bottom:24px}}
