/* A quiet writing page with a right-hand page index, matching Dorba's tokens. */
.nb-book{display:grid;grid-template-columns:250px minmax(0,1fr);direction:rtl;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow-md);min-height:600px}
.nb-index{background:var(--surface-2);border-inline-end:1px solid var(--line);min-width:0;padding:18px 12px}
.nb-index-head{display:grid;gap:14px;margin:0 3px 16px}.nb-index-head h3{font-size:16px;margin:0}.nb-index-head .sj-btn{width:100%;font-size:14px}
.nb-pages{display:grid;gap:7px;max-height:600px;overflow:auto;padding:2px}.nb-page{display:grid;gap:5px;width:100%;text-align:start;border:1px solid transparent;background:transparent;color:var(--ink);padding:12px;border-radius:11px;min-width:0;cursor:pointer;overflow-wrap:anywhere}
.nb-page:hover{background:var(--surface)}.nb-page[aria-pressed=true]{background:var(--surface);border-color:var(--primary);box-shadow:var(--shadow-sm)}.nb-page b{font-size:14px;line-height:1.8}.nb-page small,.nb-page span{font-size:11px;line-height:1.8;color:var(--ink-2)}.nb-page b,.nb-page span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.nb-empty{padding:12px}
.nb-paper{padding:25px 40px 18px;display:flex;flex-direction:column;min-width:0;background:var(--surface);color:var(--ink)}.nb-paper-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:16px}
.nb-title,.nb-body{display:block;width:100%;box-sizing:border-box;border:0;border-radius:0;background:transparent;color:var(--ink);padding:10px 0;text-align:start;font:inherit;outline-offset:5px;box-shadow:none}
.nb-title{font-size:24px;font-weight:700;line-height:1.8;margin-bottom:8px;min-width:0}.nb-title::placeholder,.nb-body::placeholder{color:var(--ink-3);opacity:.8}.nb-body{font-size:17px;line-height:2;min-height:430px;flex:1;resize:vertical;overflow-wrap:anywhere;caret-color:var(--primary)}
.nb-paper-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px;margin-top:20px}.nb-paper-bottom .sj-btn{font-size:12px}.nb-inspiration,.nb-reflection{margin-top:18px}.nb-reflection #muh-history{margin-top:12px}.nb-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){.nb-book{grid-template-columns:minmax(0,1fr);min-height:0;border-radius:14px}.nb-index{border-inline-end:0;border-bottom:1px solid var(--line);padding:12px}.nb-index-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;gap:10px}.nb-index-head .sj-btn{width:auto;font-size:12px;min-height:42px;padding:7px 12px}.nb-pages{display:flex;overflow-x:auto;max-height:125px;gap:8px;scroll-snap-type:x proximity}.nb-page{flex:0 0 160px;scroll-snap-align:start;padding:9px 11px;gap:2px}.nb-page span{-webkit-line-clamp:1}.nb-page b{font-size:12px}.nb-page small{font-size:10px}.nb-paper{padding:18px 20px 14px}.nb-paper-top{gap:5px;padding-bottom:12px;margin-bottom:10px}.nb-paper-top .sj-caption{font-size:10px}.nb-title{font-size:21px}.nb-body{font-size:16px;min-height:350px;min-height:50svh}.nb-paper-bottom{gap:6px}.nb-paper-bottom .sj-btn{padding:7px 10px;min-height:42px}.nb-inspiration{margin-top:14px}}

/* Ruled notebook paper: the lines move with the text when scrolling. */
.nb-paper{--nb-paper:#fffdf5;--nb-rule:rgba(77,116,143,.18);--nb-margin:rgba(178,95,77,.28);background-color:var(--nb-paper);background-image:linear-gradient(to left,transparent 0,transparent 23px,var(--nb-margin) 23px,var(--nb-margin) 24px,transparent 24px)}
.nb-body{line-height:34px;padding-top:2px;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 33px,var(--nb-rule) 33px,var(--nb-rule) 34px);background-size:100% 34px;background-attachment:local;background-origin:content-box}
[data-theme="dark"] .nb-paper{--nb-paper:#19221d;--nb-rule:rgba(164,188,202,.19);--nb-margin:rgba(213,153,133,.32)}
#tab-fusha .dr-ic{display:block;width:22px;height:22px;flex:none}
@media(max-width:700px){.nb-paper{background-image:linear-gradient(to left,transparent 0,transparent 10px,var(--nb-margin) 10px,var(--nb-margin) 11px,transparent 11px)}}