/* Shared public layout and matching admin preview. */
.examples-page{padding-top:34px;padding-bottom:72px}.examples-content{color:#272722;font-family:inherit;text-align:left}.examples-content *{box-sizing:border-box}.examples-back{display:inline-flex;align-items:center;gap:8px;color:#77766e;font-size:13px;min-height:44px;text-decoration:none}.examples-back:hover{color:#b94e26}.examples-heading{padding:34px 0 45px;max-width:850px}.examples-kicker{display:flex;align-items:center;gap:9px;margin:0 0 20px;color:#a64b28;font-size:12px;font-weight:600;letter-spacing:.045em;line-height:1.6}.examples-kicker>span{width:7px;height:7px;background:#c65d30;border-radius:50%;flex-shrink:0}.examples-heading h1{font-size:clamp(36px,5vw,64px);font-weight:550;line-height:1.06;letter-spacing:-.045em;margin:0;max-width:820px;text-wrap:balance}.examples-intro{font-size:18px;line-height:1.65;color:#716f65;max-width:650px;margin:22px 0 0;white-space:pre-line}.examples-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.example-card{overflow:hidden;background:#fffefa;border:1px solid #e5e1d6;border-radius:20px;min-width:0;transition:border-color .18s,box-shadow .18s}.example-card:hover{border-color:#cfc8b9;box-shadow:0 10px 32px #46361c09}.example-image{aspect-ratio:1.44;background:#eae6db;position:relative;overflow:hidden}.example-image img{display:block;width:100%;height:100%;object-fit:cover}.example-provider{position:absolute;left:16px;bottom:14px;background:#fffef5ed;border:1px solid #ffffff80;border-radius:7px;padding:6px 10px;font-size:11px;line-height:1.4;font-weight:600;color:#3b3932}.example-body{padding:24px}.example-body h3{font-size:25px;font-weight:550;letter-spacing:-.65px;line-height:1.2;margin:0 0 12px;overflow-wrap:anywhere}.example-description{font-size:14px;color:#6c6a61;line-height:1.65;margin:0 0 22px;white-space:pre-line;overflow-wrap:anywhere}.example-open{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#a9421d;background:#f7eee2;border:1px solid #eee0ce;border-radius:10px;padding:12px 15px;font-size:13px;font-weight:600;text-decoration:none;min-height:46px}.example-open:hover{background:#f0e2ce}.example-open svg{width:20px;height:20px;flex-shrink:0}.example-meta{margin:23px 0 0;padding:17px 0 0;border-top:1px solid #e9e5db;display:grid;gap:9px;font-size:11px;line-height:1.5}.example-meta>div{display:flex;justify-content:space-between;gap:12px}.example-meta dt{color:#77746b}.example-meta dd{margin:0;text-align:right;font-weight:500;max-width:65%;overflow-wrap:anywhere}.example-languages{font-size:10px;color:#76736a;letter-spacing:.045em;line-height:1.8;margin:16px 0 0}.example-prompt{border-top:1px solid #e9e5db;margin-top:16px;padding-top:7px}.example-prompt summary,.examples-note summary{cursor:pointer;padding:10px 0;font-size:12px;color:#68655c;line-height:1.5}.example-prompt summary small{font-size:10px;margin-left:7px;color:#8b877d}.example-prompt pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.65 ui-monospace,monospace;background:#f4f1e9;border-radius:8px;padding:14px;max-height:340px;overflow:auto;margin:8px 0}.example-copy{border:1px solid #ddd5c7;border-radius:7px;font:inherit;font-size:12px;min-height:40px;padding:8px 12px;color:#514a3e;background:transparent;cursor:pointer}.example-copy-status{display:block;font-size:12px;color:#68655c;margin-top:6px}.examples-note{margin-top:30px;border-top:1px solid #e4dfd4;padding-top:12px;max-width:850px}.examples-note p{font-size:13px;color:#77746b;line-height:1.7;white-space:pre-line;margin:8px 0}.examples-empty{border:1px dashed #d8d2c4;border-radius:18px;padding:40px;max-width:650px}.examples-empty h2{font-size:22px;font-weight:500;margin:0 0 12px}.examples-empty p{font-size:15px;color:#77746b;margin:0}.examples-empty a{margin-top:22px;width:fit-content}.examples-content a:focus-visible,.examples-content button:focus-visible,.examples-content summary:focus-visible,.examples-content pre:focus-visible{outline:2px solid #b95329;outline-offset:4px}
@media(max-width:1050px){.examples-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.examples-heading{max-width:760px}}
@media(max-width:650px){.examples-page{padding-top:15px;padding-bottom:42px}.examples-heading{padding:22px 0 30px}.examples-heading h1{font-size:42px}.examples-kicker{font-size:10px;letter-spacing:.02em;margin-bottom:17px}.examples-intro{font-size:16px;margin-top:18px}.examples-grid{grid-template-columns:1fr;gap:22px}.example-card{border-radius:17px}.example-body{padding:22px}.examples-empty{padding:25px}}
@media(max-width:370px){.examples-heading h1{font-size:36px}.example-body{padding:19px}.examples-kicker{gap:6px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.example-card{transition:none}}

/* Task-based groups, shared by public page and administrator preview. */
.examples-heading{padding-bottom:24px}.examples-groups-nav{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 42px}.examples-groups-nav a{display:flex;gap:12px;align-items:center;padding:11px 17px;min-height:46px;border:1px solid #ded9cc;border-radius:100px;color:#383b31;text-decoration:none;background:#fffefa;font-size:14px}.examples-groups-nav a:hover{border-color:#b9522b;background:#faf0e5}.examples-groups-nav span{font-size:12px;color:#777267}.examples-group{scroll-margin-top:100px;margin-bottom:58px}.examples-group-heading{margin-bottom:22px}.examples-group-heading h2{font-size:30px;letter-spacing:-.025em;font-weight:550;line-height:1.2;margin:0 0 8px}.examples-group-heading p{font-size:16px;line-height:1.5;color:#716f65;margin:0}.example-description{min-height:4.95em}.examples-create{display:flex;gap:32px;align-items:center;justify-content:space-between;background:#f0eee3;border:1px solid #dfddcf;border-radius:20px;padding:30px;margin:24px 0}.examples-create h2{font-size:27px;line-height:1.2;margin:0 0 10px;letter-spacing:-.025em}.examples-create p{max-width:640px;color:#69695e;line-height:1.6;margin:0}.examples-create>.example-open{flex-shrink:0;background:#244639;color:#fff;border-color:#244639}.examples-content a:focus-visible{outline:3px solid #a54821;outline-offset:4px}
@media(max-width:760px){.examples-groups-nav{gap:8px;margin-bottom:32px}.examples-groups-nav a{padding:10px 14px}.examples-group{margin-bottom:40px}.examples-group-heading h2{font-size:26px}.examples-create{display:block;padding:24px}.examples-create>.example-open{margin-top:22px}.example-description{min-height:0}}