.notes-page{isolation:isolate;color:#292722;background:radial-gradient(circle at 14% 8%,#fff,#0000 28%),linear-gradient(140deg,#eee9df,#faf8f3 48%,#cfc7b9);min-height:100svh;padding:126px 28px 56px;position:relative}.notes-intro{text-align:center;max-width:790px;margin:0 auto 34px}.notes-intro>p,.shorter-intro>span{letter-spacing:.25em;color:#805b26;font:10px Arial}.notes-intro h1{color:#292722;letter-spacing:-.04em;text-shadow:none;margin:20px 0 28px;font:400 clamp(4rem,7vw,6rem)/1 Georgia}.notes-intro>div{color:#61594e;margin:12px 0;font:18px/1.8 Georgia}.historical-note-guide{color:#7b6a52;max-width:900px;margin:0 auto 32px;font:14px/1.8 Georgia}.note-reading-guide{border-top:1px solid #a98a5a50;border-bottom:1px solid #a98a5a50;max-width:900px;margin:0 auto 34px;padding:18px 0}.note-reading-guide>div{align-items:center;gap:24px;display:flex}.note-reading-guide>div>span{color:#a87b39;font:54px Georgia}.note-reading-guide p{color:#625744;margin:0;font:16px/1.8 Georgia}.note-reading-guide .beat-reference{color:#7b6a52;border-top:1px solid #a98a5a25;margin-top:14px;padding-top:14px;font:13px/1.8 Arial}.note-index{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:1100px;margin:0 auto 32px;display:grid}.note-index>a{color:#ede2cc;background:#292722;border:1px solid #8d765445;align-items:center;gap:10px;min-width:0;padding:14px 12px;display:flex}.note-index>a>bdi{color:#d4ad70;flex-shrink:0;font:18px Georgia}.note-index>a>span{overflow-wrap:anywhere;min-width:0;font:12px/1.6 Georgia}.note-index>a:hover{background:#1f1d19;border-color:#c6a46f}.note-index a:focus-visible,.subdivision-buttons button:focus-visible{outline-offset:4px;outline:2px solid #b98a3d}.note-catalogue{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;max-width:1100px;margin:auto;display:grid}.note-value-card{background:linear-gradient(145deg,#faf7f090,#e8e0d465);border:1px solid #b2a38b65;min-width:0;padding:26px;scroll-margin-top:96px;position:relative;box-shadow:0 20px 40px #2927220d}.note-card-top{letter-spacing:.16em;color:#927344;align-items:center;gap:12px;font:9px Arial;display:flex}.note-card-index{letter-spacing:0;font:12px Georgia}.note-card-top>bdi{letter-spacing:0;color:#6b4e29;margin-inline-start:auto;font:24px Georgia}.note-card-hero{grid-template-columns:135px minmax(0,1fr);align-items:center;gap:16px;margin:12px 0 24px;display:grid}.note-symbol-space{perspective:950px;background:0 0}.note-value-symbol{color:#292722;filter:drop-shadow(0 10px 3px #3b302b25);width:100%;height:auto;display:block;overflow:visible;transform:rotateX(8deg)rotateY(-6deg)rotate(-1deg)}.note-card-title h2{overflow-wrap:anywhere;color:#292722;margin:0 0 13px;font:400 clamp(1.4rem,2.4vw,2rem)/1.25 Georgia}.note-card-title p{color:#72624b;margin:0;font:14px/1.8 Georgia}.note-duration{border-top:1px solid #a98a5a35;border-bottom:1px solid #a98a5a35;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 18px;padding:16px 0;display:grid}.note-duration>div{flex-direction:column;gap:7px;display:flex}.note-duration bdi{color:#8f682e;font:30px Georgia}.note-duration small{color:#77654d;font:11px/1.7 Arial}.note-names{margin:0}.note-names>div{border-bottom:1px solid #a98a5a20;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:12px;padding:10px 0;display:grid}.note-names>div:last-child{border-bottom:0}.note-names dt{color:#887454;font:11px/1.7 Arial}.note-names dd{color:#393328;overflow-wrap:anywhere;margin:0;font:15px/1.6 Georgia}.note-names [lang=ar]{font-family:Tahoma,Arial,sans-serif;font-size:13px;line-height:1.8;display:block}.shorter-values{grid-template-columns:1fr 1fr;gap:26px;max-width:1100px;margin:72px auto 0;display:grid}.shorter-intro{text-align:center;grid-column:1/-1;max-width:800px;margin:auto}.shorter-intro h2{color:#292722;margin:14px 0 20px;font:400 clamp(2rem,4vw,3rem)/1.3 Georgia}.shorter-intro p{color:#675a46;font:17px/1.8 Georgia}.shorter-values>.note-value-card{border-color:#ab824980}.subdivision-lab{color:#efe2c9;background:#25231f;border:1px solid #a88852;flex-direction:column;justify-content:center;align-self:stretch;padding:30px;display:flex}.subdivision-heading{align-items:center;gap:16px;display:flex}.subdivision-heading>span{color:#c69a54;font:50px Georgia}.subdivision-heading h3{color:#dac09a;margin:0;font:400 26px/1.4 Georgia}.subdivision-lab>p{color:#c5b497;font:15px/1.8 Georgia}.subdivision-output{border-top:1px solid #ae8c5040;border-bottom:1px solid #ae8c5040;grid-template-columns:1fr 1fr;gap:16px;min-width:0;margin:14px 0 28px;padding:26px 0;display:grid}.subdivision-output>div{flex-direction:column;gap:12px;min-width:0;display:flex}.subdivision-output bdi{overflow-wrap:anywhere;color:#d4af76;font:clamp(24px,3vw,38px)/1.5 Georgia}.subdivision-output small{color:#c4b393;font:11px/1.7 Arial}.subdivision-buttons{flex-wrap:wrap;gap:14px;display:flex}.subdivision-buttons button{color:#292722;cursor:pointer;background:#d2ad70;border:1px solid #b49159;padding:13px 17px;font:14px/1.5 Arial}.subdivision-buttons button+button{color:#d8c09a;background:0 0}.subdivision-buttons button:disabled{opacity:.45;cursor:default}.subdivision-buttons span{direction:ltr;margin-inline-start:8px;display:inline-block}.notes-footer{text-align:center;max-width:1100px;margin:45px auto 0}.notes-footer .return{letter-spacing:.16em;text-underline-offset:6px;color:#76521d;margin-top:24px;font:10px/1.8 Arial;text-decoration:underline;display:inline-block}html[lang=ar] .notes-page :is(h1,h2,h3,p,.notes-intro>div,dt,small){letter-spacing:0;font-family:Tahoma,Arial,sans-serif}html[lang=ar] .notes-intro h1{font-size:clamp(3rem,6vw,5rem)}html[lang=ar] .note-card-title h2{font-size:21px;line-height:1.7}html[lang=ar] .note-index>a>span{font-family:Tahoma,Arial,sans-serif;font-size:11px;line-height:1.8}@media (width<=900px){.note-card-hero{grid-template-columns:105px minmax(0,1fr);gap:10px}.note-value-card{padding:22px}.note-index{grid-template-columns:repeat(2,minmax(0,1fr))}.note-card-title h2{font-size:23px}}@media (width<=640px){.notes-page{padding:110px 16px 44px}.notes-intro h1{font-size:3.6rem}.notes-intro>div{font-size:16px}.note-reading-guide>div{gap:15px}.note-reading-guide p{font-size:14px}.note-reading-guide>div>span{font-size:40px}.note-catalogue,.shorter-values{grid-template-columns:1fr;gap:20px}.note-card-hero{grid-template-columns:110px minmax(0,1fr);gap:14px}.note-card-title h2{font-size:24px}.note-value-card{padding:22px 18px}.note-index>a{padding:12px 9px}.note-index>a>span{font-size:11px}.shorter-values{margin-top:48px}.shorter-intro p{font-size:15px}.subdivision-lab{padding:25px 20px}.note-names>div{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.subdivision-heading h3{font-size:23px}.subdivision-output bdi{font-size:28px}.note-card-title{display:contents}.note-card-title h2{white-space:nowrap;overflow-wrap:normal;word-break:normal;grid-area:1/1/auto/-1;min-width:0;margin:4px 0 8px;font-size:clamp(16px,5vw,24px)}.note-symbol-space{grid-row:2}.note-card-title p{grid-area:2/2}.note-names>div{grid-template-columns:minmax(0,1fr);gap:5px;padding:12px 0}.note-names dd{white-space:nowrap;overflow-wrap:normal;word-break:normal;min-width:0;font-size:15px}.note-names [lang=ar]{font-size:inherit}html[lang=ar] .note-card-title h2{font-size:clamp(14px,4.3vw,21px)}.note-index{grid-template-columns:1fr}.note-index>a>span{white-space:nowrap;overflow-wrap:normal;font-size:12px}}