/* Isolated typography also works inside the independent template demonstrations. */
#yx-page-brief,#yx-page-brief *{box-sizing:border-box}
#yx-page-brief{min-width:0;width:100%;margin:0;padding:18px 19px 10px;border:1px solid #ffffffd9;border-radius:19px;background:linear-gradient(125deg,#fffdf5b8,#f5f2e699 56%,#dfece1a1);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #b6c4ac36,0 10px 25px -20px #4b5d496b;color:#3f4b3f;text-align:left;font:13px/1.75 "Segoe UI","Microsoft YaHei",sans-serif;letter-spacing:normal;backdrop-filter:blur(14px)}
#yx-page-brief .yx-brief-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 5px;padding:0}
#yx-page-brief h2{margin:0;padding:0;border:0;color:#54604c;font:600 13px/1.6 "Segoe UI","Microsoft YaHei",sans-serif;letter-spacing:.025em;text-transform:none}
#yx-page-brief button{appearance:none;flex:none;min-height:36px;min-width:72px;margin:0;padding:6px 12px;border:1px solid #fff9;border-radius:10px;background:linear-gradient(135deg,#967a53,#70563a);box-shadow:inset 0 1px 0 #f8e8bf80,0 4px 9px -5px #5e492d99;color:#fffaf0;font:500 11px/1.5 "Segoe UI","Microsoft YaHei",sans-serif;text-transform:none;letter-spacing:normal;cursor:pointer;transition:box-shadow .2s,transform .2s}
#yx-page-brief button[hidden]{display:none}
#yx-page-brief button:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 #f8e8bf80,0 6px 13px -5px #5e492daa}
#yx-page-brief button:disabled{cursor:wait;opacity:.75}
#yx-page-brief button:focus-visible,#yx-page-brief pre:focus-visible{outline:2px solid #7d936f;outline-offset:3px}
#yx-page-brief p.yx-brief-caption{margin:0 0 12px;padding:0;color:#727866;font:11px/1.7 "Segoe UI","Microsoft YaHei",sans-serif}
#yx-page-brief pre{display:block;max-width:100%;height:184px;min-height:0;margin:0;padding:13px 14px;overflow:auto;overscroll-behavior:contain;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;tab-size:2;border:1px solid #b6bea347;border-radius:11px;background:linear-gradient(120deg,#eff0e77a,#fffdf159);box-shadow:inset 0 2px 6px #79866c10;color:#46523f;font:12px/1.85 "SFMono-Regular",Consolas,"Microsoft YaHei",monospace;text-align:left;text-transform:none;letter-spacing:0;scrollbar-width:thin;scrollbar-color:#a6b19880 transparent;-webkit-user-select:text;user-select:text}
#yx-page-brief p.yx-brief-status{min-height:19px;margin:7px 0 0;padding:0;color:#6c755f;font:10px/1.7 "Segoe UI","Microsoft YaHei",sans-serif}
.glass-footer-bottom.yx-brief-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:0 45px;align-items:start}
.yx-brief-contact{min-width:0;padding-top:9px}
.glass-footer-bottom.yx-brief-layout .glass-footer-colophon{grid-column:1/-1}
.yx-brief-standalone{box-sizing:border-box;position:relative;clear:both;display:block;min-width:0;max-width:100%;width:100%;margin:36px 0 0;padding:28px max(24px,calc((100% - 1180px)/2)) 100px;background:linear-gradient(120deg,#f7f4e9,#e4ebdf);color:#46523f;isolation:isolate}
.yx-brief-standalone #yx-page-brief{max-width:525px;margin-left:auto}
@media(max-width:1000px){.glass-footer-bottom.yx-brief-layout{gap:0 24px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
@media(max-width:700px){.glass-footer-bottom.yx-brief-layout{grid-template-columns:minmax(0,1fr);gap:24px}.glass-footer-bottom.yx-brief-layout .glass-footer-colophon{margin-top:0}.yx-brief-contact{padding-top:0}#yx-page-brief{padding:16px 14px 9px;border-radius:16px}#yx-page-brief pre{height:200px;font-size:12px;padding:12px}#yx-page-brief h2{font-size:12px}#yx-page-brief button{min-height:40px}.yx-brief-standalone{padding:24px 16px 100px}.yx-brief-standalone #yx-page-brief{max-width:none}}
@media(prefers-reduced-motion:reduce){#yx-page-brief button{transition:none}#yx-page-brief button:hover{transform:none}}
@media print{#yx-page-brief{break-inside:avoid;background:white;box-shadow:none}#yx-page-brief pre{height:auto;overflow:visible}#yx-page-brief button,.yx-brief-status{display:none}}