/* v9: supporting tools stay open; depth belongs to the working objects. */
.extras-section{--tool-sheet:#fffdf7;--tool-dark:#19383e;--tool-on-dark:#f0f6f1;--tool-muted:#52656b;--tool-result:#c4dfd8;--tool-rule:#a9bbb4;--tool-shadow:#284a4826;margin-top:94px;padding-top:46px;border-top:1px solid var(--tool-rule);scroll-margin-top:90px}
body[data-palette=midnight] .extras-section{--tool-sheet:#fbfcff;--tool-dark:#283653;--tool-on-dark:#f0f2fc;--tool-muted:#535f7a;--tool-result:#d0ddfa;--tool-rule:#a9b6ce;--tool-shadow:#26396726}
body[data-palette=ivory] .extras-section{--tool-sheet:#fffaf0;--tool-dark:#3e4b40;--tool-on-dark:#f6f2e8;--tool-muted:#656044;--tool-result:#ecdbb3;--tool-rule:#bcb39b;--tool-shadow:#50493126}
.extras-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:38px}
.extras-heading h2{font-family:var(--body);font-size:44px;letter-spacing:-1.8px;font-weight:500;line-height:1.15;margin:0}
.extras-heading>p{margin:0;color:var(--tool-muted);font-size:16px;line-height:1.4}
.tools-showcase{display:grid;grid-template-columns:1.22fr 1fr 1fr;gap:36px;align-items:start}
.tool-scene{min-width:0}
.tool-intro h3{font-size:24px;letter-spacing:-.65px;font-weight:600;line-height:1.25;margin:0 0 10px}
.tool-intro>p{font-size:18px;line-height:1.45;margin:0;min-height:53px;max-width:330px;color:var(--tool-muted)}
.tool-visual{height:324px;position:relative;isolation:isolate;margin-top:16px}
.tool-sheet-label{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--tool-muted);font-size:14px;line-height:1.3}
.meeting-recorder{position:absolute;top:18px;left:1%;width:94%;border-radius:16px;z-index:2;transform:rotate(-3deg);background:var(--tool-dark);color:var(--tool-on-dark);padding:17px 21px;box-shadow:0 3px 0 #0b242b,0 15px 24px var(--tool-shadow);border:1px solid #ffffff30}
.recorder-top,.recorder-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}
.recorder-top{font-size:16px;line-height:1.3}.recorder-time{font-size:14px;font-variant-numeric:tabular-nums}
.recorder-bottom{margin-top:15px}.recorder-bottom>span{font-size:14px;min-width:67px;text-align:right}
.mini-wave{display:flex;align-items:center;justify-content:space-between;gap:4px;height:36px;width:190px;max-width:65%}
.mini-wave i{width:3px;height:var(--bar);border-radius:3px;flex-shrink:0;background:var(--tool-result);transform-origin:center;transform:scaleY(.5)}
.meeting-sheet{position:absolute;top:95px;left:6%;width:91%;min-height:178px;padding:52px 22px 20px;border:1px solid #fff9;border-radius:6px 6px 18px 6px;transform:rotate(1.4deg);background:var(--tool-sheet);color:var(--ink);box-shadow:0 3px 0 var(--tool-rule),0 16px 27px var(--tool-shadow)}
.meeting-sheet>p{font-size:22px;line-height:1.4;letter-spacing:-.3px;margin:18px 0 14px;min-height:62px;padding-right:8px}
.sheet-corner{position:absolute;bottom:14px;right:18px;color:var(--tool-muted);font-size:18px}
.meeting-visual[data-state=summary] .meeting-sheet{background:var(--tool-result)}
.meeting-visual[data-state=recording] .meeting-sheet>p{color:var(--tool-muted)}
.typing-sheet{position:absolute;top:25px;left:2%;right:1%;min-height:240px;background:var(--tool-sheet);padding:23px 22px 17px;border:1px solid #fff9;border-radius:10px;transform:rotate(-1.4deg);box-shadow:0 3px 0 var(--tool-rule),0 16px 27px var(--tool-shadow)}
.typing-before{font-size:18px;line-height:1.4;color:var(--tool-muted);margin:23px 0 0;min-height:26px;text-decoration:line-through;text-decoration-color:var(--tool-rule);text-decoration-thickness:1px}
.typing-arrow{display:block;font-size:20px;line-height:1;margin:9px 0;color:var(--tool-muted)}
.typing-after{font-size:22px;font-weight:500;line-height:1.35;letter-spacing:-.3px;margin:0;min-height:60px;color:var(--ink)}
.typing-visual[data-state=before] .typing-before{text-decoration:none;color:var(--ink)}
.typing-visual[data-state=before] .typing-after{visibility:hidden}
.typing-footer{display:flex;align-items:center;gap:8px;border-top:1px solid var(--tool-rule);padding-top:12px;font-size:14px;color:var(--tool-muted)}
.typing-footer kbd{display:inline-flex;min-width:26px;height:25px;align-items:center;justify-content:center;padding:0 5px;border:1px solid var(--tool-rule);border-radius:5px;box-shadow:0 2px 0 var(--tool-rule);font:14px var(--body);background:var(--tool-sheet);color:var(--ink)}
.typing-footer .tool-replay{margin-left:auto;min-height:30px;min-width:36px;font-size:24px;padding:0 4px;line-height:1}
.clipboard-stack{position:absolute;inset:22px 0 0;perspective:1000px}
.clipboard-slip{position:absolute;left:3%;width:94%;height:98px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;text-align:left;border:1px solid var(--tool-rule);border-radius:10px;background:var(--tool-sheet);color:var(--ink);padding:14px 32px 14px 20px;box-shadow:0 3px 0 var(--tool-rule),0 10px 20px var(--tool-shadow);font-size:18px;line-height:1.35;letter-spacing:-.25px;cursor:pointer;transform-origin:center}
.clipboard-slip[data-snippet="0"]{top:0;transform:rotate(-2deg);z-index:1}
.clipboard-slip[data-snippet="1"]{top:94px;transform:rotate(1.2deg);z-index:2}
.clipboard-slip[data-snippet="2"]{top:188px;transform:rotate(-1.5deg);z-index:3}
.clipboard-slip[aria-pressed=true]{background:var(--tool-dark);color:var(--tool-on-dark);border-color:var(--tool-dark);transform:translate(0,-5px) rotate(0);z-index:4;box-shadow:0 3px 0 #0b242b,0 18px 27px var(--tool-shadow)}
.clip-label{font-size:14px;letter-spacing:0;line-height:1;color:var(--tool-muted)}
.clipboard-slip[aria-pressed=true] .clip-label{color:var(--tool-result)}
.clipboard-slip i{position:absolute;right:16px;top:16px;font-style:normal;font-size:16px}
.tool-actions{min-height:86px;padding-top:10px;display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}
.tool-replay,.tool-action,.tool-switch button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 9px;border:0;border-radius:7px;font-size:16px;line-height:1.3;color:var(--ink);background:transparent;cursor:pointer;white-space:nowrap}
.tool-replay{padding-left:0}.tool-replay>span{font-size:21px;line-height:1}
.tool-action{background:var(--tool-sheet);box-shadow:0 1px 0 var(--tool-rule)}
.tool-action[aria-pressed=true]{background:var(--tool-result)}
.tool-replay:hover,.tool-action:hover{background:var(--tool-result)}
.tool-service-note{font-size:14px;line-height:1.4;color:var(--tool-muted);flex-basis:100%;margin:1px 0 0}
.tool-switch{display:flex;gap:3px;background:var(--tool-sheet);padding:3px;border-radius:9px;box-shadow:0 1px 0 var(--tool-rule)}
.tool-switch button{padding:6px 14px;min-height:34px}
.tool-switch button[aria-pressed=true]{background:var(--tool-dark);color:var(--tool-on-dark)}
.clipboard-actions>p:first-child{font-size:16px;min-height:40px;line-height:1.4;margin:0;display:flex;gap:10px;align-items:center}
.extras-section .tool-details{margin-top:16px;border-top:1px solid var(--tool-rule);font-size:16px;line-height:1.5}
.extras-section .tool-details>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;padding:14px 0;color:var(--tool-muted);font-size:16px}
.tool-details>summary::-webkit-details-marker{display:none}
.tool-details[open]>summary>span{transform:rotate(45deg)}
.tool-detail-body{padding:0 0 8px}.tool-detail-body p{margin:0 0 12px;font-size:16px;line-height:1.5}.tool-detail-body .detail-note{color:var(--tool-muted);font-size:14px}
.tool-detail-body h4{font-size:17px;font-weight:600;margin:0 0 7px}.tool-detail-body>div+div{margin-top:21px}
.extras-section button:focus-visible,.extras-section summary:focus-visible{outline:3px solid var(--tool-dark);outline-offset:4px}
@media(max-width:1200px){.tools-showcase{gap:25px}.tool-intro h3{font-size:23px}.meeting-sheet{padding-inline:19px}.tool-replay,.tool-action{padding-inline:7px}.meeting-actions{column-gap:3px}.typing-sheet{padding-inline:18px}}
@media(max-width:1100px) and (min-width:621px){.tools-showcase{grid-template-columns:1fr 1fr;column-gap:42px;row-gap:38px}.tool-meeting{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 42px;align-items:start}.tool-meeting .tool-intro{grid-column:1;grid-row:1}.tool-meeting .meeting-visual{grid-column:2;grid-row:1/4;margin-top:-6px;max-width:470px;width:100%}.tool-meeting .meeting-actions{grid-column:1;grid-row:2;margin-top:15px;justify-content:flex-start;align-content:flex-start;min-height:86px}.tool-meeting .tool-details{grid-column:1;grid-row:3;margin-top:0}.tool-intro h3{font-size:24px}.tool-visual{height:324px}.meeting-sheet>p{min-height:62px}.tool-intro>p{max-width:360px}}
@media(max-width:780px){.extras-section{margin-top:58px;padding-top:35px}.extras-heading h2{font-size:38px}.tools-showcase,.tool-meeting{column-gap:25px}.tool-meeting .meeting-actions{display:block}.meeting-actions .tool-action{margin-left:4px}.meeting-actions .tool-service-note{margin-top:8px}.meeting-sheet{left:3%;width:95%;padding-inline:17px}.meeting-recorder{padding-inline:16px}.mini-wave{gap:3px}.mini-wave i{width:2px}.meeting-sheet>p{font-size:21px}.typing-sheet{padding-inline:17px}.clipboard-slip{padding-left:17px;font-size:18px}}
@media(max-width:620px){.tools-showcase{grid-template-columns:1fr;gap:36px}.extras-heading{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:32px}.extras-heading h2{font-size:36px}.tool-intro h3{font-size:24px}.tool-intro>p{min-height:0;max-width:340px}.tool-visual{margin-top:18px;height:324px;max-width:430px;margin-inline:auto;width:100%}.meeting-sheet>p{font-size:22px}.meeting-sheet{left:5%;width:91%;padding-inline:21px}.meeting-recorder{left:1%;width:94%;padding-inline:20px}.mini-wave i{width:3px}.meeting-actions .tool-action{margin-left:0}.tool-actions{min-height:81px}.tool-details{margin-top:12px}.typing-sheet{padding-inline:23px}.typing-after{min-height:48px}.clipboard-visual{height:324px}.clipboard-slip{padding-inline:22px 38px;font-size:19px}.tool-service-note{font-size:14px}.extras-section{scroll-margin-top:130px}}