/* Six use dividers open the same archive drawer. Carry style is secondary. */
.purpose-index{padding:0 5px 16px}
.purpose-index-top{display:flex;justify-content:flex-end;margin:0 0 12px}
.purpose-index-top button{display:flex;align-items:center;gap:12px;background:none;border:0;border-bottom:1px solid #555;padding:8px 4px;color:#aaa;font:500 13px/1.3 var(--body);min-height:40px}
.purpose-index-top button span{color:#777;font-size:12px}
.purpose-index-top button[aria-pressed=true]{color:#fff;border-color:#ddd}
.purpose-dividers{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;align-items:stretch}
.purpose-divider{position:relative;min-width:0;border:1px solid #555;border-bottom:0;border-radius:6px 6px 0 0;background:linear-gradient(135deg,#323232,#202020);padding:17px 13px 13px;text-align:left;color:#bbb;box-shadow:inset 0 1px #ffffff18,0 5px #080808;transition:transform .25s,background .25s,color .25s}
.purpose-divider strong{display:block;font:500 16px/1.25 var(--body);letter-spacing:-.025em;min-height:40px;overflow-wrap:normal}
.purpose-divider>span{display:block;font:12px/1.3 var(--body);color:#888;margin-top:12px}
.purpose-divider:hover{border-color:#aaa;transform:translateY(-3px);color:#fff}
.purpose-divider[aria-pressed=true]{color:#111;background:#fff;border-color:#fff;transform:translateY(-4px);box-shadow:0 9px #555}
.purpose-divider[aria-pressed=true]>span{color:#666}
.purpose-divider:focus-visible,.purpose-index-top button:focus-visible,.carry-filters button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.carry-filters{display:flex;gap:20px;flex-wrap:wrap;margin:-2px 0 24px;border-bottom:1px solid #373737}
.carry-filters button{position:relative;background:none;padding:8px 0 13px;min-height:42px;color:#888;font:500 13px/1.3 var(--body);border:0}
.carry-filters button[aria-pressed=true]{color:#fff}.carry-filters button[aria-pressed=true]::after{content:'';height:2px;position:absolute;bottom:-1px;left:0;right:0;background:#fff}
.carry-filters button:hover:not(:disabled){color:#fff}.carry-filters button:disabled{opacity:.3;cursor:default}
.file-heading .deal-name{flex:1;min-width:0}
.purpose-tag{display:block;max-width:44%;flex:none;border:1px solid #ccc;border-radius:2px;padding:3px 5px;font:500 11px/1.2 var(--body);text-align:right;color:#555;align-self:flex-start}
@media(min-width:701px) and (max-width:1000px){
 .purpose-dividers{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px}
 .purpose-divider{padding:13px 14px 11px}.purpose-divider strong{min-height:36px;font-size:16px}.purpose-divider>span{margin-top:7px}
 .purpose-tag{font-size:10px;max-width:48%;padding:3px}
 .file-heading .deal-name{font-size:19px}
}
@media(max-width:700px){
 .purpose-index{padding:0 2px 17px}.purpose-index-top{margin-bottom:10px}
 .purpose-index-top button{font-size:12px;min-height:36px;padding-top:3px;padding-bottom:6px}
 .purpose-dividers{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 6px}
 .purpose-divider{padding:12px 9px 10px;min-height:89px}
 .purpose-divider strong{font-size:13px;min-height:34px;line-height:1.25}.purpose-divider>span{font-size:11px;margin-top:7px}
 .archive-drawer .drawer-heading{align-items:center}.archive-drawer .drawer-heading h3{font-size:20px;max-width:70%}
 .carry-filters{gap:0;justify-content:space-between;margin:0 0 22px;flex-wrap:nowrap}
 .carry-filters button{font-size:12px;padding:7px 0 12px;min-height:42px}
 .archive-file .file-heading{padding-top:15px;flex-wrap:wrap}
 .purpose-tag{position:absolute;top:7px;right:12px;max-width:calc(100% - 24px);font-size:10px;padding:2px 4px;white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){.purpose-divider{transition:none}}