.stg27-heading{background:linear-gradient(120deg,#173f3d,#315753);color:#fff9e9;border-radius:20px;padding:32px;margin-bottom:22px}.stg27-heading>span,.stg27-kicker{font-size:12px;letter-spacing:2px;color:#c29b61}.stg27-heading h1{font-size:28px;line-height:1.5;margin:10px 0}.stg27-heading p{color:#d2dfda;line-height:1.9}.stg27-heading .btn{background:#fff8e8;color:#234541;border:0}.stg27-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:20px}.stg27-form fieldset{border:0;padding:0;margin:0;min-width:0}.stg27-form label{display:flex;flex-direction:column;gap:7px;margin-bottom:18px;font-size:14px}.stg27-form input,.stg27-form select,.stg27-form textarea{width:100%;box-sizing:border-box}.stg27-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.stg27-aside .panel{margin-bottom:20px}.stg27-aside p,.stg27-order p{font-size:14px;line-height:1.9}.stg27-downloads{display:grid;gap:12px;margin:20px 0}.stg27-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:16px 0}.stg27-order{margin-top:22px}.stg27-order input{max-width:110px}.stg27-aside summary{cursor:pointer;color:#315753;padding:12px 0}.stg27-reader{margin:0;background:#e5e0d6;color:#283c36;font-family:system-ui,sans-serif}.stg27-reader *{box-sizing:border-box}.stg27-reader a{color:inherit;text-decoration:none}.stg27-reader button{font:inherit;cursor:pointer;border:1px solid #d5d6cc;background:#fffdf6;border-radius:8px;padding:8px 12px;color:#283c36}.stg27-reader button:disabled{opacity:.35;cursor:default}.stg27-reader-bar{position:sticky;top:0;background:#173f3d;color:#fff8e8;display:flex;align-items:center;gap:16px;padding:14px 24px;z-index:10}.stg27-reader-bar strong{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}.stg27-reader-bar a{font-size:13px;white-space:nowrap}.stg27-reader-stage{overflow:auto;padding:26px 14px 130px;min-height:85vh}.stg27-sheet{width:min(740px,100%);margin:auto;background:#fffdf8;box-shadow:0 10px 40px #29201820}.stg27-sheet svg{display:block;width:100%;height:auto}.stg27-sheet.zoomed{width:1100px;max-width:none}.stg27-sheet text{font-family:stg27,SimSun,serif}.stg27-reader-controls{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;background:#f8f6efee;backdrop-filter:blur(10px);padding:14px;z-index:10;border-top:1px solid #d5ccba}.stg27-reader-controls input{width:65px;border:1px solid #d8d2c6;border-radius:6px;padding:7px;font:inherit}.stg27-reader-hint{font-size:12px;color:#7c7669}.stg27-reader-controls #reader-status{font-size:12px;color:#996338}.stg27-reader[data-reading=rtl] #reader-next{order:-1}.stg27-reader[data-reading=rtl] #reader-prev{order:1}.stg27-reader[data-reading=rtl] .stg27-reader-hint,.stg27-reader[data-reading=rtl] #reader-status{order:2}.stg27-toc{position:fixed;z-index:20;right:14px;top:70px;width:min(360px,90vw);max-height:70vh;overflow:auto;background:#fffdf8;box-shadow:0 8px 40px #1b2b3333;padding:12px;border-radius:12px}.stg27-toc:not([hidden]){display:grid;gap:6px}.stg27-toc button{text-align:left;display:flex;justify-content:space-between;gap:8px}.stg27-toc small{white-space:nowrap;color:#917750}.stg27-sample-bar,.stg27-warning{padding:12px;text-align:center;font-size:13px;background:#f8edcf}.stg27-warning p{margin:8px}.stg27-sample-bar a{text-decoration:underline}@font-face{font-family:stg27;src:url('fonts/STGBookSerif.ttf') format('truetype');font-display:swap}@media(max-width:760px){.stg27-layout{grid-template-columns:minmax(0,1fr)}.stg27-heading{padding:23px 20px}.stg27-heading h1{font-size:24px}.stg27-reader-bar{padding:12px 10px;gap:10px}.stg27-reader-bar strong{max-width:30vw;font-size:13px}.stg27-reader-bar button{padding:6px 8px;font-size:12px}.stg27-reader-stage{padding:16px 6px 140px}.stg27-reader-hint{width:100%;text-align:center}.stg27-reader-controls{gap:10px;padding:10px}.stg27-form input,.stg27-form textarea,.stg27-form select{font-size:16px;max-width:100%}.stg27-sheet.zoomed{width:850px}}
.stg27-form input,.stg27-form select,.stg27-form textarea{font:inherit;color:#34463e;background:#fffef9;border:1px solid #ded8c9;border-radius:9px;padding:11px 12px;line-height:1.65;outline:none}.stg27-form input:focus,.stg27-form select:focus,.stg27-form textarea:focus{border-color:#648375;box-shadow:0 0 0 3px #64837514}.stg27-form textarea{resize:vertical;min-height:120px}.stg27-form label{color:#5c6358;font-weight:600}.stg27-order input{padding:8px 10px;border:1px solid #ded8c9;border-radius:7px;background:#fffef9;font:inherit}.stg27-reader #reader-page:focus{outline:2px solid #648375;outline-offset:2px}
/* 2.7.1: diagram first; options remain short and settings are folded. */
.stg28-book-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:6px 0 18px}.stg28-eyebrow{font-size:10px;letter-spacing:2px;color:#9a825b}.stg28-book-header h1{font-size:27px;margin:7px 0;line-height:1.25;color:#214c41}.stg28-book-header p{font-size:13px;color:#837969;margin:0}.stg28-help-link{font-size:12px;color:#7f775e;white-space:nowrap}.stg28-book-studio{max-width:900px;margin:0 auto 18px}.stg28-choice-line{display:flex;align-items:center;gap:12px;margin:0 0 12px;flex-wrap:wrap}.stg28-choice-label{font-size:12px;color:#8d816a;width:30px}.stg28-chips{display:flex;gap:8px}.stg28-chips label{cursor:pointer;position:relative}.stg28-chips input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.stg28-chips label>span{display:block;min-width:58px;text-align:center;border:1px solid #ded7c7;background:#fffef8;color:#746d5d;padding:8px 16px;border-radius:8px;font-size:13px;line-height:1.4;transition:background .15s}.stg28-chips input:checked+span{background:#244d42;border-color:#244d42;color:#fff7df}.stg28-chips input:focus-visible+span{outline:2px solid #9a825b;outline-offset:3px}.stg28-feature-tag{font-size:10px;color:#958975;background:#f3f0e5;border-radius:5px;padding:4px 7px;white-space:nowrap}.stg28-preview-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:20px 0 10px;border-top:1px solid #ece5d7;padding-top:16px}.stg28-preview-meta strong{font-family:serif;font-size:16px;font-weight:500;overflow-wrap:anywhere}.stg28-preview-meta small{font-size:10px;color:#9b8a70;white-space:nowrap}.stg28-diagram-preview{position:relative;display:block;background:#eeece1;border:1px solid #e4ddcc;border-radius:10px;overflow:hidden;text-align:center}.stg28-diagram-preview img{display:block;width:100%;height:430px;object-fit:contain;background:#f5f2e8}.stg28-diagram-preview>span{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:#284d42e8;color:#fff9e6;border-radius:20px;font-size:11px;line-height:1.4;padding:6px 12px;white-space:nowrap}.stg28-book-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.stg28-book-actions .btn{font-size:14px;min-height:44px;padding:11px 14px}.stg28-book-links{display:flex;justify-content:center;align-items:center;gap:0;margin:16px 0 10px}.stg28-book-links a{font-size:11px;color:#80735d;padding:0 14px;line-height:1.4;text-decoration:none}.stg28-book-links a+a{border-left:1px solid #dfd7c6}.stg28-hint{font-size:11px;color:#948570;line-height:1.8;margin:10px 0}.stg28-settings-panel{margin:14px auto;max-width:900px}.stg28-settings-panel>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;font-weight:650;color:#4b5544;font-size:14px;list-style:none}.stg28-settings-panel>summary::-webkit-details-marker{display:none}.stg28-settings-panel>summary:after{content:'＋';font-size:16px;color:#9e927b}.stg28-settings-panel[open]>summary:after{content:'−'}.stg28-settings-panel>summary small{margin-left:auto;font-size:11px;font-weight:400;color:#9b8f79}.stg28-settings-panel[open]>summary{padding-bottom:20px}.stg28-settings-panel input[type=number]{max-width:100%;min-width:0}.stg28-settings-panel #order input{max-width:90px}.stg28-reader-samples{display:flex;justify-content:center;align-items:center;gap:18px;padding:10px 14px;background:#faf7eb}.stg28-reader-tabs{display:flex;gap:6px}.stg28-reader-tabs a{font-size:12px;padding:6px 15px;border:1px solid #dfd6c3;border-radius:7px;color:#6c705e}.stg28-reader-tabs a.active{background:#244d42;color:#fff8e6;border-color:#244d42}.stg28-reader-samples>small{font-size:10px;color:#9b8e77}@media(max-width:600px){.stg28-book-header{margin:4px 0 16px}.stg28-book-header h1{font-size:24px}.stg28-book-studio{padding:18px 16px!important}.stg28-chips label>span{padding:7px 15px;font-size:12px;min-width:56px}.stg28-choice-line{gap:9px;margin-bottom:10px}.stg28-preview-meta strong{font-size:15px}.stg28-preview-meta{gap:8px;align-items:flex-start}.stg28-preview-meta small{padding-top:3px}.stg28-diagram-preview img{height:330px}.stg28-book-actions .btn{font-size:13px;min-height:42px}.stg28-book-links a{font-size:11px;padding:0 11px}.stg28-settings-panel{padding:18px 16px!important}.stg28-reader-samples{flex-wrap:wrap;gap:8px;padding:8px}.stg28-reader-samples>small{font-size:9px}.stg28-reader-tabs a{padding:5px 14px}}
.stg28-sample-create{font-size:11px;color:#335e48!important;text-decoration:none;font-weight:600;white-space:nowrap}
@media(max-width:600px){.stg28-diagram-preview img{height:280px}}