/* Paper index tabs attached to the notebook's left page edge. */
.sidebar{padding-right:0;border-right:0;box-shadow:inset -8px 0 0 #171d4940}
.sidebar .brand,.sidebar .side-bottom{margin-right:18px}
.sidebar .side-label{font-size:11px;letter-spacing:2px;margin-left:18px;color:#d5cfce}
#nav{position:relative;gap:17px;margin:2px 0 0 18px;padding:10px 0 15px 0;isolation:isolate}
#nav:before{content:'';position:absolute;left:-11px;top:0;bottom:0;border-left:1px dashed #ece5da45}
#nav .nav-item{--tab-paper:#d9deea;display:flex;align-items:center;justify-content:flex-start;gap:15px;min-height:60px;width:calc(100% - 8px);margin-left:8px;padding:15px 19px 15px 17px;background:var(--tab-paper);color:var(--navy);border:1px solid #181f4c;border-right:0;border-radius:9px 0 0 9px;box-shadow:0 5px 0 #10163850,inset 0 2px 0 #ffffff60;font-size:16px;font-weight:600;transform:rotate(-1deg);transform-origin:right center;transition:transform .18s,background .18s,box-shadow .18s;overflow:visible;text-align:left}
#nav .nav-item:nth-child(2){--tab-paper:#e9d6b5;transform:rotate(.8deg)}
#nav .nav-item:nth-child(3){--tab-paper:#eab4ae;transform:rotate(-.6deg)}
#nav .nav-item:nth-child(4){--tab-paper:#d7ded4;transform:rotate(.6deg)}
#nav .nav-item:nth-child(5){--tab-paper:#d8cce0;transform:rotate(-.9deg)}
#nav .nav-item svg{display:none}
#nav .nav-item:before{content:'01';font:500 11px/1 Georgia,serif;color:#262b5e90;align-self:center;border-bottom:1px solid #262b5e50;padding-bottom:4px}
#nav .nav-item:nth-child(2):before{content:'02'}#nav .nav-item:nth-child(3):before{content:'03'}#nav .nav-item:nth-child(4):before{content:'04'}#nav .nav-item:nth-child(5):before{content:'05'}
#nav .nav-item:after{content:'';display:block;position:absolute;right:8px;top:10px;bottom:10px;width:0;height:auto;border-right:1px dashed #262b5e35;border-radius:0;background:none}
#nav .nav-item:hover{background:var(--tab-paper);transform:translateX(-5px) rotate(0deg);box-shadow:0 6px 0 #10163860,inset 0 2px 0 #ffffff80}
#nav .nav-item.active{z-index:2;--tab-paper:var(--paper);background:var(--paper);color:var(--navy);width:calc(100% + 3px);margin-left:0;border-color:#181f4c;border-right:0;transform:rotate(0deg);box-shadow:-3px 5px 0 #10163840,inset 0 2px 0 #fff7}
#nav .nav-item.active:before{color:var(--red);border-color:var(--red);font-weight:700}
#nav .nav-item.active:after{right:auto;left:0;top:13px;bottom:13px;width:4px;border:0;border-radius:0 2px 2px 0;background:var(--red)}
#nav .nav-item span{display:block;letter-spacing:1px;white-space:nowrap}
@media(max-width:1180px){#nav{margin-left:12px}#nav .nav-item{gap:12px;padding-left:14px;padding-right:12px;font-size:16px}.sidebar .brand,.sidebar .side-bottom{margin-right:14px}}
@media(max-width:930px){#nav{margin-left:8px}#nav .nav-item{gap:9px;padding-left:11px;padding-right:9px;font-size:15px}.sidebar .brand{gap:6px;font-size:14px}.sidebar .brand small{font-size:6px}}
@media(max-width:640px){.sidebar{width:86px;padding:21px 0 0 7px;box-shadow:inset -6px 0 0 #171d4940}.sidebar .brand{margin-right:7px}.sidebar .brand-mark{width:39px;height:41px}main{margin-left:86px}#nav{margin:30px 0 0 7px;gap:12px;padding:0 0 15px}#nav:before{left:-5px}#nav .nav-item{display:flex;justify-content:center;align-items:center;width:calc(100% - 5px);margin-left:5px;min-height:0;padding:13px 15px 13px 11px;border-radius:7px 0 0 7px;gap:0;font-size:16px;line-height:1.4}#nav .nav-item span{display:block;writing-mode:vertical-rl;text-orientation:upright;letter-spacing:3px;white-space:nowrap}#nav .nav-item:before{display:none}#nav .nav-item:after{right:5px;top:10px;bottom:10px}#nav .nav-item.active{width:calc(100% + 3px);margin-left:0}#nav .nav-item.active:after{left:0;right:auto;top:12px;bottom:12px;width:3px}.toast{left:calc(50% + 43px)}.home-topline h1{font-size:24px}.module-heading>div{gap:5px}.module-heading h2{font-size:17px}.module-heading .btn{font-size:11px;padding:7px 6px}}
@media(prefers-reduced-motion:reduce){#nav .nav-item{transition:none}}
.expiry-options{margin:20px 0 0;padding:0;border:0;min-width:0}.expiry-options legend{font-size:15px;margin-bottom:10px}.expiry-mode{display:flex;gap:6px;padding:5px;border:1px solid #b3aaba;border-radius:4px;background:#eee8df}.expiry-mode label{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 5px;font-size:14px;cursor:pointer;border-radius:3px}.expiry-mode label:has(input:checked){background:var(--navy);color:var(--paper)}.expiry-mode input{accent-color:var(--red);width:16px;height:16px;margin:0}.duration-row{display:grid;grid-template-columns:1fr 100px;gap:12px}.expiry-preview{background:#e8eadf;border-left:3px solid var(--navy);font-size:15px;padding:12px;margin:14px 0 0;line-height:1.6}.expiry-options [hidden]{display:none!important}
/* Shorten only the paper tabs; preserve the sidebar and its controls. */
@media(min-width:641px){
 #nav{margin-left:calc(50% + 9px)}
 #nav .nav-item{padding:14px 6px;gap:0;justify-content:center}
 #nav .nav-item:before{display:none}
 #nav .nav-item span{letter-spacing:0;white-space:normal;text-align:center;line-height:1.6}
}
@media(max-width:640px){
 #nav{margin-left:calc(50% + 3px)}
 #nav .nav-item{padding:13px 5px 13px 4px}
 #nav .nav-item:after{right:3px}
}
#nav:before,#nav .nav-item:after{display:none}#nav .nav-item.active:after{display:block}@media(min-width:641px){#nav{margin-left:calc(100% - 132px)}#nav .nav-item span{white-space:nowrap;letter-spacing:0}#nav .nav-item{padding-left:12px;padding-right:12px}}
/* Keep every paper tab attached to the page edge, including during hover. */
#nav .nav-item,#nav .nav-item:nth-child(n){transform:none;transform-origin:right center;transition:background .18s,box-shadow .18s}
#nav .nav-item:hover{transform:none;box-shadow:0 6px 0 #10163860,inset 0 2px 0 #ffffff80}
#nav .nav-item.active,#nav .nav-item.active:hover{transform:none;box-shadow:-3px 5px 0 #10163840,inset 0 2px 0 #fff7}