.guide-main { width:calc(100% - 72px); max-width:980px; margin:48px auto 65px; }
.breadcrumbs { display:flex; gap:12px; align-items:center; color:var(--muted); font-size:12px; margin-bottom:38px; }
.breadcrumbs a:hover { color:var(--accent); }
.article-heading { max-width:760px; margin-bottom:30px; }
.article-heading h1 { font-size:clamp(34px,4vw,55px); line-height:1.1; letter-spacing:-1.8px; margin-bottom:20px; }
.article-intro { font-size:18px; line-height:1.7; color:#475569; margin:0 0 20px; }
.article-meta { font-size:11px; color:var(--muted); }
.guide-main article>section { margin-top:42px; }
.guide-main article>section h2 { font-size:28px; letter-spacing:-.8px; margin-bottom:18px; }
.guide-main article>section>h3 { max-width:740px; font-size:19px; line-height:1.45; letter-spacing:-.25px; margin:28px 0 12px; }
.guide-main article>section>p.guide-tip { padding:18px 22px; border-left:3px solid var(--accent); border-radius:0 12px 12px 0; background:#ffffff8a; }
.guide-main .search-examples code { font-size:.9em; overflow-wrap:anywhere; }
.guide-main li a { color:var(--accent); text-decoration:underline; text-underline-offset:3px; }
.guide-main article>section>p,.guide-main article>section>ul { max-width:740px; color:#475569; font-size:15px; line-height:1.85; margin:14px 0; }
.guide-main article>section>ul { padding-left:22px; }
.guide-main li { padding-left:5px; margin:13px 0; }
.guide-main article p a,.guide-main table a { color:var(--accent); text-decoration:underline; text-underline-offset:3px; }
.article-answer { background:#ffffff8a; border:1px solid #c7d2fe; border-radius:18px; padding:23px 27px; max-width:780px; }
.article-answer strong { color:var(--accent); font-size:12px; }
.article-answer p { color:#475569; font-size:15px; line-height:1.8; margin:9px 0 0; }
.article-contents { display:flex; flex-wrap:wrap; gap:12px 25px; margin:24px 0 0; font-size:12px; color:var(--accent); }
.outfit-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:24px 0; }
.outfit-grid figure { margin:0; min-width:0; }
.outfit-grid img { width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; display:block; border-radius:13px; }
.outfit-grid h3 { font-size:17px; letter-spacing:-.3px; margin:15px 0 7px; }
.outfit-grid p { font-size:13px; line-height:1.7; color:var(--muted); margin:0; }
.guide-main article>section>p.source-note { font-size:12px; color:var(--muted); }
.table-scroll { overflow-x:auto; border:1px solid #c7d2fe; border-radius:16px; background:#ffffff6b; margin:24px 0; }
.table-scroll:focus-visible { outline:2px solid var(--focus); outline-offset:4px; }
.guide-main table { border-collapse:collapse; width:100%; text-align:left; font-size:13px; line-height:1.7; }
.guide-main caption { padding:17px 20px; text-align:left; color:var(--muted); font-size:11px; }
.guide-main th,.guide-main td { padding:16px 20px; border-top:1px solid #d5dcff; vertical-align:top; }
.guide-main thead th { color:var(--accent); font-size:11px; background:#e0e7ff55; }
.guide-main tbody th { width:28%; font-weight:550; }
.guide-main td:nth-child(2) { white-space:nowrap; }
.guide-next { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.6fr); gap:30px; border-top:1px solid #c7d2fe; margin-top:48px; padding-top:32px; }
.guide-next .eyebrow { font-size:9px; margin-bottom:13px; }
.guide-next h2 { font-size:27px; }
.guide-next p:not(.eyebrow) { font-size:13px; color:var(--muted); line-height:1.7; margin:14px 0 20px; }
.related-guide { align-self:start; display:flex; flex-direction:column; gap:18px; padding:25px; border:1px solid #c7d2fe; border-radius:17px; background:#ffffff66; }
.related-guide span { color:var(--accent); font-size:10px; letter-spacing:.4px; }
.related-guide strong { font-size:20px; line-height:1.4; letter-spacing:-.4px; }
.related-guide:hover { background:#fff; }
@media(max-width:680px) { .guide-main { width:calc(100% - 40px); margin-top:30px; } .breadcrumbs { margin-bottom:28px; font-size:10px; } .article-heading h1 { font-size:35px; letter-spacing:-1px; } .article-intro { font-size:14px; } .article-answer { padding:19px; } .article-answer p { font-size:13px; } .article-contents { gap:12px 18px; font-size:11px; } .guide-main article>section { margin-top:32px; } .guide-main article>section h2 { font-size:25px; } .guide-main article>section>p,.guide-main article>section>ul { font-size:13px; } .outfit-grid { grid-template-columns:1fr; gap:25px; } .outfit-grid figure { display:grid; grid-template-columns:110px minmax(0,1fr); gap:16px; align-items:center; } .outfit-grid h3 { font-size:15px; margin-top:0; } .outfit-grid p { font-size:12px; } .outfit-grid img { border-radius:10px; } .guide-main table { min-width:570px; font-size:12px; } .guide-main th,.guide-main td { padding:13px 16px; } .guide-next { grid-template-columns:1fr; gap:25px; } .guide-next h2 { font-size:25px; } }


/* A compact editorial index for the two practical headshot guides. */
.blog-main { width:calc(100% - 160px); max-width:1120px; margin:65px auto 70px; }
.blog-heading { text-align:center; margin-bottom:43px; }
.blog-heading .eyebrow { margin-bottom:18px; }
.blog-heading h1 { font-size:clamp(36px,4vw,54px); line-height:1.13; letter-spacing:-1.8px; margin-bottom:19px; }
.blog-heading h1 span { background:var(--title-gradient); background-clip:text; -webkit-background-clip:text; color:transparent; }
.blog-heading>p:last-child { color:var(--muted); font-size:15px; line-height:1.8; margin:0; }
.blog-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:25px; }
.blog-card { background:#ffffff8c; border:1px solid #d5dcff; border-radius:22px; overflow:hidden; }
.blog-card>a { display:flex; flex-direction:column; height:100%; }
.blog-card:hover { background:#ffffffc9; }
.blog-cover { height:300px; overflow:hidden; background:#e0e7ff; }
.blog-cover img { width:100%; height:100%; display:block; object-fit:cover; object-position:50% 25%; transition:transform .3s; }
.blog-card:hover .blog-cover img { transform:scale(1.025); }
.blog-card-copy { padding:27px 29px 30px; display:flex; flex:1; flex-direction:column; align-items:flex-start; }
.blog-category { display:flex; align-items:center; gap:14px; color:var(--accent); font-size:10px; font-weight:650; letter-spacing:1px; margin:0 0 17px; }
.blog-category span { color:var(--muted); font-weight:400; letter-spacing:0; }
.blog-card h2 { font-size:28px; line-height:1.25; letter-spacing:-.8px; margin:0 0 13px; }
.blog-card-copy>p:not(.blog-category) { color:var(--muted); font-size:13px; line-height:1.8; margin:0 0 23px; }
.blog-read { display:inline-flex; align-items:center; gap:9px; font-size:12px; font-weight:550; color:var(--accent); margin-top:auto; }
.blog-read .icon { width:15px; height:15px; }
.blog-start { display:flex; justify-content:space-between; align-items:center; gap:25px; margin-top:43px; border-top:1px solid #c7d2fe; padding-top:34px; }
.blog-start h2 { font-size:27px; letter-spacing:-.7px; }
.blog-start p { color:var(--muted); font-size:13px; margin:11px 0 0; }
.blog-start .button { flex-shrink:0; }
@media(max-width:900px) { .blog-main { width:calc(100% - 72px); margin-top:48px; } .blog-cover { height:230px; } .blog-card-copy { padding:23px; } .blog-card h2 { font-size:25px; } }
@media(max-width:680px) {
  .blog-main { width:calc(100% - 40px); margin:37px auto 44px; }
  .blog-heading { text-align:left; margin-bottom:28px; }
  .blog-heading h1 { font-size:36px; letter-spacing:-1.2px; }
  .blog-heading>p:last-child { font-size:13px; }
  .blog-heading>p:last-child br { display:none; }
  .blog-grid { grid-template-columns:1fr; gap:22px; }
  .blog-card { border-radius:17px; }
  .blog-cover { height:240px; }
  .blog-card-copy { padding:23px; }
  .blog-card h2 { font-size:25px; }
  .blog-start { flex-direction:column; align-items:flex-start; gap:19px; margin-top:32px; padding-top:27px; }
  .blog-start h2 { font-size:24px; }
}