/* Additive styles: existing journal and generator styles remain untouched. */
.forge-guide .article-heading{max-width:1000px}
.forge-guide h1{font-size:clamp(1.9rem,3.4vw,3rem);line-height:1.6;text-wrap:pretty}
.forge-guide .article-subtitle{margin-top:1.2rem}
.forge-guide .prose{font-size:1.0625rem}
.guide-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2rem 0 2.5rem}
.guide-overview>div{padding:1.3rem;background:#f2ecf9;border:1px solid #e4d9f0;border-radius:14px}
.guide-overview span{display:block;color:#746180;margin-bottom:.5rem;font-size:1rem}
.guide-overview strong{display:block;font-size:1.0625rem;line-height:1.7}
.guide-notice{background:#faf6fc;border:1px solid #dfd0e9;border-left:4px solid #aa89c4;border-radius:0 16px 16px 0;padding:1.5rem 1.7rem;margin:2rem 0}
.forge-guide .guide-notice h2,.forge-guide .guide-notice h3{font-size:1.2rem;margin:0 0 1rem}
.forge-guide .guide-fine{font-size:1rem;line-height:1.85;color:#706376}
.forge-guide .article-toc a{display:inline-block;padding:.3rem 0}
.guide-step{scroll-margin-top:2rem;padding-top:1rem}
.forge-guide .guide-actions{padding-left:1.6rem}
.guide-actions>li{padding-left:.3rem;margin-bottom:1.2rem}
.forge-guide code{font-size:.92em;background:#f1ebf7;padding:.1em .28em;border-radius:4px;overflow-wrap:anywhere;color:#60437c}
.forge-guide kbd{font:inherit;font-size:.9em;border:1px solid #d6c8e3;border-bottom-width:2px;border-radius:4px;padding:.08em .3em;white-space:nowrap}
.forge-guide .guide-check{background:#edf4ee;border-radius:10px;padding:1rem 1.2rem;color:#365a43;font-size:1rem;line-height:1.8}
.forge-guide .guide-screen{margin:2rem 0}
.guide-screen img{width:100%;height:auto;border-radius:12px;border:1px solid #d9cce4}
.guide-screen>a{display:block}
.guide-screen .guide-image-link{position:relative;line-height:0;border-radius:12px;cursor:zoom-in}
.screen-mark{position:absolute;box-sizing:border-box;border:2px solid #8e46b8;border-radius:4px;pointer-events:none;box-shadow:0 0 0 1px #fff9}
.screen-mark>span{position:absolute;left:0;top:0;transform:translate(-35%,-45%);display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#713495;color:#fff;font:bold 14px/1 sans-serif;box-shadow:0 0 0 1px white}
.console-url{left:.5%;top:62.2%;width:38.1%;height:3.8%;border-color:#ffe076;box-shadow:0 0 0 1px #1f190b}
.ui-checkpoint{left:16.1%;top:3.3%;width:16.2%;height:3.4%}
.ui-txt2img{left:1.8%;top:7.7%;width:5.1%;height:2.7%}
.ui-prompts{left:2.5%;top:11%;width:75.8%;height:14.5%}
.ui-generate{left:79%;top:11%;width:18.5%;height:5.8%}
.guide-ui-key{background:#f4eef9;border:1px solid #e3d5ee;padding:1.5rem;border-radius:14px;margin:2rem 0}
.guide-ui-key ol{padding-left:1.5rem}
.guide-ui-key li{margin:1rem 0}
@media(max-width:640px){.screen-mark{border-width:1px}.screen-mark>span{width:17px;height:17px;font-size:11px}.ui-txt2img>span{transform:translate(-35%,-90%)}.ui-prompts>span{transform:translate(-35%,0)}.guide-ui-key{padding:1.1rem}}
.guide-table-wrap{overflow-x:auto;margin:1.5rem 0;border:1px solid #e1d6ec;border-radius:12px}
.guide-table{width:100%;border-collapse:collapse;min-width:510px;font-size:1rem;line-height:1.85}
.guide-table caption{padding:1rem;text-align:left;background:#f5effa;color:#654b7b}
.guide-table th,.guide-table td{padding:1rem;text-align:left;border-top:1px solid #e1d6ec;vertical-align:top}
.guide-table th{background:#faf7fc}
.guide-table td:first-child{width:55%}
.guide-checklist{list-style:'✓  ';padding-left:1.5rem}
.guide-checklist li{padding:.4rem 0 .4rem .2rem}
.guide-faq{display:grid;gap:.7rem;margin:1.5rem 0}
.guide-faq details{border:1px solid #e1d6ec;border-radius:12px;background:#fff}
.guide-faq summary{cursor:pointer;padding:1.1rem 1.2rem;font-weight:600;line-height:1.7;color:#5e4679}
.guide-faq details[open] summary{border-bottom:1px solid #eee6f4}
.guide-faq details p{padding:0 1.2rem;margin:1.1rem 0}
.guide-related{padding:2rem;background:linear-gradient(120deg,#f1e9f8,#fbf9fd);border-radius:16px;margin:3rem 0}
.forge-guide .guide-related h2{font-size:1.3rem;margin:.8rem 0}
.guide-related>a{display:inline-block;font-size:1.1rem;font-weight:600;line-height:1.8;padding:.4rem 0}
.forge-guide a:focus-visible,.forge-guide summary:focus-visible,.guide-table-wrap:focus-visible{outline:3px solid #9d75bc;outline-offset:4px;border-radius:3px}
@media(max-width:640px){.guide-overview{grid-template-columns:1fr;gap:.65rem}.guide-overview>div{padding:1rem 1.2rem}.guide-overview span{margin-bottom:.2rem}.guide-notice{padding:1.2rem}.forge-guide .prose{font-size:1rem}.guide-related{padding:1.4rem}.guide-faq summary{padding:1rem}.forge-guide h1{font-size:1.8rem}.guide-table-wrap{max-width:100%}}
