/* Simples — insights index
   Converted 1:1 from the Claude Design handoff (design_handoff_simples_site/html/).
   Values are final: do not re-tune colours, sizes, spacing or motion timings. */

.ins{padding-bottom:var(--pad-y);display:flex;flex-direction:column;gap:24px}
.cats{display:flex;gap:16px;flex-wrap:wrap;padding:14px 0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}
.cats a{font-size:15px;letter-spacing:0.02em;color:var(--grey-60)}.cats a.on{color:var(--black)}.cats a .n{font-family:var(--mono);font-size:13px;color:var(--grey-30);display:none}
@media (min-width:768px){.ins{gap:32px}.cats{gap:24px;padding:16px 0}.cats a .n{display:inline}}
@media (min-width:1200px){.ins{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.cats{grid-column:span 3;flex-direction:column;gap:0;padding:0;border:0;border-bottom:1px solid var(--hairline);align-self:start;position:sticky;top:120px}.cats a{display:flex;justify-content:space-between;align-items:baseline;padding:16px 0;border-top:1px solid var(--hairline)}.ins .rows{grid-column:5/span 8}}
.post{display:flex;flex-direction:column;gap:8px;padding:20px 0;border-top:1px solid var(--hairline)}
.post .meta{font-family:var(--mono);font-size:13px;letter-spacing:0.06em;color:var(--grey-60)}
/* Mobile/tablet run the meta inline as "2026.08 · GEO"; ≥1200 stacks date over
   category and drops the separator. Declared before the min-width block so the
   override actually lands — the handoff had these reversed, which is why the
   stacked desktop meta never rendered. */
.post .meta .sep,.post .meta .cat{display:inline}
.post .t{font-size:19px;line-height:1.4;letter-spacing:0.02em}
.post .d{display:none;color:var(--grey-60);max-width:560px}
.post .arr{display:none}
@media (min-width:768px){.post{padding:24px 0;gap:10px}.post .t{font-size:22px}.post .d{display:block}}
@media (min-width:1200px){.post{display:grid;grid-template-columns:200px 1fr 40px;gap:24px;align-items:baseline;padding:32px 0}.post .meta{line-height:1.8}.post .meta .sep{display:none}.post .meta .cat{display:block}.post .body{display:flex;flex-direction:column;gap:10px}.post .t{font-size:24px}.post .arr{display:block;text-align:right}}
.post .body{display:contents}@media (min-width:1200px){.post .body{display:flex}}
.nl{display:flex;flex-direction:column;gap:24px}
.nl form{display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.nl .field{width:100%}
@media (min-width:768px){.nl form{flex-direction:row;gap:32px;align-items:flex-end;max-width:560px}.nl .field{flex:1}}
@media (min-width:1200px){.nl{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.nl .sec2-l{grid-column:span 4}.nl form{grid-column:5/span 8;max-width:640px;gap:40px}}