:root{--max-width:1200px;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:clamp(16px, 3vw, 24px);--spacing-lg:clamp(24px, 4vw, 32px);--spacing-xl:clamp(32px, 6vw, 48px);--color-primary:hsl(217, 91%, 56%);--color-primary-hover:hsl(217, 91%, 46%);--color-text:hsl(213, 72%, 15%);--color-text-light:hsl(220, 9%, 35%);--color-text-dark:hsl( 0, 0%, 20%);--color-drop-cap:hsl( 0, 100%, 27%);--color-bg:hsl(214, 42%, 97%);--color-bg-secondary:hsl(240, 100%, 99%);--color-bg-byline:hsl(0, 0%, 90%);--color-comments:hsl(34, 78%, 91%);--color-white:hsl(0, 0%, 100%);--color-black:hsl(0, 0%, 0%);--color-border:hsl(220, 13%, 91%);--color-border-light:hsl( 0, 0%, 87%);--color-border-dark:hsl(216, 12%, 84%);--color-error:hsl( 0, 100%, 35%);--color-error-bg:hsl( 0, 86%, 97%);--color-success:hsl(161, 94%, 30%);--color-success-hover:hsl(161, 94%, 20%);--color-success-bg:hsl(138, 76%, 97%);--color-warning:hsl( 38, 92%, 50%);--color-info:hsl(211, 100%, 50%);--color-gray-300:hsl(216, 12%, 84%);--color-gray-400:hsl(218, 9%, 65%);--color-lightblue:hsl(195, 53%, 79%);--color-navajowhite:hsl( 36, 100%, 84%);--color-code-bg:hsl( 0, 0%, 12%);--color-code-text:hsl( 0, 0%, 83%);--color-code-bg-alt:hsl( 70, 15%, 15%);--color-code-text-alt:hsl( 60, 30%, 96%);--color-brand-purple:hsl(258, 56%, 15%);--color-brand-orange:hsl( 16, 78%, 50%);--header-bg:var(--color-brand-purple);--header-text:hsl(0, 0%, 100%);--header-border:hsl(0, 0%, 100%, 0.1);--footer-bg:hsl(0, 0%, 16%);--footer-text:hsl(0, 0%, 100%);--footer-text-muted:hsl(0, 0%, 63%);--footer-border:hsl(0, 0%, 100%, 0.1);--color-debug-bg:hsl(34, 78%, 91%, 0.3);--color-debug-text:hsl(120, 100%, 50%);--line-height-base:1.6;--line-height-tight:1.3;--line-height-relaxed:1.8;--font-size-xs:clamp(0.6875rem, 1.5vw, 0.75rem);--font-size-sm:clamp(0.75rem, 2vw, 0.875rem);--font-size-base:clamp(0.875rem, 2vw, 1rem);--font-size-md:clamp(0.9375rem, 2vw, 1rem);--font-size-lg:clamp(1rem, 2.5vw, 1.125rem);--font-size-xl:clamp(1.25rem, 3vw, 1.5rem);--font-size-2xl:clamp(1.75rem, 4vw, 2.5rem);--font-size-3xl:clamp(2rem, 5vw, 3rem);--border-radius-sm:4px;--border-radius-md:6px;--border-radius-lg:8px;--border-radius-xl:12px;--border-radius-full:16px;--shadow-sm:2px 2px 4px hsl(0, 0%, 0%, 0.15);--shadow-md:2px 4px 8px hsl(0, 0%, 0%, 0.25);--transition-base:0.2s ease-in-out;--transition-all:all 0.2s ease-in-out;--transition-slow:0.35s ease-in-out;--gradient-primary:linear-gradient(135deg, hsl(234, 75%, 66%) 0%, hsl(277, 49%, 47%) 100%);--pagination-bg:hsl(0, 0%, 0%, 0.05);--pagination-bg-hover:hsl(0, 0%, 0%, 0.08);--pagination-bg-active:hsl(0, 0%, 0%, 0.12);--pagination-text:hsl(0, 0%, 20%);--pagination-text-active:hsl(0, 0%, 0%);--pagination-shadow-hover:0 0 6px hsl(0, 0%, 0%, 0.15);--tooltip-bg:hsl(0, 0%, 20%);--tooltip-color:hsl(0, 0%, 100%);--tooltip-radius:6px;--tooltip-padding-y:8px;--tooltip-padding-x:12px;--tooltip-font-size:14px;--tooltip-z-index:9999;--tooltip-transition:opacity 0.3s ease-in-out;--tooltip-arrow-size:5px;--tooltip-offset:10px;--tooltip-shadow:0 2px 8px hsl(0, 0%, 0%, 0.15)}:root[data-theme=dark]{--color-primary:hsl(217, 91%, 83%);--color-primary-hover:hsl(217, 91%, 65%);--color-text:hsl( 0, 0%, 96%);--color-text-light:hsl( 0, 0%, 96%);--color-text-dark:hsl( 0, 0%, 90%);--color-bg:hsl( 36, 16%, 10%);--color-bg-secondary:hsl(210, 13%, 40%);--color-bg-byline:hsl(210, 13%, 20%);--color-border:hsl( 0, 0%, 23%);--color-border-light:hsl( 0, 0%, 20%);--color-border-dark:hsl( 0, 0%, 27%);--color-error:hsl( 0, 91%, 71%);--color-success:hsl(120, 100%, 35%);--color-success-hover:hsl(120, 100%, 25%);--color-warning:hsl( 43, 96%, 56%);--color-info:hsl(213, 94%, 68%);--color-gray-300:hsl(215, 14%, 34%);--color-gray-400:hsl(220, 9%, 46%);--color-code-bg:hsl( 0, 0%, 18%);--color-code-text:hsl( 0, 0%, 88%);--color-code-bg-alt:hsl( 0, 0%, 23%);--color-code-text-alt:hsl( 0, 0%, 100%);--shadow-sm:0 1px 3px hsl(0, 0%, 0%, 0.30);--shadow-md:0 4px 12px hsl(0, 0%, 0%, 0.40);--gradient-primary:linear-gradient(135deg, hsl(263, 70%, 57%) 0%, hsl(292, 91%, 66%) 100%);--pagination-bg:hsl(0, 0%, 100%, 0.05);--pagination-bg-hover:hsl(0, 0%, 100%, 0.09);--pagination-bg-active:hsl(0, 0%, 100%, 0.14);--pagination-text:hsl(0, 0%, 80%);--pagination-text-active:hsl(0, 0%, 100%);--pagination-shadow-hover:0 0 6px hsl(0, 0%, 100%, 0.25);--tooltip-bg:hsl(210, 17%, 98%);--tooltip-color:hsl( 0, 0%, 10%);--tooltip-shadow:0 2px 8px hsl(0, 0%, 100%, 0.10)}@font-face{font-family:halimun;font-style:normal;font-weight:400;font-display:swap;src:local("Halimun Regular"),url(../fonts/halimun/halimun.woff2)format("woff2"),url(../fonts/halimun/halimun.woff)format("woff")}@font-face{font-family:halimun;font-style:normal;font-weight:500;font-display:swap;src:local("Halimun Medium"),url(../fonts/halimun/halimun.woff2)format("woff2"),url(../fonts/halimun/halimun.woff)format("woff")}@font-face{font-family:halimun;font-style:normal;font-weight:700;font-display:swap;src:local("Halimun Bold"),url(../fonts/halimun/halimun.woff2)format("woff2"),url(../fonts/halimun/halimun.woff)format("woff")}@font-face{font-family:halimun;font-style:italic;font-weight:400;font-display:swap;src:local("Halimun Italic"),url(../fonts/halimun/halimun.woff2)format("woff2"),url(../fonts/halimun/halimun.woff)format("woff")}@font-face{font-family:arapey;font-style:normal;font-weight:400;font-display:swap;src:local("Arapey"),url(../fonts/arapey/Arapey-Regular.woff2)format("woff2"),url(../fonts/arapey/Arapey-Regular.woff)format("woff"),url(../fonts/arapey/Arapey-Regular.ttf)format("truetype"),url(../fonts/arapey/Arapey-Regular.eot)}*{margin:0;padding:0;box-sizing:border-box}body{width:100%;max-width:100%;line-height:var(--line-height-base);hyphens:none}@media(max-width:1024px){body{hyphens:auto}}.skip-link,.visually-hidden,.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}body{font-family:Arapey,georgia,serif;background-color:var(--color-bg)!important;color:var(--color-text)!important;transition:background-color var(--transition-base),color var(--transition-base)}h1,h2,h3,h4,h5,h6{color:var(--color-text-dark);font-family:Arapey,sans-serif;margin-top:0;margin-bottom:1.2em;line-height:1.2;text-wrap:balance;width:fit-content;text-align:left;clear:both}h1{font-weight:200;font-size:clamp(2rem,5vw,2.5rem);font-family:halimun,georgia,serif;text-align:center}h2{font-weight:100;font-size:clamp(1.5rem,4vw,2rem);line-height:1.25;font-family:Arapey,georgia,serif}h3{font-weight:500;font-size:clamp(1.25rem,3vw,1.5rem);line-height:1.3}h4{font-weight:500;font-size:clamp(1.125rem,2.5vw,1.25rem);line-height:1.35}h5{font-weight:500;font-size:clamp(1rem,2vw,1.125rem);line-height:1.4}h6{font-weight:500;font-size:clamp(.875rem,1.5vw,1rem);line-height:1.4}@media(max-width:768px){h1,h2,h3{margin-bottom:1em}}a{color:var(--color-primary);transition:color var(--transition-base)}a:hover{color:var(--color-primary-hover)}hr{border-color:var(--color-border)}p{margin-bottom:var(--spacing-md);text-wrap:pretty}article{text-align:justify}.nav,.nav__container,.nav__menu{overflow:visible!important}.nav{position:sticky;top:0;background-image:linear-gradient(110deg,var(--color-brand-purple) 20%,var(--color-brand-purple) 46%,var(--color-brand-orange) 60%);background-color:var(--color-brand-purple);border-bottom:1px solid var(--header-border);z-index:1020;transition:transform var(--transition-base);font-family:the seasons;font-weight:400}.nav--hidden{transform:translateY(-100%)}.nav__container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md);display:flex;justify-content:space-between;align-items:center;min-height:64px}.nav__logo{font-size:clamp(1.125rem,2.5vw,1.5rem);font-family:halimun,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,sans-serif;font-weight:700;z-index:2;color:var(--header-text)}.nav__logo a{color:var(--header-text);text-decoration:none;transition:color var(--transition-base)}.nav__logo a:hover{color:var(--color-primary)}@media(max-width:768px){.nav__menu{position:fixed;top:64px;left:0;right:0;background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:var(--spacing-md);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--transition-base);box-shadow:0 4px 6px rgba(0,0,0,.1);width:50%}.nav__menu--open{transform:translateY(0);opacity:1;visibility:visible}}.nav__list{display:flex;gap:var(--spacing-md);list-style:none;margin:0;padding:0}@media(max-width:768px){.nav__list{flex-direction:column;gap:var(--spacing-sm)}}.nav__item--lang{padding-left:var(--spacing-xs);border-left:1px solid var(--color-border)}@media(max-width:768px){.nav__item--lang{margin-left:0;padding-left:0;border-left:none;border-top:1px solid var(--color-border);padding-top:var(--spacing-sm);margin-top:var(--spacing-sm)}}.nav__link{color:var(--header-text);text-decoration:none;font-size:clamp(.9375rem,2vw,1rem);transition:color var(--transition-base);display:block;padding:var(--spacing-xs)0;font-family:the seasons;font-weight:400}@media(max-width:768px){.nav__link{color:var(--color-text)}}.nav__link:hover{color:var(--color-primary)}.nav__link--active{color:var(--color-primary);position:relative}.nav__link--active::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-primary)}@media(max-width:768px){.nav__link--active::after{display:none}}.nav__toggle{display:none;flex-direction:column;justify-content:space-between;gap:5px;background-color:var(--color-brand-orange);border:none;cursor:pointer;padding:var(--spacing-xs);width:32px;height:32px;z-index:2}@media(max-width:768px){.nav__toggle{display:flex}}.nav__toggle:hover .nav__toggle-bar{background-color:var(--header-text);box-shadow:0 7px 14px rgba(0,0,0,.15),0 3px 6px rgba(0,0,0,.1),0 0 0 1px rgba(255,255,255,.1)inset}.nav__toggle-bar{width:100%;height:3px;background:var(--header-text);border-radius:2px;transition:all var(--transition-base);transform-origin:center}.nav__toggle[aria-expanded=true] .nav__toggle-bar:nth-child(1){transform:translateY(8px)rotate(45deg)}.nav__toggle[aria-expanded=true] .nav__toggle-bar:nth-child(2){opacity:0;transform:translateX(-20px)}.nav__toggle[aria-expanded=true] .nav__toggle-bar:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.nav__theme{background:0 0;border:none;padding:0;cursor:pointer;color:var(--header-text);transition:color var(--transition-base);display:inline-flex;align-items:center;justify-content:center}@media(max-width:768px){.nav__theme{color:var(--color-text)}}.nav__theme:hover{color:var(--color-primary);background-color:initial}.nav__theme .nav__theme-icon{display:inline-block;transition:transform .5s ease,opacity .3s ease}.nav__theme{}.nav__theme.rotating .nav__theme-icon{transform:rotate(360deg)}.breadcrumb{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md);width:100%;list-style:none;display:flex;flex-wrap:wrap;gap:.5em;font-size:.9rem}.breadcrumb li::after{content:">";margin-left:.5em}.breadcrumb li:last-child::after{content:"";margin:0}.breadcrumb li a{text-decoration:none;color:var(--color-info)}.breadcrumb li[aria-current=page]{font-weight:700;color:var(--color-text-dark)}.contents__header{text-align:center;margin-bottom:var(--spacing-xl)}.contents__background{margin:0}.contents__title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm);color:var(--color-text)}.contents__description{font-size:clamp(1rem,2vw,1.25rem);color:var(--color-text-light);text-align:left;font-style:italic}.contents__social-icons{display:flex;justify-content:space-around;margin-top:.5rem;border-top:1px solid var(--color-border-dark);padding-top:1.5rem;max-width:500px;margin:auto}.contents__social-icons a{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%}.contents__social-icons a:hover{box-shadow:var(--shadow-md);transition:box-shadow .25s ease;border:1px solid transparent;border-radius:50%}.contents__container{max-width:var(--max-width);margin:0 auto;padding:var(--spacing-xl)var(--spacing-md);width:100%;padding-bottom:1rem}figure+.container{padding-top:0}.single-post-grid{display:grid;grid-template-columns:1fr 320px;grid-template-areas:"article sidebar";gap:var(--spacing-lg);align-items:start}@container(max-width:900px){.single-post-grid {
    grid-template-columns: 1fr;
    grid-template-areas: "article" "sidebar";
  }
}@media(max-width:530px){figure.left,figure.right{float:none;width:100%;margin:0 0 var(--spacing-md)}figure.small{width:100%}}.sidebar{position:static;display:grid;grid-template-columns:1fr;gap:var(--spacing-sm);row-gap:0;margin-bottom:var(--spacing-sm);align-items:start;align-content:start}@media(min-width:768px) and (max-width:1023px){.sidebar{display:block;column-count:2;column-gap:var(--spacing-sm)}.sidebar .widget{break-inside:avoid;margin-bottom:var(--spacing-sm);width:auto}}@media(min-width:1024px){.sidebar{display:grid;grid-area:sidebar;position:sticky;top:80px;grid-template-columns:1fr;grid-auto-rows:min-content;gap:var(--spacing-sm);align-items:start;align-content:start;grid-template-areas:"search" "recent" "categories" "tags" "archive" "newsletter"}}.home .sidebar{display:none}@media(min-width:1024px){.home .sidebar{display:block}}.widget-search{grid-area:search}.widget-recent{grid-area:recent}.widget-categories{grid-area:categories}.widget-tags{grid-area:tags}.widget-archive{grid-area:archive}.widget-newsletter{grid-area:newsletter}.form{flex:2;transition:all var(--transition-base);background:var(--color-bg-secondary);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);width:100%}.form:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.form__container{max-width:800px;margin:auto}.form__title{font-size:clamp(1.25rem,3vw,1.75rem);margin-bottom:var(--spacing-sm);color:var(--color-text)}.form__description{color:var(--color-text-light);margin-bottom:0;font-size:clamp(.875rem,2vw,1rem);line-height:var(--line-height-relaxed)}.skip-link{position:absolute;left:0;top:-100%}.skip-link:focus{top:0}:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px;border-radius:var(--border-radius-sm)}:focus:not(:focus-visible){outline:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px;border-radius:var(--border-radius-sm);box-shadow:0 0 0 6px hsla(217,91%,53%,.15)}[data-theme=dark] :focus-visible,[data-theme=dark] a:focus-visible,[data-theme=dark] button:focus-visible,[data-theme=dark] input:focus-visible,[data-theme=dark] textarea:focus-visible,[data-theme=dark] select:focus-visible{outline-color:var(--color-primary);box-shadow:0 0 0 6px hsla(217,91%,60%,.25)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.button{display:inline-block;padding:var(--spacing-xs)clamp(var(--spacing-sm),3vw,var(--spacing-lg));text-decoration:none;border-radius:var(--border-radius-md);background-color:var(--color-bg);font-size:clamp(.9375rem,2vw,1rem);border:1px solid var(--color-gray-400);cursor:pointer;transition:all .2s ease;text-align:center;font-family:inherit;line-height:1.5;position:relative}.button:hover{border:1px solid var(--color-primary-hover);transform:translateY(-1px);vertical-align:middle;box-shadow:0 7px 14px hsla(0,0%,0%,.15),0 3px 6px hsla(0,0%,0%,.1),0 0 0 1px hsla(0,0%,100%,.1)inset}.button:active{border:1px solid var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 3px 7px hsla(0,0%,0%,.15),0 1px 3px hsla(0,0%,0%,.1)}.button__buttons{width:100%;display:flex;justify-content:space-around}.button__clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:var(--color-bg-secondary);border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:1rem;color:var(--color-text-light);display:flex;align-items:center;justify-content:center;padding:0}.button__clear svg{display:block;stroke:#fff;width:12px;height:12px;min-width:12px;flex-shrink:0;overflow:visible}.button__clear:hover svg{stroke:var(--color-text)}.button__clear::after{content:"Clear";position:absolute;bottom:-1.4rem;left:50%;transform:translateX(-50%);font-size:.65rem;opacity:0;transition:opacity .2s;white-space:nowrap;color:var(--color-text-light)}.button__clear:hover{transform:translateY(calc(-50% - 1px))}.button__clear:hover::after{opacity:1}.button--full-width{display:block;width:100%}.button[type=submit]{color:var(--color-bg);background-color:var(--color-primary)}.button[type=submit]:not(.is-ready):hover{box-shadow:0 1px 3px hsla(0,0%,0%,.12),0 1px 2px hsla(0,0%,0%,.24)}.button[type=submit].is-ready:hover{font-weight:600;background-color:var(--color-primary-hover);cursor:pointer}.button--secondary{background:var(--color-bg-secondary);color:var(--color-text);border-color:var(--color-border)}.button--secondary:hover{background:var(--color-primary-hover);color:var(--color-white);border-color:var(--color-primary-hover)}.button--outline{background:0 0;color:var(--color-primary);border-color:var(--color-primary)}.button--outline:hover{background:var(--color-primary);color:var(--color-white)}.button--small{padding:var(--spacing-xs)var(--spacing-md);font-size:.875rem}.button--large{padding:var(--spacing-md)var(--spacing-xl);font-size:1.125rem}.button--danger{background:var(--color-error);border-color:var(--color-error);color:var(--color-white)}.button--danger:hover{background:var(--color-error-hover);border-color:var(--color-error-hover)}.button--success{background:var(--color-success);border-color:var(--color-success);color:var(--color-white)}.button--success:hover{background:var(--color-success-hover);border-color:var(--color-success-hover)}.button__text--short{display:inline}.button__text--full{display:none}@media(min-width:480px){.button__text--short{display:none}.button__text--full{display:inline}}.button-group{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.button-group--center{justify-content:center}.button-group--end{justify-content:flex-end}.card,.info-card,.author-card,.image-card,.content-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card--hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.card--bordered{border:2px solid var(--color-border)}.card--elevated{box-shadow:var(--shadow-md);border:none}.card--flat{box-shadow:none;border:none;background:0 0}.card--primary{border-color:var(--color-primary);background:linear-gradient(135deg,rgba(37,99,235,5%) 0%,rgba(37,99,235,2%) 100%)}.content-card{padding:0;overflow:hidden}.content-card__header{padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary)}.content-card__title{margin:0;font-size:1.125rem;font-weight:700}.content-card__body{padding:var(--spacing-lg)}.content-card__footer{padding:var(--spacing-md)var(--spacing-lg);border-top:1px solid var(--color-border);background:var(--color-bg-secondary)}.image-card{padding:0;overflow:hidden}.image-card__image{width:100%;aspect-ratio:16/9;overflow:hidden}.image-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.image-card__content{padding:var(--spacing-lg)}.image-card:hover img{transform:scale(1.05)}.stats-card{background:var(--color-white);padding:var(--spacing-md);border-radius:var(--border-radius-md);text-align:center;transition:all var(--transition-base);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.stats-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.stats-card__icon{font-size:2rem;margin-bottom:var(--spacing-xs);display:block}.stats-card__value{display:block;font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-xs);line-height:1.2}.stats-card__unit{font-size:.75em;font-weight:400;color:var(--color-text-light);margin-left:2px}.stats-card__label{display:block;font-size:.8125rem;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.author-card{display:flex;align-items:center;gap:var(--spacing-md)}.author-card__avatar{width:64px;height:64px;border-radius:50%;flex-shrink:0;object-fit:cover;border:2px solid var(--color-border)}.author-card__info{flex:1}.author-card__name{font-weight:700;margin:0 0 var(--spacing-xs);font-size:1.125rem}.author-card__role{color:var(--color-text-light);font-size:.875rem;margin:0}.author-card__bio{color:var(--color-text-light);font-size:.875rem;margin:var(--spacing-xs)0 0;line-height:1.5}.info-card{border-left:4px solid;padding:var(--spacing-md)var(--spacing-lg)}.info-card--info{border-left-color:var(--color-primary);background:rgba(37,99,235,5%)}.info-card--success{border-left-color:var(--color-success);background:rgba(16,185,129,5%)}.info-card--warning{border-left-color:var(--color-warning);background:rgba(245,158,11,5%)}.info-card--danger{border-left-color:var(--color-error);background:rgba(239,68,68,5%)}.info-card__title{font-weight:700;margin:0 0 var(--spacing-sm);font-size:1.125rem}.info-card__content p:last-child{margin-bottom:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.card-grid--2-col{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.card-grid--3-col{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media(max-width:768px){.card-grid{grid-template-columns:1fr}}figure img{width:100%;height:auto;border-radius:var(--border-radius-md);margin:.5rem 0 0;transition:transform .3s ease,filter .3s ease}figure img:not(.contents__background):hover{transform:scale(1.04);filter:brightness(1.08);cursor:pointer}figure.image-hero img{margin:0;border-radius:0%}figure.image-hero img:hover{transform:none;filter:none;cursor:initial}figure.left{float:left;margin-right:var(--spacing-sm)}figure.right{float:right;margin-left:var(--spacing-sm);shape-outside:margin-box}figure.small{width:40%}figure figcaption{color:var(--color-text-light);text-align:center;font-style:italic;font-size:small}figure figcaption p{margin:0}.image-with-text .image{max-width:200px}.image-with-text .image img{width:100%;height:auto;display:block}.image-with-text .image::after{content:"";display:block;clear:both}.image-left{float:left;margin:0 1.5rem 1rem 0}.image-right{float:right;margin:0 0 1rem 1.5rem}figure.post-image{display:table;max-width:45%;overflow:hidden}figure.post-image.left{float:left;margin:0 1.5rem 1rem 0}figure.post-image.right{float:right;margin:0 0 1rem 1.5rem}figure.post-image picture{display:block}figure.post-image img{display:block;width:100%;height:auto;transition:transform .3s ease,filter .3s ease}figure.post-image:hover img{transform:scale(1.04);filter:brightness(1.08);cursor:pointer}figure.post-image figcaption{display:table-caption;caption-side:bottom;font-style:italic;font-size:small}.img-group{display:flex;gap:1rem;margin-bottom:1rem}.img-group figure.post-image{flex:1;float:none;max-width:none;display:flex;flex-direction:column;margin:0 4px 0 0}.img-group figure.post-image picture{display:block;overflow:hidden;margin:0 4px 0 0}.img-group figure.post-image img{width:100%;height:auto;max-height:none;object-fit:cover;aspect-ratio:1;transition:transform .3s ease,filter .3s ease,box-shadow .3s ease}.img-group figure.post-image:hover img{transform:scale(1.04);filter:brightness(1.08);cursor:pointer}.img-group figure.post-image:hover picture{box-shadow:4px 6px 8px rgba(0,0,0,.12)}.img-group figure.post-image figcaption{display:block;font-style:italic;font-size:small;text-align:center;padding:.25rem 0}@media(max-width:480px){.img-group{flex-direction:column}.img-group figure.post-image{width:100%;flex:none}}.section-divider{text-align:center;position:relative;margin:var(--spacing-lg)0}.section-divider::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--color-border)}.section-divider span{background:var(--color-bg-secondary);padding:0 var(--spacing-md);position:relative;color:var(--color-text-light);font-weight:600}.tag{display:inline-block;padding:4px 12px;background:var(--color-bg-secondary);border-radius:var(--border-radius-full);text-decoration:none;color:var(--color-text);font-size:clamp(.8125rem,2vw,.875rem);transition:all var(--transition-base)}.tag:hover{background:var(--color-primary);color:var(--color-white)}.tag__cloud{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.section-intro{margin-bottom:1rem}.section-intro .post-image{width:200px}.section-intro::after{content:"";display:table;clear:both}.list__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);clear:both}@media(min-width:1024px){.list__grid{grid-template-columns:1fr 320px;grid-template-areas:"posts sidebar"}}@media(min-width:1200px){.list__grid{grid-template-columns:1fr 380px;grid-template-areas:"posts sidebar"}}.list__content p:first-of-type::first-letter{font-size:3.5em;line-height:.9;float:left;margin:.1em .1em 0 0;font-weight:700;color:var(--color-drop-cap);font-family:Georgia,times new roman,serif}.list__posts{display:block}@media(min-width:1024px){.list__posts{grid-area:posts}}.list__post+.list__post{margin-top:var(--spacing-xl)}.list__post{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-sm)}.list__post::after{content:"";display:table;clear:both}@media(min-width:768px){.list__post{padding:2rem}}.list__post:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);transition:box-shadow .3s ease,transform .3s ease}.list__post-body{overflow:hidden}.list__post-image{display:block;width:100%;margin:0 0 var(--spacing-sm)}.list__post-image figure,.list__post-image picture,.list__post-image img{width:100%;height:auto;display:block;border-radius:8px}@media(min-width:600px){.list__post-image{width:400px;max-width:45%}.list__post--image-left .list__post-image{float:left;margin:0 var(--spacing-md)var(--spacing-sm)0}.list__post--image-right .list__post-image{float:right;margin:0 0 var(--spacing-sm)var(--spacing-md)}}.list__post-title{margin-bottom:.75rem}.list__post-title h2{font-size:1.5rem;font-weight:700;line-height:1.3;margin:0 0 .5rem}@media(min-width:768px){.list__post-title h2{font-size:1.75rem}}.list__post-title a{color:var(--color-text-dark);text-decoration:none}.list__post-title a:hover{color:var(--color-primary-hover)}.list__post-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.875rem;color:var(--color-text-light);margin-bottom:.5rem}.list__post-meta span,.list__post-meta time{display:flex;align-items:center;gap:.5rem}.list__post-excerpt{color:var(--color-text);font-size:1rem;line-height:1.6;margin:0 0 1rem}.list__read-more{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-primary);font-weight:600;text-decoration:none;font-size:.9375rem;clear:both;transition:color .2s ease,transform .2s ease}.list__read-more::after{content:"→";transition:transform .2s ease}.list__read-more:hover{color:var(--color-primary-hover)}.list__read-more:hover::after{transform:translateX(4px)}.list__posts>p{text-align:center;color:var(--color-text-light);font-size:1.125rem;padding:3rem;background:var(--color-bg);border-radius:12px;border:1px dashed var(--color-border)}.list__taxonomy-description{margin-bottom:.8rem}.pagination{display:flex;align-items:center;justify-content:center;padding:2rem 0;margin-top:1.5rem;border-top:1px solid var(--color-border);flex-wrap:wrap}.pagination:is(button){cursor:default;font:inherit}.pagination__info{width:100%;text-align:center;font-size:var(--font-size-md);color:var(--color-text-light);margin-bottom:var(--spacing-xs)}.pagination__prev,.pagination__next{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-dark);text-decoration:none;font-weight:500;font-size:.9375rem;box-shadow:var(--shadow-sm);transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.pagination__prev:hover,.pagination__next:hover{background:var(--color-primary-hover);color:var(--color-white);border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pagination__prev:active,.pagination__next:active{transform:translateY(0)}.pagination__numbers{display:flex;gap:var(--spacing-xs);align-items:center;flex-wrap:nowrap;justify-content:center;padding:4px;scrollbar-width:none}.pagination__numbers::-webkit-scrollbar{display:none}.pagination__number,.pagination__ellipsis{min-width:44px;height:44px;font-size:var(--font-size-md)}.pagination__number{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;font-weight:500;border:1px solid var(--color-primary-hover);background:var(--color-bg);color:var(--color-text-dark);text-decoration:none;box-shadow:var(--shadow-sm);transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.pagination__number:hover{background:var(--color-bg-secondary);color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.pagination__number:active{transform:translateY(0)}.pagination__number.active{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);cursor:default;pointer-events:none}.pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-light);font-weight:500;user-select:none}@media(max-width:479px){.pagination{gap:.5rem;padding:1.5rem 0}.pagination__prev,.pagination__next{padding:.5rem 1rem;font-size:.875rem}.pagination__numbers{gap:.25rem}.pagination__number,.pagination__ellipsis{min-width:2.25rem;height:2.25rem;font-size:.875rem}}@media(min-width:1024px){.single{grid-area:posts}}.single__header{margin-bottom:var(--spacing-xl);text-align:center}.single__masthead{background-color:var(--color-bg)}.single__featured-image{width:100%;height:auto;width:auto;border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-md)}.single__title{font-size:clamp(2rem,5vw,2.5rem);font-weight:700;line-height:1.2;color:var(--color-text-dark);margin:0 0 var(--spacing-md)}.single__meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.9375rem;color:var(--color-text-light);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.single__meta span,.single__meta time{display:flex;align-items:center;gap:.5rem}.single__hero{position:relative;overflow:hidden}.single__hero:hover{opacity:1}.single__hero-bg{width:100%;height:auto;max-height:300px;max-width:100%;object-fit:cover;object-position:center;display:block;margin:0 auto;overflow:hidden}.single__hero-caption{position:absolute;bottom:0;text-align:center;left:0;right:0;background:rgba(0,0,0,.5);color:#fff;font-size:.85rem;padding:.75rem 1rem;opacity:0;transition:opacity .3s ease}.single__hero:hover .single__hero-caption{opacity:1;transition:opacity .45s ease}.single__taxonomy{display:flex;flex-direction:column;background:var(--color-bg-byline);border-radius:var(--border-radius-md);border:1px solid var(--color-border);margin:var(--spacing-md)0;padding:0 var(--spacing-xs)}.single__taxonomy a{text-decoration:none}@media(min-width:768px){.single__taxonomy{flex-direction:row;gap:var(--spacing-lg)}}.single__categories,.single__tags{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;font-size:.875rem}.single__taxonomy-label{font-weight:600;color:var(--color-text);white-space:nowrap}.single__category,.single__tag{display:inline-block;padding:.25rem .75rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text);text-decoration:none;font-size:.8125rem;transition:all var(--transition-base)}.single__category:hover,.single__tag:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.single__category{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);font-weight:500}.single__category:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.single__content{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text);text-align:justify;background-color:var(--color-bg);padding-top:.5rem}.single__content figcaption p::first-letter{all:unset}.single__content h2,.single__content h3,.single__content h4,.single__content h5,.single__content h6{color:var(--color-text-dark);margin-top:2em;margin-bottom:1em;line-height:1.3}.single__content h2{font-size:1.75rem;border-bottom:2px solid var(--color-border);padding-bottom:.5rem}.single__content h3{font-size:1.5rem}.single__content h4{font-size:1.25rem}.single__content p{margin-bottom:var(--spacing-md)}.single__content a{color:var(--color-primary);text-decoration:underline;transition:color var(--transition-base)}.single__content a:hover{color:var(--color-primary-dark)}.single__content ul,.single__content ol{margin-bottom:var(--spacing-md);padding-left:2rem}.single__content ul li,.single__content ol li{margin-bottom:.5rem}.single__content blockquote{margin:var(--spacing-lg)0;padding:var(--spacing-md)var(--spacing-lg);border-left:4px solid var(--color-primary);background:var(--color-bg-secondary);font-style:italic;color:var(--color-text-light)}.single__content blockquote p:last-child{margin-bottom:0}.single__content p:first-of-type:not(figcaption p)::first-letter{font-size:3.5em;line-height:.9;float:left;margin:.1em .1em 0 0;font-weight:700;color:var(--color-drop-cap)}.single__content img{max-width:100%;border-radius:var(--border-radius-md)}.single__content pre{background:var(--color-code-bg);color:var(--color-code-text);padding:var(--spacing-md);border-radius:var(--border-radius-md);overflow-x:auto;margin-bottom:var(--spacing-md);font-size:.9em}.single__content pre code{background:0 0;padding:0}.single__content code{background:var(--color-code-bg);color:var(--color-code-text);padding:.125rem .375rem;border-radius:var(--border-radius-sm);font-size:.9em;font-family:fira code,courier new,Courier,monospace}.single__content table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-md)}.single__content table th,.single__content table td{padding:.75rem;border:1px solid var(--color-border);text-align:left}.single__content table th{background:var(--color-bg-secondary);font-weight:600}.single__content table tbody tr:hover{background:var(--color-bg-secondary)}.single__content hr{margin:var(--spacing-xl)0;border:none;border-top:2px solid var(--color-border)}.single__footer{border-top:2px solid var(--color-border);border-bottom:2px solid var(--color-border);padding:1rem;background-color:var(--color-bg)}.single__navigation-label{margin-bottom:0}.single__navigation{display:flex;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);padding-top:var(--spacing-sm)}@media(max-width:480px){.single__navigation{flex-direction:column}}.single__nav-link{display:inline-flex;align-items:center;text-decoration:none;font-weight:500;max-width:48%}@media(max-width:480px){.single__nav-link{max-width:100%}}.single__nav-link:hover{color:var(--color-primary-dark)}.single__nav-link--prev{text-align:left}.single__nav-link--next{text-align:right;margin-left:auto}.homepage{float:left;margin:0 var(--spacing-lg)var(--spacing-md)0;shape-outside:circle(50%);width:150px;flex-shrink:0}.homepage picture,.homepage img{width:150px;height:150px;object-fit:cover;border-radius:50%}.homepage img:hover{cursor:inherit}.homepage img{border-radius:50%;aspect-ratio:1;object-fit:cover;width:100%}.hidden{display:none!important}time{text-align:right;width:100%;display:block;font-style:italic}.reading-time{text-align:right;font-style:italic;font-size:var(--font-size-sm);width:100%}