/* Shared outer gutters; document and article reading widths remain independent. */
:root{--page-gutter:34px;--card-inset:25px}
.wrap{padding-inline:var(--page-gutter)}
body>header,body>footer{padding-inline:max(var(--page-gutter),calc((100% - 1220px)/2 + var(--page-gutter)))}
.workspace{margin-block:0;padding-inline:var(--page-gutter)}
.row{flex-wrap:wrap}
.row>*,.actions>*,.filters>*,.steps>*,.grid>*{min-width:0}
input,select,textarea{min-width:0;max-width:100%}
.filters{grid-template-columns:repeat(3,minmax(0,1fr))}
.filters.guide-filters{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.article section.card{padding-inline:var(--card-inset)}
.card.section{padding-inline:var(--card-inset)}
.blog-card{padding:0}
.blog-card>.blog-photo{margin:0 0 22px;border-radius:15px 15px 0 0;height:auto;aspect-ratio:16/10}
.blog-card>:not(.blog-photo){margin-left:var(--card-inset);margin-right:var(--card-inset)}
.blog-card>p.small{margin-left:var(--card-inset)!important;margin-right:var(--card-inset)!important}
.blog-card>.small:last-child{padding-bottom:var(--card-inset)}
.doc-layout{max-width:1050px;margin-inline:auto}
.doc-controls{max-width:1050px;margin-inline:auto;padding-left:250px}
.document-page{width:100%;min-width:0}
.document-page header,.document-page footer{flex-wrap:wrap}
.tablewrap,.tabs,.timeline{max-width:100%;min-width:0}
.email-settings{margin-top:48px}
@media(max-width:1100px){
  .grid:not(.two){grid-template-columns:repeat(2,minmax(0,1fr))}
  .doc-layout{grid-template-columns:minmax(0,800px);justify-content:center}
  .doc-nav{position:static;display:flex;overflow:auto;padding-bottom:12px}
  .doc-nav button{flex-shrink:0}
  .doc-controls{padding-left:0}
}
@media(max-width:1000px){.filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
  :root{--page-gutter:20px;--card-inset:20px}
  .grid:not(.two),.grid.two{grid-template-columns:minmax(0,1fr)}
  .workspace{padding-inline:var(--page-gutter)}
  body>header nav{flex-wrap:wrap;column-gap:16px;row-gap:8px;justify-content:flex-start}
  .filters.guide-filters{grid-template-columns:minmax(0,1fr)}
  .hero .mock{width:100%}
  .upload{padding:24px 16px}
  .document-page .doc-cover{min-height:0;aspect-ratio:9/16;gap:28px}
  .doc-cover h1{font-size:clamp(28px,8vw,48px);overflow-wrap:anywhere}
  .document-page .doc-orbit{max-width:45%;height:auto;aspect-ratio:1}
}
@media(max-width:360px){:root{--page-gutter:16px}.filters{grid-template-columns:minmax(0,1fr)}.steps{grid-template-columns:minmax(0,1fr)}}

.draft-review{display:grid;gap:24px}
.draft-review-intro{display:grid;gap:12px}
.draft-review-intro h2,.draft-review-intro p,.draft-review>.note{margin:0}
.draft-review-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start}
.draft-account-list{display:grid;gap:12px;min-width:0}
.draft-account{display:grid;gap:8px;text-align:left;padding:16px;min-width:0}
.draft-account strong,.draft-account small{overflow-wrap:anywhere}
.draft-account.active{border-color:var(--text);box-shadow:inset 3px 0 var(--lime);background:var(--panel)}
.draft-account .pill,.draft-detail-heading .pill{white-space:normal;width:fit-content}
.draft-detail{display:grid;gap:24px;min-width:0}
.draft-detail-heading{display:flex;align-items:start;justify-content:space-between;flex-wrap:wrap;gap:12px}
.draft-detail-heading h3{margin:8px 0}.draft-detail-heading p{margin:0;font-size:13px}
.draft-content-card,.draft-original{display:grid;gap:16px}
.draft-content-card h3,.draft-content-card p,.draft-original h3,.draft-original p{margin:0}
.draft-caption-text{white-space:pre-wrap;overflow-wrap:anywhere}
.draft-media{min-height:260px;display:grid;justify-items:center;align-content:center;gap:16px;padding:24px;background:var(--side);border:1px solid var(--line);border-radius:12px;text-align:center;overflow-wrap:anywhere}
.draft-media>span{font-size:11px;letter-spacing:2px}.draft-media strong{font-size:18px}
.draft-garment{width:100px;height:100px;background:var(--lime);clip-path:polygon(25% 0,40% 8%,60% 8%,75% 0,100% 25%,85% 42%,75% 32%,75% 100%,25% 100%,25% 32%,15% 42%,0 25%)}
.draft-media-reels{min-height:320px}
.draft-feedback>h3{margin-bottom:20px}.draft-feedback label{margin-bottom:20px}
.draft-feedback>.actions+p{margin:12px 0 20px}.draft-feedback>p:last-child{margin-bottom:0}
@media(max-width:1100px){.draft-review-layout{grid-template-columns:minmax(0,1fr)}.draft-account-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.draft-account-list{grid-template-columns:minmax(0,1fr)}.draft-media{padding:20px;min-height:230px}}

.insight-capture{display:grid;gap:24px}.insight-heading{display:grid;gap:12px}.insight-capture h2,.insight-capture h3,.insight-capture p,.insight-capture .note{margin:0}.capture-picker{display:grid;gap:16px}.capture-empty{padding:28px;border:1px dashed var(--line);border-radius:10px;color:var(--muted);text-align:center}.capture-preview{margin:0;display:grid;gap:12px;min-width:0}.capture-preview img{display:block;max-width:100%;max-height:420px;object-fit:contain;margin:auto}.capture-preview figcaption{overflow-wrap:anywhere;font-size:14px}.capture-error{color:var(--text);border-left:3px solid var(--lime);padding:12px}.insight-fields label{margin:0}.insight-fields small{display:block;margin-top:6px}.insight-demo{padding:16px 0}.insight-demo[open]{display:grid;gap:16px}#insightSubmitStatus:empty{display:none}
.timeline>div:has(>b){min-width:160px}.timeline b{line-height:1.5;word-break:keep-all}