/*
Theme Name: Vikas Sawarkar
Template: twentytwentyfive
Version: 1.0.0
Author: Aditi IT Software Solutions
Update URI: false
Description: vikassawarkar.com. Generated by sites/vikassawarkar/scripts/build-theme.py from git;
  do not edit on the server (the engine replaces this folder).
Text Domain: vikassawarkar
*/

/* vikassawarkar.com design tokens (ADS-119, direction A "Diary page", chosen by Vikas 02-Nov-2026).
   Every colour and font size of the site is one of these; site.css uses only the variables
   (platform/wp/test/vikassawarkar-design.test.mjs). Colours from brand/branding-vikas.com/brand.yml. */
:root {
  /* colour: text tokens are checked to WCAG AA (4.5:1) on --paper and --paper-2 */
  --ink: #0E0C19;       /* Purple-Black: headings and name, 18.8:1 on paper */
  --text: #3C3A47;      /* Purple-Charcoal: body text, 10.8:1 */
  --meta: #7249A4;      /* Muted Purple: dates and labels, 6.4:1 (the kit's Purple-Gray #816F98 is 4.37: large text only) */
  --accent: #720EEC;    /* Vivid Purple: links and the current menu item, 6.8:1; never on --ink (2.75:1) */
  --line: #E9E6ED;      /* dividers only, never text */
  --paper: #FCFBFE;     /* page */
  --paper-2: #F6F5F8;   /* quiet panels */
  --white: #FFFFFF;     /* the portrait's paper and the gap round it (Vikas, 03-Nov-2026, option C) */
  --frame: #D9D5DF;     /* the portrait's border line, a step darker than --line so it shows; never text */

  /* the social networks' own colours, shown only when a footer icon is pointed at or focused (Vikas, 02-Nov-2026);
     never text. Values as each network publishes them (Simple Icons 13.21.0). */
  --brand-linkedin: #0A66C2;
  --brand-x: #000000;
  --brand-youtube: #FF0000;
  --brand-instagram: #E4405F;
  --brand-facebook: #0866FF;
  --brand-whatsapp: #25D366;
  --brand-rss: #FFA500;

  /* type (Vikas, 02-Nov-2026, final, after comparing 11 Devanagari fonts and then five whole-page variants):
     ONE family for everything, English, Marathi and Hindi, text and headings: Noto Serif Devanagari (its own Latin letters
     for English), so a sentence that mixes languages reads in one voice. Quotes and a post's closing thought (Vikas,
     02-Nov-2026): Kalam (handwritten).
     Two fonts on the site. Alternatives kept: Tiro Devanagari Marathi, Martel. Poppins and DM Sans are not used. */
  --font-head: 'Noto Serif Devanagari', serif;
  --font-text: 'Noto Serif Devanagari', serif;
  --font-quote: 'Kalam', 'Noto Serif Devanagari', cursive;

  /* scale: fluid from 390px to 1440px; every font size of the site is one of these roles */
  --fs-small: clamp(0.82rem, 0.8rem + 0.1vw, 0.875rem);
  --fs-body: clamp(1.0625rem, 1rem + 0.25vw, 1.1875rem);
  --fs-h3: clamp(1.2rem, 1.1rem + 0.4vw, 1.45rem);
  --fs-h2: clamp(1.45rem, 1.3rem + 0.6vw, 1.8rem);
  --fs-h1: clamp(1.8rem, 1.5rem + 1.2vw, 2.6rem);

  --measure: 38rem;     /* one reading column, about 65 to 75 characters */
}

/* vikassawarkar.com, direction A "Diary page" (ADS-119, Vikas 02-Nov-2026): one centred reading column, nothing beside it.
   Only token variables for colours and font sizes (tokens.css); the test fails a raw value. Minimal and not distracting:
   no banner, no cards, no counters, nothing that moves on its own. */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--paper); color: var(--text); font: 400 var(--fs-body)/1.75 var(--font-text); }
a { color: var(--accent); text-underline-offset: 0.2em; }
h1, h2, h3 { font-family: var(--font-head); color: var(--ink); line-height: 1.3; font-weight: 600; margin: 0; }
.meta { font-size: var(--fs-small); color: var(--meta); letter-spacing: 0.01em; }

/* the column */
.wrap { max-width: var(--measure); margin: 0 auto; padding: 0 16px; }

/* header: the sketch, the name, the diary line, the menu between two thin rules */
.site-header { padding: 28px 0 4px; }   /* halved (Vikas, 02-Nov-2026: too much space above the writing) */
.who { display: flex; gap: 18px; align-items: center; }
/* the portrait on white paper in a white gap and a thin frame (Vikas, 03-Nov-2026, option C); the face stays 74px */
.who img { width: 82px; height: 82px; padding: 3px; border-radius: 50%; object-fit: cover; object-position: 50% 20%; background: var(--white); border: 1px solid var(--frame); }
.who .name { font: 600 var(--fs-h3)/1.2 var(--font-head); color: var(--ink); margin: 0; }
.who .line { margin: 4px 0 0; color: var(--text); font-size: var(--fs-small); }
.who .name a { color: var(--ink); text-decoration: none; }

/* read by screen readers and search engines, not shown (the home page's one H1) */
.screen-reader-text { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
.site-nav { display: flex; gap: 22px; margin: 18px 0 0; padding: 12px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); font-size: var(--fs-small); }
.site-nav a { color: var(--ink); text-decoration: none; }
.site-nav a[aria-current="page"] { color: var(--accent); }

/* focus (Vikas, 02-Nov-2026): WordPress draws a 2px box in the text colour round anything focused, so a tap or a click
   flashed a black box and Back left it standing. A tap or a click now leaves none, and Android's own tap flash is off;
   the press shows as colour instead. The keyboard keeps a visible ring (WCAG 2.4.7): violet, rounded, a little apart.
   Text fields keep their own border change (the search box) */
html { -webkit-tap-highlight-color: transparent; }
:where(.wp-site-blocks) :focus:not(:focus-visible) { outline: none; }
:where(.wp-site-blocks) :focus-visible:not(input, textarea, select) { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 3px; }
:where(.wp-site-blocks) a:active { color: var(--accent); }

/* the list of writing */
.entry { padding: 22px 0; border-bottom: 1px solid var(--line); }
.entry h2 { font-size: var(--fs-h3); margin: 6px 0 8px; }
.entry h2 a { color: var(--ink); text-decoration: none; }
.entry .ex { margin: 0; color: var(--text); }
/* the whole entry opens the post (Vikas, 02-Nov-2026, option A): the title's link is stretched over the entry, so a
   screen reader still hears one link per post; "Read more" in the post's own language (functions.php) shows it is a
   link; pointed at, the entry takes the panel colour and the title the link colour. The padding sits inside the panel and
   the negative margin keeps the text in line with the page */
.entry { position: relative; padding-inline: 16px; margin-inline: -16px; border-radius: 6px; }
.entry h2 a::after { content: ""; position: absolute; inset: 0; border-radius: 6px; }
.entry .more { margin: 10px 0 0; font-size: var(--fs-small); color: var(--accent); }
/* a tap: the entry shows the press the way hover shows on a desktop; with the keyboard, a violet ring round the whole
   entry (not the title's box). Nothing stays after Back, when the browser gives the tapped link its focus again */
.entry:active { background: var(--paper-2); }
.entry:active h2 a { color: var(--accent); }
.entry h2 a:focus-visible { color: var(--accent); outline: none; }
.entry:has(h2 a:focus-visible) { background: var(--paper-2); outline: 2px solid var(--accent); outline-offset: 2px; }
@media (hover: hover) {
  .entry { transition: background-color 0.15s ease; }
  .entry:hover { background: var(--paper-2); }
  .entry:hover h2 a { color: var(--accent); }
}

/* a post or a page: space below the menu's rule */
.post { padding-top: 34px; }
/* one heading scale (Vikas, 02-Nov-2026): a post's title is the size of every page's title; a section heading one step
   below; a small heading at body size, bold */
.post h1 { font-size: var(--fs-h2); margin: 10px 0 24px; }
.post .body p { margin: 0 0 1.15em; }
/* a post's closing thought, the line the reader carries: in the hand, set apart like the opening quote, a rule on the
   left, so the post opens and closes the same way (Vikas, 02-Nov-2026; marked as a group with the class carry) */
.post .body .carry { margin: 1.6em 0; padding: 0 0 0 18px; border-left: 2px solid var(--line); }
.post .body .carry p, .post .body .carry pre { margin: 0; font-family: var(--font-quote); font-size: var(--fs-h3); line-height: 1.55; font-weight: 400; color: var(--ink); }

/* a quote: handwritten (Kalam), the only place the hand appears; never for long passages */
.post blockquote { margin: 1.6em 0; padding: 0 0 0 18px; border-left: 2px solid var(--line); }
.post blockquote p { margin: 0 0 0.4em; font: 400 var(--fs-h3)/1.5 var(--font-quote); color: var(--ink); }
.post blockquote cite { font-style: normal; font-size: var(--fs-small); color: var(--meta); }

.site-footer { padding: 40px 0 64px; font-size: var(--fs-small); color: var(--meta); }
/* one line (Vikas, 02-Nov-2026): the name and Privacy on the left, the social icons on the right; wraps only when narrow */
.site-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; }
.site-footer p { margin: 0; }
/* social profiles: icons only, no text (Vikas, 02-Nov-2026); the name is each link's aria-label */
.social { display: flex; gap: 16px; margin: 0; }
.social a { color: var(--meta); display: inline-flex; padding: 2px; }
/* at rest the site's quiet colour; pointed at or focused, the network's own colour (Vikas, 02-Nov-2026) */
.social a { transition: color 0.15s ease; }
.social .social-linkedin:hover, .social .social-linkedin:focus-visible { color: var(--brand-linkedin); }
.social .social-x:hover, .social .social-x:focus-visible { color: var(--brand-x); }
.social .social-youtube:hover, .social .social-youtube:focus-visible { color: var(--brand-youtube); }
.social .social-instagram:hover, .social .social-instagram:focus-visible { color: var(--brand-instagram); }
.social .social-facebook:hover, .social .social-facebook:focus-visible { color: var(--brand-facebook); }
.social .social-rss:hover, .social .social-rss:focus-visible { color: var(--brand-rss); }
.social svg { fill: currentColor; display: block; }
/* share at the end of a post (Vikas, 02-Nov-2026): icons only, each in its network's own colour at rest; the label and
   the copy link in the quiet colour. Plain links; copy link appears only where the browser can copy */
.share { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin: 32px 0 0; padding: 14px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
/* the label in the reading size and colour, level with the icons (Vikas, 02-Nov-2026: it read as another font) */
.share-label { font-size: var(--fs-body); color: var(--text); line-height: 1; padding-top: 0.28em; margin-right: 6px; }
.share a, .share button { display: inline-flex; align-items: center; gap: 8px; padding: 4px; color: var(--meta); background: none; border: 0; cursor: pointer; font-family: inherit; font-size: var(--fs-small); }
.share svg { fill: currentColor; display: block; }
.share .share-whatsapp { color: var(--brand-whatsapp); }
.share .share-linkedin { color: var(--brand-linkedin); }
.share .share-facebook { color: var(--brand-facebook); }
.share .share-x { color: var(--brand-x); }
.share a:hover svg, .share button:hover svg { opacity: 0.8; }
.share-done:empty, .share [hidden] { display: none; }
/* more on the same theme (Vikas, 02-Nov-2026, look R1): a panel of three cards, set apart from the reading; on a phone
   three rows with the sketch on the left */
.related { margin: 32px 0 8px; padding: 20px; background: var(--paper-2); border-radius: 8px; }
.post .related h2 { margin: 0 0 14px; font-size: var(--fs-small); font-weight: 600; letter-spacing: 0.04em; color: var(--meta); }
.related ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.related li { margin: 0; }
.related a { display: block; height: 100%; overflow: hidden; border-radius: 6px; background: var(--paper); color: var(--ink); text-decoration: none; }
.related img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.related-title { display: block; padding: 10px 12px 2px; font-size: var(--fs-small); font-weight: 600; line-height: 1.45; }
.related-meta { display: block; padding: 0 12px 12px; font-size: var(--fs-small); color: var(--meta); }
.related a:hover .related-title, .related a:focus-visible .related-title { color: var(--accent); }
.related a:active { background: var(--paper-2); }
@media (max-width: 699px) {
  .related ul { grid-template-columns: 1fr; gap: 10px; }
  .related a { display: grid; grid-template-columns: 112px 1fr; align-items: center; }
  .related img { grid-row: span 2; height: 100%; }
  .related-title { padding: 8px 12px 0; }
  .related-meta { padding: 2px 12px 8px; }
}
/* the sign-off's email link, once the reveal is on (card C-0080): a quiet underlined link in the text, not a button */
.opinion-link { font-family: inherit; font-size: var(--fs-body); font-weight: inherit; line-height: inherit; color: var(--accent); background: none; border: 0; padding: 0; cursor: pointer; text-decoration: underline; text-underline-offset: 0.2em; }
.site-footer a { color: var(--meta); }
/* the footer's email: a button (aditi-enquiry's Turnstile reveal) that reads as a quiet link */
.reveal-link { font-family: inherit; font-size: var(--fs-small); line-height: inherit; color: var(--meta); background: none; border: 0; padding: 0; cursor: pointer; text-decoration: underline; text-underline-offset: 0.2em; }

/* WordPress block markup (the child theme's templates, ADS-121): the post loop is a list, dates and excerpts are wrapped */
.wp-site-blocks > * { margin-block: 0; }
.wp-block-post-template { list-style: none; margin: 0; padding: 0; }
.wp-block-post-template > li { margin-block: 0; padding: 0; }   /* WordPress gives each listed post the class "post", which picked up the page wrapper's top padding */
.entry .ex p { margin: 0; }
.entry .wp-block-post-title { font-size: var(--fs-h3); margin: 6px 0 8px; }
.post-meta { display: flex; flex-wrap: wrap; gap: 0; }
.post-meta > * + *::before { content: "\00B7"; margin: 0 0.45em; }
.post-meta a { color: var(--meta); text-decoration: none; }
.archive-head { padding: 34px 0 6px; border-bottom: 1px solid var(--line); }
.archive-head h1 { font-size: var(--fs-h2); margin: 0 0 8px; }
.archive-head .intro p { margin: 0 0 14px; }
.wp-block-query-pagination { display: flex; justify-content: space-between; padding: 26px 0 0; font-size: var(--fs-small); }

/* the Books shelf (ADS-122): one quiet list, a small cover beside each book; a book without a cover keeps the column */
/* covers all one small size (Vikas, 02-Nov-2026: same size and compact); the title in the book's own language first */
.shelf { list-style: none; margin: 1.2em 0 0; padding: 0; }
.shelf .book { display: flex; gap: 16px; align-items: flex-start; padding: 14px 0; border-top: 1px solid var(--line); }
.shelf img, .shelf .no-cover { flex: 0 0 48px; width: 48px; height: 74px; object-fit: cover; border: 1px solid var(--line); background: var(--paper-2); }
.shelf .no-cover { display: block; }
.shelf h2 { font-size: var(--fs-body); margin: 0; }
.shelf .book[hidden] { display: none; }
/* the page body's list, heading and paragraph spacing does not apply inside the shelf */
.post .body .shelf { padding: 0; }
.post .body .shelf li { margin: 0; }
.post .body .shelf h2 { margin: 0; font-size: var(--fs-body); }
.post .body .shelf p { margin: 1px 0 0; }
.shelf-none { color: var(--meta); font-size: var(--fs-small); }
.shelf p { margin: 2px 0 0; }
.shelf .note { color: var(--text); }
.shelf .meta a { color: var(--accent); }

/* a post about a book: "Book: <title>" after the text, linked to the book's tag page */
.post .book-tag { margin-top: 2em; font-size: var(--fs-small); color: var(--meta); }

/* search and the two ways to browse the writing (Writing page, search results) */
.site-search { margin: 0; }
/* Writing: the title and the search box on one row; on a phone the box goes under the title */
.title-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 24px; padding: 24px 0 8px; border-bottom: 1px solid var(--line); }
.title-row h1 { font-size: var(--fs-h2); margin: 0; }
.title-row .site-search, .title-row .shelf-search-wrap { flex: 1 1 260px; max-width: 380px; margin: 0; }
/* a page's text starts close under its title row (About, Privacy, Books) */
.title-row + .post { padding-top: 18px; }
.post .body > .meta:first-child { margin-bottom: 0.4em; }
/* One search field (Vikas, 02-Nov-2026): a thin box with the magnifier inside, on Writing (the icon is the button) and on
   Books (the icon is a sign; the list filters as you type) */
.site-search .wp-block-search__inside-wrapper, .shelf-search-wrap { display: flex; align-items: center; padding: 0 4px 0 0; background: var(--paper); border: 1px solid var(--line); border-radius: 4px; }
.shelf-search-wrap[hidden] { display: none; }
.site-search .wp-block-search__inside-wrapper:focus-within, .shelf-search-wrap:focus-within { border-color: var(--meta); }
.site-search input, .shelf-search { flex: 1; min-width: 0; padding: 10px 12px; font-family: inherit; font-size: var(--fs-small); color: var(--text); background: none; border: 0; outline: none; }
.site-search button { display: flex; align-items: center; padding: 6px; margin: 0; color: var(--meta); background: none; border: 0; cursor: pointer; }
.site-search button:hover, .site-search button:focus-visible { color: var(--accent); }
.site-search svg, .shelf-search-wrap svg { fill: currentColor; width: 24px; height: 24px; min-width: 24px; min-height: 24px; }
.shelf-search-wrap svg { color: var(--meta); padding: 6px; box-sizing: content-box; flex: none; }
.search-summary { margin: 14px 0 0; }   /* the count and Clear under the title row on a search */
/* Read by theme and Read by month, after the posts (Vikas, 02-Nov-2026): the two look alike, one font, one size, plain links,
   set apart by a thin vertical rule. Themes one below the other (five rows); months fill columns of five rows, a new
   column beside the last as months are added; on a phone the months sit under the themes, two columns wide. */
.browse { display: grid; grid-template-columns: max-content 1fr; gap: 0; margin: 36px 0 0; padding: 26px 0 0; border-top: 1px solid var(--line); }
.browse-col { padding: 0 40px 0 0; }
.browse-col + .browse-col { padding: 0 0 0 40px; border-left: 1px solid var(--line); }
.browse h2 { font-size: var(--fs-small); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--meta); margin: 0 0 12px; }
.browse ul { list-style: none; margin: 0; padding: 0; font-size: var(--fs-small); line-height: 1.5; color: var(--meta); }
.browse li { margin: 0; white-space: nowrap; }
.browse a { color: var(--ink); text-decoration: none; }
.browse a:hover, .browse a:focus-visible { color: var(--accent); }
.browse .pillars { display: grid; gap: 8px; }
.browse .wp-block-archives-list { display: grid; grid-template-rows: repeat(5, auto); grid-auto-flow: column; grid-auto-columns: max-content; gap: 8px 32px; }
@media (max-width: 639px) {
  .browse { grid-template-columns: 1fr; gap: 24px; }
  .browse-col, .browse-col + .browse-col { padding: 0; border-left: 0; }
  .browse-col + .browse-col { padding-top: 22px; border-top: 1px solid var(--line); }
  .browse .wp-block-archives-list { grid-template-rows: none; grid-auto-flow: row; grid-template-columns: repeat(2, max-content); }
}

/* The old posts carry the old editor's colours, sizes, a monospace verse and highlighted text (ADS-123: the words are
   kept as they are). Inside a post they all follow the site's type and colours; nothing in the source is changed. */
.post .body [class*="-color"], .post .body mark { color: inherit !important; background: none !important; border-color: var(--line) !important; }
.post .body a[class*="-color"], .post .body [class*="-color"] a { color: var(--accent) !important; }
.post .body [class*="-font-size"] { font-size: var(--fs-body) !important; }
.post .body { font-synthesis: none; }   /* no slanted fake italic: the brand fonts have no italic, Devanagari has none at all */
.post .body h2 { font-size: var(--fs-h3); margin: 1.6em 0 0.6em; }
.post .body h3, .post .body h4 { font-size: var(--fs-body); margin: 1.5em 0 0.5em; }
.post .body h5, .post .body h6 { font-size: var(--fs-body); margin: 1.4em 0 0.4em; }
.post .body pre, .post .body .wp-block-verse { font-family: var(--font-text); font-size: var(--fs-body); line-height: 1.75; white-space: pre-wrap; margin: 1.2em 0; padding: 0; background: none; overflow: visible; }
.post .body ul, .post .body ol { padding-left: 1.3em; margin: 0 0 1.15em; }
.post .body li { margin: 0 0 0.45em; }
.post .body hr, .post .body .wp-block-separator { border: 0; border-top: 1px solid var(--line); margin: 2em 0; opacity: 1; }
.post .body .wp-block-pullquote { margin: 1.6em 0; padding: 0; border: 0; text-align: left; }
.post .body .wp-block-pullquote blockquote { margin: 0; }
.post .body .has-text-align-center { text-align: left; }

/* Two weights on the site, 400 and 600 (Vikas, 02-Nov-2026): the old posts' bold and their small headings use 600, as
   the site's headings do, never 700. */
.post .body strong, .post .body b, .post .body h2, .post .body h3, .post .body h4, .post .body h5, .post .body h6 { font-weight: 600; }

/* Older and Newer at the end of a post, by date across all writing (Vikas, 02-Nov-2026): the word small and grey, the
   post's title under it; Older on the left, Newer on the right; stacked on a phone */
.post-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 32px; margin: 2.6em 0 0; padding: 22px 0 0; border-top: 1px solid var(--line); }
.post-nav .post-navigation-link-next { grid-column: 2; text-align: right; }
.post-nav a { display: block; color: var(--ink); text-decoration: none; }
.post-nav a:hover .post-navigation-link__title, .post-nav a:focus-visible .post-navigation-link__title { color: var(--accent); }
.post-nav .post-navigation-link__label { display: block; margin: 0 0 4px; font-size: var(--fs-small); letter-spacing: 0.06em; text-transform: uppercase; color: var(--meta); }
.post-nav .post-navigation-link__title { display: block; font-size: var(--fs-body); font-weight: 600; line-height: 1.45; }
@media (max-width: 639px) {
  .post-nav { grid-template-columns: 1fr; }
  .post-nav .post-navigation-link-next { grid-column: auto; text-align: left; }
}

/* a post's image under its title (marketing/vikas/post-images): the sketch is prepared on the page's own paper
   (prepare-post-image.py), so it sits directly on the page, no frame (Vikas, 02-Nov-2026) */
.post .post-image { margin: 0 0 24px; }
.post .post-image img { display: block; width: 100%; height: auto; }

/* the analytics consent card (mu-plugin aditi-consent, 1.1.0; Vikas, 03-Nov-2026: a card in the site's colours): its
   colours and font from the tokens, no shadow, a hairline border; the wording and link are the site.yaml settings */
:root {
  --aditi-consent-bg: var(--paper-2);
  --aditi-consent-fg: var(--text);
  --aditi-consent-border: var(--line);
  --aditi-consent-shadow: none;
  --aditi-consent-link: var(--accent);
  --aditi-consent-button: var(--ink);
  --aditi-consent-accept-bg: var(--accent);
  --aditi-consent-accept-fg: var(--white);
  --aditi-consent-focus: var(--accent);
  --aditi-consent-family: var(--font-text);
  --aditi-consent-size: var(--fs-body);
}

/* Marathi pages: the mixed face (build-theme.py mixed_faces) */
@font-face { font-family: 'Noto Serif Devanagari Mixed'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('assets/fonts/noto-serif-devanagari-devanagari-wght-normal.woff2') format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; size-adjust: 108%; }
@font-face { font-family: 'Noto Serif Devanagari Mixed'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('assets/fonts/noto-serif-devanagari-latin-wght-normal.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; size-adjust: 100%; }
html[lang="mr"] .post, html[lang="mr"] .post :is(h1, h2, h3, h4, h5, h6), .wp-block-post-template .entry, .wp-block-post-template .entry h2, .shelf [lang="mr"] { font-family: 'Noto Serif Devanagari Mixed', var(--font-text); }