.blog-kicker{letter-spacing:.14em;text-transform:uppercase;color:hsl(var(--primary));font-size:.75rem;font-weight:600}.blog-scope [data-category=bac]{--category-ink:220 78% 40%;--category-wash:216 100% 96%}.blog-scope [data-category=apres-bac]{--category-ink:30 88% 30%;--category-wash:40 100% 95%}.blog-scope [data-category=vie-etudiante]{--category-ink:170 78% 24%;--category-wash:165 65% 95%}.dark .blog-scope [data-category=bac]{--category-ink:214 90% 74%}.dark .blog-scope [data-category=apres-bac]{--category-ink:36 90% 68%}.dark .blog-scope [data-category=vie-etudiante]{--category-ink:165 60% 65%}.blog-category-ink{color:hsl(var(--category-ink))}.blog-category-label{color:hsl(var(--category-ink));background:hsl(var(--category-ink) / .09)}.blog-category{border-top:3px solid hsl(var(--category-ink) / .65)}.blog-category:hover,.blog-category[aria-current=page]{border-color:hsl(var(--category-ink));background:hsl(var(--category-ink) / .06)}.blog-story{transition:border-color .18s,box-shadow .18s}.blog-story:hover{border-color:hsl(var(--category-ink) / .5);box-shadow:0 8px 24px hsl(var(--foreground) / .04)}.blog-story-link:after{content:"";border-radius:.75rem;position:absolute;inset:0}.blog-story:focus-within{outline:2px solid hsl(var(--category-ink));outline-offset:4px}.blog-article-header{--category-ink:220 78% 40%;--category-wash:216 100% 96%;border-top:3px solid hsl(var(--category-ink) / .65);background:linear-gradient(135deg, hsl(var(--category-wash)), hsl(var(--card)) 65%);box-shadow:0 8px 30px #1f2c470f}:root:not(.dark) .blog-category{background:hsl(var(--category-wash));border-color:hsl(var(--category-ink) / .22);border-top-color:hsl(var(--category-ink) / .75)}:root:not(.dark) .blog-category:hover,:root:not(.dark) .blog-category[aria-current=page]{border-color:hsl(var(--category-ink) / .65)}:root:not(.dark) .blog-category-label{background:hsl(var(--category-wash));box-shadow:inset 0 0 0 1px hsl(var(--category-ink) / .14)}.dark .blog-article-header{background:hsl(var(--card));box-shadow:0 8px 30px #00000029}.blog-body{color:hsl(var(--foreground) / .95);overflow-wrap:break-word;font-size:clamp(1.125rem,1.08rem + .3vw,1.25rem);line-height:1.8}.blog-body h2{font-family:var(--font-cairo), system-ui, sans-serif;letter-spacing:-.01em;text-wrap:balance;margin:3rem 0 1rem;scroll-margin-top:6.5rem;font-size:clamp(1.5rem,1.3rem + 1vw,1.875rem);font-weight:700;line-height:1.25}.blog-body h3{font-family:var(--font-cairo), system-ui, sans-serif;text-wrap:balance;margin:2.25rem 0 .75rem;font-size:clamp(1.3rem,1.2rem + .55vw,1.5rem);font-weight:600;line-height:1.35}.blog-body p{text-wrap:pretty;margin:1.4rem 0}.blog-body strong{color:hsl(var(--foreground));font-weight:700}.blog-body ul,.blog-body ol{gap:.625rem;margin:1.4rem 0;padding-inline-start:1.6rem;display:grid}.blog-body ul{list-style:outside}.blog-body ol{list-style:decimal}.blog-body li::marker{color:hsl(var(--primary));font-weight:600}.blog-body a{color:hsl(var(--primary));text-decoration:underline;-webkit-text-decoration-color:hsl(var(--primary) / .35);text-decoration-color:hsl(var(--primary) / .35);text-underline-offset:3px;font-weight:500;text-decoration-thickness:1px;transition:text-decoration-color .15s,text-decoration-thickness .15s}.blog-body a:hover{-webkit-text-decoration-color:hsl(var(--primary));text-decoration-color:hsl(var(--primary));text-decoration-thickness:2px}.blog-body blockquote{border-inline-start:3px solid hsl(var(--primary));color:hsl(var(--muted-foreground));margin:2rem 0;padding-inline-start:1.5rem;font-style:italic}.blog-body code{background:hsl(var(--muted));border-radius:.375rem;padding:.15rem .4rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.blog-body hr{border:0;border-top:1px solid hsl(var(--border));width:4rem;margin:2.5rem auto}.blog-body table{border-collapse:collapse;width:100%;margin:1.75rem 0;font-size:.9375rem;display:block;overflow-x:auto}.blog-body th{text-align:start;border-bottom:2px solid hsl(var(--foreground) / .8);white-space:nowrap;padding:.65rem .85rem;font-weight:600}.blog-body td{border-bottom:1px solid hsl(var(--border));vertical-align:top;padding:.65rem .85rem}.blog-scope ::selection{background:hsl(var(--primary) / .18)}