The site styles are split into focused SCSS partials inside _sass. This keeps style edits small and easy to find.

Main Entry File

The browser still receives one compiled stylesheet:

/assets/css/style.css

The source file Jekyll compiles is:

assets/css/style.scss

That file imports the partials in order:

@use "base";
@use "header";
@use "share";
@use "layout-hero";
@use "icons";
@use "posts-pages";
@use "about-cv";
@use "post-list";
@use "notes-resources";
@use "code-math";
@use "quiz";
@use "tables-search-pager";
@use "mobile";

Which File To Edit

Need	Edit this file
Colors, body, brand, footer	_sass/_base.scss
Navigation and inline search	_sass/_header.scss
Header/contact icons	_sass/_icons.scss
Home hero and main layout	_sass/_layout-hero.scss
Blog post cards	_sass/_post-list.scss
About/CV page	_sass/_about-cv.scss
Notes notice board	_sass/_notes-resources.scss
Code blocks, figures, MathJax overflow	_sass/_code-math.scss
Quiz interface	_sass/_quiz.scss
Tables, search page, pager	_sass/_tables-search-pager.scss
Phone styles	_sass/_mobile.scss

Editing Rule

Edit the smallest relevant partial. For example, if the WhatsApp icon needs to be bigger, edit _sass/_icons.scss and the mobile override in _sass/_mobile.scss only if phone sizing also needs a separate adjustment.

Build After Editing

Run:

bundle exec jekyll build

Jekyll will compile assets/css/style.scss into _site/assets/css/style.css.