/* Purpose groups and introductions from the Frames app catalog. */
.framework-jumps{display:flex;flex-wrap:wrap;gap:0 26px}
.framework-jump{display:inline-flex;align-items:center;gap:18px;margin-top:18px;font-size:12px;text-decoration:underline;text-underline-offset:5px;min-height:44px}
.framework-catalog{border-top:1px solid var(--line);padding:36px 0 42px;scroll-margin-top:24px}
.framework-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}
.framework-heading .eyebrow{font-size:9px;letter-spacing:.15em;color:#56746c;margin-bottom:13px}
.framework-heading h2{font-size:23px;font-weight:400;line-height:1.55;letter-spacing:-.025em}
.framework-total{font-family:var(--serif);font-size:56px;line-height:1;color:#496b60;text-align:center}
.framework-total small{display:block;font:8px var(--sans);letter-spacing:.17em;margin-top:8px}
.framework-intro{font-size:12px;line-height:1.95;color:#62665e;max-width:76ch;margin:22px 0 26px}
.framework-search{background:#f0f2ed;padding:18px 20px;margin-bottom:24px}
.framework-search>label{display:block;font-size:11px;line-height:1.7;margin-bottom:9px}
.framework-search-row{display:flex;gap:12px;align-items:center}
.framework-search input{min-width:0;width:100%;height:44px;border:1px solid #c8cec5;border-radius:0;background:var(--paper,#fbfaf7);color:var(--ink);font:13px var(--sans);padding:10px 12px}
.framework-search input::placeholder{color:#6a7168}
.framework-search button{min-height:44px;border:0;background:transparent;color:var(--ink);font:11px var(--sans);text-decoration:underline;text-underline-offset:4px;white-space:nowrap;cursor:pointer}
.framework-search :focus-visible,.framework-group summary:focus-visible{outline:2px solid #496b60;outline-offset:4px}
.framework-count{font-size:10px;color:#656d61;margin-top:10px}
.framework-group{border-top:1px solid var(--line)}
.framework-group:last-child{border-bottom:1px solid var(--line)}
.framework-group summary{display:flex;align-items:center;gap:18px;padding:22px 0;cursor:pointer;list-style:none}
.framework-group summary::-webkit-details-marker{display:none}
.framework-group-number{color:#56746c;font-size:10px;width:24px;flex-shrink:0}
.framework-group-copy{min-width:0;flex:1}
.framework-group-title{display:block;font-size:15px;line-height:1.6}
.framework-group-preview{display:block;font-size:10px;color:#6b7065;line-height:1.8;margin-top:4px;overflow-wrap:anywhere}
.framework-group-count{font-size:11px;color:#56746c}
.framework-toggle{width:14px;font-size:21px;font-weight:300;line-height:1;transition:transform .2s}
.framework-group[open]>summary .framework-toggle{transform:rotate(45deg)}
.framework-entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;padding:0 0 22px 42px}
.framework-entry{border-top:1px solid #dbe2d8;padding:24px 0 22px;min-width:0;overflow-wrap:anywhere}
.framework-entry h3{font-size:16px;line-height:1.6;font-weight:500;margin-bottom:12px}
.framework-about{font-size:12px;line-height:1.9;color:#545b50}
.framework-entry dl{margin:18px 0 0}
.framework-entry dl>div+div{margin-top:17px}
.framework-entry dt{font-size:9px;color:#56746c;letter-spacing:.03em;margin-bottom:6px}
.framework-entry dd{font-size:12px;line-height:1.85;margin:0}
.framework-entry .framework-example{border-left:2px solid #bccfc4;padding-left:12px}
.framework-empty{font-size:13px;line-height:1.9;padding:24px;background:#f0f2ed}
.framework-catalog [hidden]{display:none!important}
.frames-pdf{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:40px;border-top:1px solid var(--line);padding:40px 0;scroll-margin-top:24px}
.frames-pdf .eyebrow{font-size:9px;letter-spacing:.15em;color:#56746c;margin-bottom:14px}
.frames-pdf h2{font-size:23px;font-weight:400;line-height:1.55;letter-spacing:-.025em}
.frames-pdf-copy>p:not(.eyebrow):not(.note){font-size:12px;line-height:1.95;color:#545b50}
.frames-pdf-intro{margin-top:20px}
.frames-pdf h3{font-size:15px;font-weight:500;line-height:1.6;margin:26px 0 12px}
.frames-pdf dl{margin:20px 0}
.frames-pdf dl>div{border-top:1px solid var(--line);padding:12px 0}
.frames-pdf dt{display:flex;align-items:center;gap:13px;font-size:12px;line-height:1.6}
.frames-pdf dt span{color:#56746c;font-size:9px}
.frames-pdf dd{margin:5px 0 0 25px;font-size:11px;line-height:1.9;color:#62665e}
.frames-pdf-copy .frames-pdf-size{font-size:10px!important;color:#56746c!important}
.frames-pdf-actions{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:12px}
.frames-pdf-actions a{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--ink);font-size:11px;line-height:1.7;min-height:44px}
.frames-pdf-actions a:hover{color:var(--accent)}
.frames-pdf-preview{margin:0;padding:24px;background:#edf0e9}
.frames-pdf-preview a{display:block;background:white;box-shadow:0 5px 15px #35403510}
.frames-pdf-preview img{display:block;width:100%;height:auto}
.frames-pdf-preview figcaption{font-size:9px;line-height:1.8;color:#62665e;margin-top:14px}
@media(max-width:1000px){.frames-pdf{gap:24px}.frames-pdf-preview{padding:16px}}
@media(max-width:760px){.framework-jumps{grid-column:1/-1;gap:0 20px}.frames-pdf{grid-template-columns:1fr;gap:24px;padding:28px 0}.frames-pdf h2{font-size:19px}.frames-pdf-preview{padding:18px}.frames-pdf-preview img{max-width:480px;margin:auto}}
@media(max-width:760px){.framework-jump{grid-column:1/-1;margin-top:0}.framework-catalog{padding:28px 0}.framework-heading{gap:16px;align-items:start}.framework-heading h2{font-size:19px}.framework-total{font-size:43px}.framework-intro{margin-top:18px}.framework-search{padding:16px}.framework-search input{font-size:16px}.framework-group summary{gap:12px;padding:19px 0}.framework-group-number{width:18px}.framework-group-title{font-size:14px}.framework-entries{grid-template-columns:1fr;padding:0 0 8px 30px}.framework-entry{padding:20px 0}.framework-entry h3{font-size:15px}.framework-about,.framework-entry dd{font-size:12px}}