/* Scoped to editable page blocks; never applied to Core/SBO or homepage content. */
body.ll-theme-method-page { background: #fff; }
.ll-theme-method-page .content-container { max-width: none; padding: 0; }
.ll-theme-method-page .entry { margin-bottom: 0; }
.ll-method { color: #2d3748; font: 16px/1.65 system-ui, sans-serif; }
.ll-method, .ll-method * { box-sizing: border-box; }
.ll-method h1, .ll-method h2, .ll-method h3 { color: #1a202c; font-family: 'Comic Neue', cursive; line-height: 1.25; font-weight: 700; }
.ll-method h1 { font-size: clamp(28px, 3vw, 40px); margin: 12px 0 20px; }
.ll-method h2 { font-size: clamp(24px, 2.3vw, 30px); margin: 64px 0 20px; scroll-margin-top: 24px; }
.ll-method h3 { font-size: 19px; margin: 12px 0 8px; }
.ll-method p { margin: 0 0 20px; }
.ll-method a { color: #215387; }
.ll-method a:focus-visible { outline: 3px solid #215387; outline-offset: 3px; }
.ll-method-hero { background: #fff7ed; padding: 48px 24px; }
.ll-method-hero-inner { max-width: 1040px; margin-inline: auto; display: grid; gap: 32px; }
.ll-method .ll-method-eyebrow { color: #b93600; font-size: 14px; font-weight: 700; margin: 0; }
.ll-method figure { margin: 0; }
.ll-method img { max-width: 100%; height: auto; display: block; }
.ll-method .ll-method-mascot { max-width: 240px; justify-self: center; align-self: center; background: url('https://lou-et-leo.com/wp-content/uploads/2026/10/fond-pastel-9-16.webp') center/cover; }
.ll-method-layout { max-width: 1040px; margin-inline: auto; padding: 40px 24px 80px; display: grid; gap: 32px; }
.ll-method-toc { min-width: 0; font-size: 14px; }
.ll-method-toc ul { list-style: none; margin: 0; padding: 0; }
.ll-method-toc a { display: flex; align-items: center; min-height: 44px; padding: 8px 12px; color: #1a202c; text-decoration: none; border-radius: 8px; }
.ll-method-toc a:hover, .ll-method-toc a:focus { background: #fff7ed; color: #b93600; }
.ll-method-article { min-width: 0; }
.ll-method-article > h2:first-child { margin-top: 0; }
.ll-method-card-story { display: grid; gap: 28px; }
.ll-method-card-story figure { max-width: 225px; justify-self: center; }
.ll-method-card-story img { border-radius: 12px; box-shadow: 0 5px 16px rgb(0 0 0 / 8%); }
.ll-method-memory { background: #f7fafc; border: 1px solid #e2e8f0; padding: 24px; border-radius: 16px; font-size: 14px; }
.ll-method-timeline, .ll-method-meta-grid, .ll-method-games { display: grid; gap: 12px; }
.ll-method-step { padding: 12px; border: 1px solid #dbe5f1; background: #fff; border-radius: 10px; }
.ll-method-step:last-child { border-color: #276749; }
.ll-method .ll-method-status { display: inline-block; padding: 2px 10px; background: #fff1c2; border-radius: 20px; color: #824300; margin: 0; font-weight: 700; }
.ll-method-step:first-child .ll-method-status { background: #276749; color: #fff; }
.ll-method-step:last-child .ll-method-status { background: #e4f4ea; color: #276749; }
.ll-method-meta-card { border-radius: 16px; background: #fdf3e3; padding: 16px; font-size: 14px; }
.ll-method .ll-method-number { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: #8b68b4; color: #fff; margin: 0; }
.ll-method-meta-card:nth-child(2) .ll-method-number { background: #3d71b7; }
.ll-method-meta-card:nth-child(3) .ll-method-number { background: #438534; }
.ll-method-meta-card:nth-child(4) .ll-method-number { background: #c53b00; }
.ll-method-game { border: 1px solid #e2e8f0; border-radius: 14px; overflow: hidden; box-shadow: 0 4px 8px rgb(0 0 0 / 3%); }
.ll-method-game img { width: 100%; aspect-ratio: 1.6; object-fit: cover; }
.ll-method-game h3, .ll-method-game p { margin-inline: 16px; }
.ll-method-game p { font-size: 14px; }
.ll-method-sources { border-top: 1px solid #e2e8f0; margin-top: 64px; padding-top: 20px; font-size: 13px; }
.ll-method-sources li { margin-bottom: 10px; scroll-margin-top: 24px; }
@media (min-width: 768px) {
 .ll-method-hero { padding-block: 64px; }
 .ll-method-hero-inner { grid-template-columns: 1.25fr 1fr; gap: 64px; }
 .ll-method-layout { grid-template-columns: 220px minmax(0, 1fr); gap: 48px; }
 .ll-method-toc { align-self: start; position: sticky; top: 24px; }
 .ll-method-card-story { grid-template-columns: 1.35fr 1fr; }
 .ll-method-timeline { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .ll-method-meta-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
 .ll-method-games { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1100px) { .ll-method-timeline { grid-template-columns: repeat(4, minmax(0, 1fr)); } }