:root{--ink:#302f2d;--muted:#716b67;--orange:#f78218;--cream:#fff8ed;--line:#eadfce}*{box-sizing:border-box}html{background:var(--cream)}body{background:radial-gradient(circle at 0 0,#fff 0,var(--cream) 38rem),var(--cream);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;margin:0;min-width:320px}button,a{font:inherit}button{cursor:pointer}.topbar{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;margin:auto;max-width:1370px;padding:23px clamp(22px,5vw,70px)}.brand{align-items:center;color:var(--ink);display:inline-flex;font:700 11px/1.02 "Manrope",sans-serif;gap:10px;letter-spacing:.08em;text-decoration:none}.brand img{height:42px;width:42px}.brand strong{font-size:9px;font-weight:600;letter-spacing:.1em}.language-switch{background:#fff;border:1px solid var(--line);border-radius:999px;display:flex;padding:3px}.language-switch button{background:transparent;border:0;border-radius:999px;color:var(--muted);font:700 12px "Manrope",sans-serif;min-width:42px;padding:8px 10px}.language-switch button[aria-pressed="true"]{background:var(--ink);color:#fff}main{margin:auto;max-width:1370px;padding:clamp(48px,7vw,96px) clamp(22px,5vw,70px) 70px}.intro{margin-bottom:48px;max-width:650px}.eyebrow,.preview-kicker{color:var(--orange);font:800 12px/1.2 "Manrope",sans-serif;letter-spacing:.13em;margin:0 0 14px}.intro h1{font:800 clamp(38px,6vw,72px)/.98 "Manrope",sans-serif;letter-spacing:-.06em;margin:0}.lede{color:var(--muted);font-size:18px;line-height:1.55;margin:22px 0 0}.viewer{background:#ffffffb8;border:1px solid var(--line);border-radius:28px;display:grid;grid-template-columns:minmax(260px,330px) minmax(0,1fr);min-height:670px;overflow:hidden}.sheet-list{background:#f6eee4;border-right:1px solid var(--line);padding:28px 18px}.sheet-list-heading{align-items:center;display:flex;justify-content:space-between;padding:0 10px 18px}.sheet-list-heading p{font:700 12px "Manrope",sans-serif;letter-spacing:.03em;margin:0}.sheet-list-heading span{color:var(--muted);font-size:12px}.sheet-cards{display:grid;gap:8px}.sheet-card{align-items:center;background:transparent;border:1px solid transparent;border-radius:15px;color:var(--ink);display:flex;gap:13px;padding:10px;text-align:left;width:100%}.sheet-card:hover{background:#fffaf4}.sheet-card[aria-current="true"]{background:#fff;border-color:#f6c998;box-shadow:0 5px 18px #5a3d2012}.sheet-number{align-items:center;background:var(--orange);border-radius:10px;color:#fff;display:flex;flex:0 0 auto;font:800 17px "Manrope",sans-serif;height:42px;justify-content:center;width:42px}.sheet-card:not([aria-current="true"]) .sheet-number{background:#e5d5c1;color:#63584e}.sheet-card-copy{min-width:0}.sheet-card-copy strong{display:block;font:700 14px "Manrope",sans-serif}.sheet-card-copy span{color:var(--muted);display:block;font-size:12px;margin-top:3px}.preview-panel{display:flex;flex-direction:column;min-width:0;padding:clamp(22px,4vw,48px)}.preview-toolbar{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:22px}.preview-toolbar h2{font:800 clamp(22px,3vw,32px)/1.05 "Manrope",sans-serif;letter-spacing:-.04em;margin:0}.preview-kicker{font-size:11px;margin-bottom:8px}.preview-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.text-button,.download-button{border-radius:9px;font:700 12px "Manrope",sans-serif;padding:10px 13px;text-decoration:none;white-space:nowrap}.text-button{background:#fff;border:1px solid var(--line);color:var(--ink)}.text-button:disabled,.download-button[aria-disabled="true"]{cursor:not-allowed;opacity:.45}.download-button{background:var(--orange);border:1px solid var(--orange);color:#fff}.pdf-frame-wrap{align-items:center;background:#e9dfd3;display:flex;flex:1;justify-content:center;min-height:460px;overflow:hidden;position:relative}.pdf-frame-wrap:before{background:repeating-linear-gradient(135deg,transparent 0 18px,#ffffff20 18px 19px);content:"";inset:0;pointer-events:none;position:absolute}.pdf-placeholder{align-items:center;background:#fff;box-shadow:0 20px 60px #3d2f231c;display:flex;flex-direction:column;max-width:330px;padding:42px 30px;position:relative;text-align:center;z-index:1}.pdf-placeholder h3{font:800 20px "Manrope",sans-serif;margin:20px 0 8px}.pdf-placeholder p{color:var(--muted);font-size:14px;line-height:1.5;margin:0}.pdf-frame-wrap iframe{background:#fff;border:0;height:100%;min-height:540px;position:relative;width:100%;z-index:1}.viewer-note{color:var(--muted);font-size:13px;margin:16px 0 0}footer{border-top:1px solid var(--line);color:var(--muted);font-size:12px;margin:auto;max-width:1370px;padding:24px clamp(22px,5vw,70px)}@media(max-width:820px){.viewer{grid-template-columns:1fr}.sheet-list{border-bottom:1px solid var(--line);border-right:0}.sheet-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sheet-card{min-height:64px}.preview-toolbar{align-items:stretch;flex-direction:column}.preview-actions{justify-content:flex-start}.pdf-frame-wrap{min-height:400px}}@media(max-width:480px){.topbar{padding-bottom:17px;padding-top:17px}.brand img{height:35px;width:35px}.sheet-cards{grid-template-columns:1fr}.preview-panel{padding:22px 16px}.pdf-frame-wrap{margin:0 -16px;min-height:380px}.intro h1{font-size:42px}}