*{box-sizing:border-box}body{margin:0;background:#f3f2ee;color:#242633;font:17px/1.65 system-ui,sans-serif}header,main{max-width:1200px;margin:auto;padding:1rem 1.3rem}header{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #c9c9c3;font-size:.9rem}a{color:#3e447e}h1{font:600 clamp(2.2rem,5vw,3.6rem)/1.15 Georgia,serif;margin:1rem 0}h2,h3{line-height:1.35}.intro{max-width:780px;font-size:1.15rem}#book-builder{background:white;border:1px solid #c9c9d4;padding:clamp(1rem,3vw,2rem);border-radius:10px;margin:2rem 0}#book-builder .meta{display:grid;grid-template-columns:1fr 1fr 180px;gap:1rem}#book-builder label{display:block;font-weight:600}#book-builder input,#book-builder select,#book-builder textarea{display:block;font:inherit;width:100%;padding:.65rem;border:1px solid #8789a2;border-radius:5px;background:#fff;color:#242633}#book-builder textarea{font:15px/1.6 ui-monospace,monospace;min-height:310px;resize:vertical}#book-builder .toolbar,#book-builder #exports{display:flex;gap:.7rem;flex-wrap:wrap;margin:1rem 0}#book-builder button{font:inherit;padding:.6rem 1rem;border:1px solid #3e447e;background:#3e447e;color:white;border-radius:5px;cursor:pointer}#book-builder button.secondary{background:white;color:#3e447e}#book-builder .hint,#book-builder .privacy,#book-builder #status{font-size:.92rem;color:#515366}#book-builder #error{color:#8a251f;font-weight:650}#book-builder #preview{font-family:Georgia,serif;max-width:780px;margin:1.5rem auto;overflow-wrap:anywhere}#book-builder #preview nav{font-family:system-ui,sans-serif;background:#f0f0f7;padding:1rem}#book-builder .book-chapter{margin:2rem 0;border-top:1px solid #ddd;padding-top:1rem}#book-builder .title-page{text-align:center;padding:1rem}#book-builder [hidden]{display:none!important}#book-builder .privacy{border-top:1px dashed #ccc;padding-top:1rem}article.description{max-width:790px;margin:3rem auto}article.description h2{margin-top:2rem}code{overflow-wrap:anywhere}footer{padding:2rem 0}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #b27614;outline-offset:4px}.skip{position:absolute;left:-10000px}.skip:focus{left:1rem;top:1rem;background:white;padding:1rem;z-index:2}@media(max-width:700px){#book-builder .meta{grid-template-columns:1fr}header{flex-direction:column;gap:.3rem}main{padding:1rem}#book-builder{padding:1rem}#book-builder #exports button{flex:1 1 160px}}