/* A readable sample on a large paper surface. All states are progressively enhanced. */
.product-demo{--demo-paper:#fffcf8;--demo-ink:#35272b;--demo-secondary:#67585b;--demo-rule:#d8c9bf;--demo-accent:var(--action,#49213a);width:min(1056px,100%);margin:0 auto 80px;color:var(--demo-ink);font-family:"DM Sans",Arial,sans-serif;text-align:left}
.product-demo [hidden]{display:none!important}
.demo-introduction{display:flex;align-items:baseline;justify-content:space-between;gap:18px;text-align:left;margin:0 0 19px}
.product-demo .demo-kicker{margin:0;font-size:12px;font-weight:600;line-height:1.5;letter-spacing:1.6px;text-transform:uppercase;color:var(--demo-secondary)}
.product-demo .demo-caption{font-size:13px;line-height:1.7;color:var(--demo-secondary);margin:0}
.workbook-frame{position:relative;background:var(--demo-paper);border:1px solid #b9a59c;border-radius:9px;padding:7px;box-shadow:0 2px 1px #35272b08,0 15px 28px -16px #35272b40,0 39px 58px -37px #35272b3b;isolation:isolate}
.workbook-frame::before{content:"";position:absolute;inset:4px;border:1px solid #eadfd7;border-radius:5px;pointer-events:none;z-index:2}
.workbook-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 24px;border-bottom:1px solid var(--demo-rule);font-size:12px;line-height:1.5;letter-spacing:.2px;color:var(--demo-secondary);background:#f5eee7;border-radius:3px 3px 0 0}
.workbook-toolbar>span:first-child{font-weight:600}
.workbook-toolbar>span:last-child{white-space:nowrap}
.workbook-toolbar>span:last-child>span{margin:0 10px;color:var(--demo-secondary)}
.workbook-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px 32px 26px}
.workbook-heading h3{margin:8px 0 0;font:500 clamp(34px,3.4vw,46px)/1.05 "Cormorant Garamond",Georgia,serif;letter-spacing:-1px}
.workbook-heading h3 em{color:inherit}
.workbook-edition{font-size:12px;line-height:1.8;text-align:right;color:var(--demo-secondary)}
.demo-tabs{display:flex;gap:0;border-top:1px solid var(--demo-rule);border-bottom:1px solid var(--demo-rule);padding:0 32px;background:#f8f3ed}
.demo-tabs a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;min-width:148px;padding:12px 24px;margin-bottom:-1px;border:1px solid transparent;border-top:0;font-size:14px;line-height:1.5;font-weight:500;text-decoration:none;color:var(--demo-secondary);position:relative}
.demo-tabs a>span{font-size:12px;font-weight:400;font-variant-numeric:tabular-nums}
.demo-tabs a[aria-selected="true"]{color:var(--demo-accent);background:var(--demo-paper);border-color:var(--demo-rule);border-bottom-color:var(--demo-paper)}
.demo-tabs a[aria-selected="true"]::before{content:"";position:absolute;top:-1px;height:3px;left:0;right:0;background:var(--demo-accent)}
.demo-tabs a:hover{color:var(--demo-accent);background:#efe3dc}
.demo-tabs a[aria-selected="true"]:hover{background:var(--demo-paper)}
.demo-tabs a:active{background:#e8d7ce}
.product-demo a:focus-visible,.product-demo button:focus-visible,.workbook-panel:focus-visible{outline:3px solid var(--demo-accent);outline-offset:3px;z-index:3}
.demo-tabs a:focus-visible{outline-offset:-5px}
.workbook-pages{padding:0 32px}
.workbook-panel{padding:27px 0 31px;scroll-margin-top:25px}
.workbook-panel+.workbook-panel{border-top:1px solid var(--demo-rule)}
.demo-enhanced .workbook-panel+.workbook-panel{border:0}
.workbook-page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}
.workbook-page-heading h4{font:500 24px/1.25 "Cormorant Garamond",Georgia,serif;letter-spacing:-.25px;margin:0}
.workbook-page-number{font:400 12px/1.5 "DM Sans",Arial,sans-serif;color:var(--demo-secondary);white-space:nowrap;letter-spacing:1px}
.workbook-page-layout{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(0,1fr);gap:30px;min-height:332px}
.workbook-table-area{min-width:0}
.workbook-table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left;font-size:13px;line-height:1.65;color:var(--demo-ink)}
.workbook-table caption{font-size:12px;line-height:1.5;text-align:left;padding:0 0 15px;color:var(--demo-secondary)}
.workbook-table th,.workbook-table td{padding:15px 12px;border-bottom:1px solid var(--demo-rule);vertical-align:top;overflow-wrap:break-word}
.workbook-table thead th{padding-top:10px;padding-bottom:14px;font-weight:600;font-size:13px;border-top:1px solid var(--demo-rule)}
.workbook-table th:first-child{width:38%;padding-left:0}
.workbook-table thead th:first-child{color:var(--demo-secondary);font-weight:400;font-size:12px}
.workbook-table td{width:31%;font-variant-numeric:tabular-nums}
.workbook-table tbody th{font-weight:400;font-size:12px}
.workbook-table .workbook-highlight{background:#f1e6db}
.workbook-table .workbook-highlight th{box-shadow:inset 2px 0 #93745f;padding-left:12px}
.workbook-highlight strong{font-size:17px;line-height:1.4;font-weight:600;white-space:nowrap;letter-spacing:-.4px}
.workbook-pending{font-size:12px;font-weight:500;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px;text-decoration-color:#8b7365}
.product-demo .workbook-calculation{margin:19px 0 0;font-size:15px;font-variant-numeric:tabular-nums;letter-spacing:.2px}
.workbook-calculation>span{display:block;font-size:12px;line-height:1.7;margin-top:5px;letter-spacing:0;color:var(--demo-secondary)}
.product-demo .workbook-footnote{font-size:12px;line-height:1.75;color:var(--demo-secondary);margin:17px 0 0;max-width:65ch}
.workbook-margin-note{border-left:1px solid var(--demo-rule);padding:1px 0 0 25px}
.product-demo .workbook-margin-note .demo-kicker{font-size:12px;letter-spacing:.6px;line-height:1.6}
.product-demo .workbook-margin-note p{font:500 30px/1.08 "Cormorant Garamond",Georgia,serif;letter-spacing:-.5px;margin:16px 0}
.workbook-margin-note p em{color:inherit}
.workbook-margin-note div,.workbook-margin-note blockquote{font-size:12px;line-height:1.85;color:var(--demo-secondary);margin:0}
.workbook-margin-note div+div,.workbook-margin-note blockquote+div{margin-top:13px}
.workbook-margin-note blockquote{font-style:italic;color:var(--demo-ink)}
.workbook-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--demo-rule);padding:14px 32px;font-size:12px;line-height:1.7;color:var(--demo-secondary)}
.workbook-footer>span:last-child{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:20px;white-space:nowrap}
.demo-below{display:flex;gap:20px 32px;justify-content:space-between;align-items:center;padding:25px 0 12px}
.demo-controls{display:flex;align-items:center;gap:24px;padding:16px 32px;border-bottom:1px solid var(--demo-rule)}
.demo-play{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;min-width:222px;padding:12px 17px;background:var(--demo-accent);color:var(--demo-paper);border:1px solid var(--demo-accent);border-radius:0;box-shadow:3px 3px 0 #d6c3b8;font:500 13px/1.6 "DM Sans",Arial,sans-serif;cursor:pointer}
.demo-play:hover{background:#512032;border-color:#512032;box-shadow:2px 2px 0 #bfa49a}
.demo-play:active{box-shadow:none;transform:translate(2px,2px)}
.demo-play:disabled{cursor:default;background:#e0d5cd;border-color:#cbbeb5;color:#645459;box-shadow:none}
.demo-play-symbol{display:block;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor;flex:none}
.demo-is-playing .demo-play-symbol{height:12px;width:8px;border-top:0;border-bottom:0;border-left:3px solid currentColor;border-right:3px solid currentColor}
.demo-progress-copy{min-width:0;max-width:290px;flex:1}
.product-demo .demo-status{font-size:12px;line-height:1.7;margin:0;color:var(--demo-secondary)}
.demo-progress{display:block;margin-top:8px;width:100%;height:2px;border:0;background:#d9c7ba;color:var(--demo-accent);appearance:none}
.demo-progress::-webkit-progress-bar{background:#d9c7ba}
.demo-progress::-webkit-progress-value{background:var(--demo-accent)}
.demo-progress::-moz-progress-bar{background:var(--demo-accent)}
.demo-sample-link{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:48px;font-size:13px;line-height:1.6;color:var(--demo-accent);text-decoration-thickness:1px;text-underline-offset:6px;white-space:nowrap}
.demo-sample-link:hover{text-decoration-thickness:2px}
.demo-sample-link:active{color:#35272b}
.product-demo .demo-motion-note{font-size:12px;line-height:1.75;padding:14px 32px;border-bottom:1px solid var(--demo-rule);margin:0;color:var(--demo-secondary)}
.demo-motion-note>span{display:block;max-width:50ch}
.product-demo .demo-honesty{font-size:12px;line-height:1.8;color:var(--demo-secondary);max-width:50ch;margin:7px 0 0}
.demo-is-playing .workbook-panel:not([hidden]) .workbook-highlight{animation:workbook-mark-line 700ms ease-out both}
@keyframes workbook-mark-line{from{background-color:var(--demo-paper)}to{background-color:#f1e6db}}
@media(max-width:900px){.workbook-page-layout{grid-template-columns:minmax(0,1fr);gap:26px;min-height:0}.workbook-margin-note{display:grid;grid-template-columns:1fr 1.5fr;column-gap:25px;padding:20px 0 0;border-left:0;border-top:1px solid var(--demo-rule)}.workbook-margin-note .demo-kicker{grid-column:1}.product-demo .workbook-margin-note p{grid-column:1;margin:10px 0 0;font-size:30px}.workbook-margin-note>div:first-of-type,.workbook-margin-note>blockquote{grid-column:2;grid-row:1/3}.workbook-margin-note>div:last-child:not(:first-of-type){grid-column:2;margin-top:8px}.workbook-footer>span:last-child{display:none}.demo-controls{gap:20px}.demo-progress-copy{max-width:350px}.demo-below{align-items:flex-start}.demo-sample-link{margin-left:auto}}
@media(max-width:600px){.product-demo{margin-bottom:50px}.demo-introduction{display:block;margin-bottom:17px}.product-demo .demo-caption{font-size:12px;margin-top:8px}.workbook-frame{padding:4px;border-radius:5px}.workbook-frame::before{inset:2px;border-radius:3px}.workbook-toolbar{font-size:12px;padding:11px 12px;gap:12px;align-items:flex-start}.workbook-toolbar>span:first-child{max-width:150px;font-size:12px}.workbook-toolbar>span:last-child{font-size:12px;text-align:right;white-space:normal;max-width:83px}.workbook-toolbar>span:last-child>span{margin:0 2px}.workbook-heading{display:block;padding:23px 15px 22px}.workbook-heading h3{font-size:34px;line-height:1.05;max-width:300px}.workbook-heading .demo-kicker{font-size:12px;letter-spacing:1.1px}.workbook-edition{display:block;text-align:left;font-size:12px;line-height:1.8;margin-top:13px}.workbook-edition br{display:none}.workbook-edition br::after{content:" · "}.demo-tabs{padding:0}.demo-tabs a{min-width:0;flex:1;gap:5px;padding:12px 4px;font-size:12px;min-height:50px}.demo-tabs a>span{font-size:12px}.workbook-pages{padding:0 15px}.workbook-panel{padding:23px 0 25px}.workbook-page-heading{gap:12px;margin-bottom:17px;align-items:flex-start}.workbook-page-heading h4{font-size:23px;max-width:220px}.workbook-page-number{font-size:12px;letter-spacing:0;padding-top:4px}.workbook-page-layout{gap:23px}.workbook-table{display:block;font-size:13px}.workbook-table caption{display:block;font-size:12px;padding-bottom:13px;line-height:1.7}.workbook-table thead,.workbook-table tbody{display:block}.workbook-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.workbook-table thead th:first-child{display:none}.workbook-table thead th{width:auto;font-size:12px;padding:11px 8px;border-top:1px solid var(--demo-rule)}.workbook-table thead th:nth-child(2){padding-left:8px}.workbook-table tbody th:first-child{grid-column:1/-1;width:auto;font-size:12px;padding:12px 8px 4px;border-bottom:0;line-height:1.5}.workbook-table td{width:auto;font-size:13px;padding:5px 8px 12px;line-height:1.6}.workbook-table td+td,.workbook-table thead th+th+th{border-left:1px solid var(--demo-rule)}.workbook-table .workbook-highlight th{box-shadow:none}.workbook-table .workbook-highlight{box-shadow:inset 2px 0 #93745f}.workbook-highlight strong{font-size:14px;letter-spacing:-.2px;white-space:normal}.workbook-pending{font-size:12px;line-height:1.6}.product-demo .workbook-calculation{font-size:14px;letter-spacing:0;margin-top:16px}.workbook-calculation>span{font-size:12px;margin-top:6px}.workbook-margin-note{display:block;padding:19px 0 0}.product-demo .workbook-margin-note .demo-kicker{font-size:12px;letter-spacing:.8px}.product-demo .workbook-margin-note p{font-size:30px;margin:10px 0 12px}.workbook-margin-note p br{display:none}.workbook-margin-note p br::after{content:" "}.workbook-margin-note>div,.workbook-margin-note>blockquote{font-size:12px;line-height:1.85}.workbook-margin-note>div:last-child:not(:first-of-type){margin-top:11px}.workbook-footer{padding:13px 15px;font-size:12px;line-height:1.7}.demo-below{display:block;padding-top:22px}.demo-controls{display:block;padding:14px 15px 13px}.demo-controls .demo-progress-copy{margin-top:11px}.demo-play{min-height:48px;min-width:222px;padding:12px 18px}.demo-progress-copy{max-width:none}.demo-sample-link{margin-top:12px;min-height:48px;font-size:13px;justify-content:flex-start}.product-demo .demo-honesty{margin-top:0;font-size:12px;line-height:1.85}.product-demo .demo-motion-note{padding:13px 15px}.demo-motion-note+.demo-sample-link{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.product-demo *,.product-demo *::before,.product-demo *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.demo-play:active{transform:none}}
@media print{.demo-controls,.demo-motion-note,.demo-tabs{display:none!important}.product-demo .workbook-panel[hidden]{display:block!important}.product-demo{width:100%;margin:20px 0;break-inside:auto}.workbook-frame{box-shadow:none}.workbook-page-layout{display:block}.workbook-margin-note{margin-top:20px}.workbook-panel{break-inside:avoid}}
