/* The notebook tab opens a personal learner pass and its index. */
#menu-button.menu-button{position:relative;width:auto;min-width:44px;min-height:42px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#293e83;color:#fff;border-color:#24397e;border-radius:11px 11px 3px 11px;box-shadow:inset 0 -3px 0 #172e6490;font-size:12px;font-weight:700}
#menu-button svg{color:#d3ef85;flex:none}
#drawer.vb-fieldbook{--fb-base:#fafbf5;--fb-line:#dfe4d7;--fb-blue:#253f93;--fb-dark:#26332c;--fb-mute:#59685c;width:min(398px,calc(100vw - 28px));max-width:none;height:calc(100vh - 16px);height:calc(100dvh - 16px);max-height:none;margin:8px 8px 8px auto;padding:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;background:var(--fb-base);color:var(--fb-dark);border:1px solid #f9fcf0a6;border-radius:23px;box-shadow:-14px 12px 54px #16233c40}
#drawer.vb-fieldbook::backdrop{background:#1826426b;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.fb-inner{display:flex;flex-direction:column;min-height:100%;padding:15px 16px max(13px,env(safe-area-inset-bottom));gap:13px}
.fb-logo{display:block;flex:none}
.fb-heading{display:flex;align-items:center;gap:9px}
.fb-heading h2{font-size:20px;line-height:1.3;letter-spacing:-.6px;font-weight:810;margin:0}
.fb-close{margin-inline-start:auto;background:#eef1e7;color:#435047;border:1px solid var(--fb-line);border-radius:50%;display:grid;place-items:center;width:36px;height:36px;padding:8px;position:relative}
.fb-close:after{content:"";position:absolute;inset:-4px}
.fb-close svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round}
.fb-pass{position:relative;isolation:isolate;background:#284899;color:#fff;border:1px solid #24418b;border-radius:15px 15px 5px 15px;overflow:hidden;box-shadow:0 3px 0 -1px #b8c8dc}
.fb-pass:after{content:"";position:absolute;z-index:-1;inset:0;background-image:radial-gradient(#c3d3fca8 .58px,transparent .75px);background-size:7px 7px;opacity:.14;mask-image:linear-gradient(90deg,black,transparent 65%)}
.fb-print{position:absolute;inset:0 auto auto 0;width:38%;height:100%;pointer-events:none;z-index:-1}
.fb-print svg{width:100%;height:100%;display:block}
.fb-pass-body{padding:14px 16px 13px;min-height:128px}
.fb-identity{display:flex;align-items:center;gap:9px;max-width:77%}
.fb-avatar{display:grid;place-items:center;align-self:flex-start;flex:none;position:relative;width:41px;height:41px;border-radius:12px 12px 3px 12px;box-shadow:inset 0 0 0 1px #d4ef89;background:#d7edb2;overflow:hidden;color:#293c68;font-weight:850;font-size:23px}
.fb-avatar img{width:100%;height:100%;object-fit:cover}
.fb-identity div{min-width:0}.fb-identity small{font-size:10px;color:#dce5ff;display:block}
.fb-identity strong{display:block;font-size:17px;line-height:1.5;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#fb-meters{position:relative;max-width:68%;margin-top:11px}
.fb-stat{display:flex;align-items:center;justify-content:space-between;gap:4px;color:#edf2fb;font-size:10px}
.fb-stat span,.fb-xp{display:inline-flex;align-items:center;gap:4px}.fb-stat b{font-size:11px;font-weight:650}
#fb-meters progress{appearance:none;display:block;width:100%;height:5px;border:0;background:#ffffff33;border-radius:8px;overflow:hidden;margin:4px 0 5px}
#fb-meters progress::-webkit-progress-bar{background:#ffffff17}#fb-meters progress::-webkit-progress-value{background:#d9f19e}#fb-meters progress::-moz-progress-bar{background:#d9f19e}
.fb-xp{color:#e4f4ad;font-size:10px;font-weight:640}
.fb-fetch{color:#dce5ff;font-size:11px;margin:7px 0}
.fb-links{display:grid;gap:13px}
.fb-section h3{display:flex;align-items:center;gap:10px;margin:0 0 6px;color:#546659;font-size:11px;font-weight:730}
.fb-section h3:after{content:"";flex:1;border-top:1px solid var(--fb-line)}
.fb-tiles,.fb-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.fb-tile{display:flex;align-items:center;gap:8px;padding:9px 8px;border:1px solid #cbd6bc;border-radius:11px;color:#324b3a;background:#eaf0d8;min-width:0;min-height:54px}
.fb-tile i,.fb-row>i{font-style:normal;display:grid;place-items:center;flex:none}
.fb-tile i{height:32px;width:32px;color:#466947;background:#dce8c3;border-radius:9px}
.fb-tile span{min-width:0}.fb-tile strong,.fb-tile small{display:block}.fb-tile strong{font-size:14px;line-height:1.4;font-weight:740}
.fb-tile small{font-size:9.5px;line-height:1.55;color:#52624a}.fb-podcast{background:#e7ebf7;color:#2c477e;border-color:#cdd7ec}.fb-podcast i{background:#d8e1f6;color:#405b94}.fb-podcast small{color:#556687}
.fb-pair{margin-top:6px}
.fb-row{display:flex;align-items:center;gap:9px;min-width:0;min-height:43px;padding:4px 8px;color:#2e3d32;position:relative}
.fb-row strong{font-size:13px;font-weight:610;line-height:1.5}.fb-row small{font-size:9px;color:#62705f;border:1px solid #dde2d5;border-radius:20px;padding:1px 7px;line-height:1.6}
.fb-row>i{width:28px;height:28px;color:#52684f;background:#edf1e7;border-radius:8px}
.fb-chevron{display:grid;place-items:center;color:#83907d;margin-inline-start:auto}
.fb-list{background:#fff;border:1px solid var(--fb-line);border-radius:12px;overflow:hidden}
.fb-list .fb-row+.fb-row{border-top:1px solid #edf0e8}
.fb-pair .fb-row{padding-inline:5px;gap:5px;background:#fff;border:1px solid var(--fb-line);border-radius:9px}
.fb-pair .fb-row strong{font-size:11px}.fb-pair .fb-row>i{width:25px;background:none}.fb-pair .fb-row>i svg{width:18px}
.fb-links a[aria-current]{color:#24459a;background:#eef2fd;box-shadow:inset -3px 0 #4263a8}
.fb-links a[aria-current] i{background:#d9e3ff;color:#2b4c98}
.fb-colophon{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:4px;font:700 8px/1.3 ui-monospace,monospace;letter-spacing:1.9px;color:#667163;direction:ltr}
.fb-colophon i{display:block;width:18px;height:3px;transform:skew(-23deg);background:repeating-linear-gradient(90deg,#6b8472 0 2px,transparent 2px 4px)}
@media(hover:hover){.fb-links a:hover,.fb-close:hover{background:#e5ebda}.fb-links a[aria-current]:hover{background:#e2e9fa}#menu-button:hover{background:#354f97}}
@media(max-width:600px){#drawer.vb-fieldbook{width:min(385px,calc(100vw - 23px));margin:6px 5px 6px auto;height:calc(100dvh - 12px);border-radius:20px}.fb-inner{padding:12px;gap:11px}.fb-links{gap:11px}#menu-button.menu-button{padding-inline:9px;gap:4px}.fb-pass-body{min-height:125px}}
@media(max-width:360px){.fb-trigger-text{display:none}.fb-tile{padding-inline:6px;gap:5px}.fb-row small{font-size:8px;padding-inline:4px}.fb-tile i{width:26px}}
@media(prefers-reduced-motion:no-preference){#drawer.vb-fieldbook[open]{animation:fb-arrive .24s cubic-bezier(.2,.8,.2,1)}#drawer.vb-fieldbook[open]::backdrop{animation:fb-dim .18s ease-out}@keyframes fb-arrive{from{transform:translateX(20px);opacity:.3}to{transform:translateX(0);opacity:1}}@keyframes fb-dim{from{opacity:0}to{opacity:1}}}