@layer reset{*,*::before,*::after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}}@layer base{.skip-link{position:absolute;top:var(--space-4,1rem);left:var(--space-4,1rem);display:inline-block;padding:var(--space-2,.5rem)var(--space-4,1rem);background:var(--color-primary);color:#fff;border-radius:var(--radius,.375rem);text-decoration:none;z-index:9999;transform:translateY(-200%);transition:transform .15s ease}.skip-link:focus,.skip-link:focus-visible{transform:translateY(0)}.skip-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@supports(color:color-mix(in srgb,#000 50%,#fff)){.skip-link:focus-visible{outline-color:color-mix(in srgb,var(--color-primary) 30%,#fff)}}input,button,textarea,select{font:inherit}:root{accent-color:var(--color-primary)}input,textarea,[contenteditable=true]{caret-color:var(--color-primary)}::marker{color:var(--color-text-muted)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=submit]):not([type=button]):not([type=reset]),select,textarea{color:var(--color-text);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius,.375rem);padding:var(--space-2,.5rem)var(--space-3,.75rem);transition:border-color .15s ease,box-shadow .15s ease}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=submit]):not([type=button]):not([type=reset]):focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 20%,transparent)}::placeholder{color:var(--color-text-muted);opacity:.7}button,input[type=submit],input[type=button],input[type=reset]{cursor:pointer;color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius,.375rem);padding:var(--space-2,.5rem)var(--space-4,1rem);transition:background-color .15s ease,border-color .15s ease}button:hover,input[type=submit]:hover,input[type=button]:hover,input[type=reset]:hover{background-color:var(--color-background);border-color:var(--color-primary)}button:focus-visible,input[type=submit]:focus-visible,input[type=button]:focus-visible,input[type=reset]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input:disabled,select:disabled,textarea:disabled,button:disabled{opacity:.5;cursor:not-allowed}::file-selector-button{font:inherit;color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius,.375rem);padding:var(--space-2,.5rem)var(--space-4,1rem);margin-right:var(--space-3,.75rem);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}::file-selector-button:hover{background-color:var(--color-background);border-color:var(--color-primary)}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;height:1em;width:1em;border-radius:50%;background-color:var(--color-text-muted);cursor:pointer;opacity:0;transition:opacity .15s ease}input[type=search]:focus::-webkit-search-cancel-button,input[type=search]:not(:placeholder-shown)::-webkit-search-cancel-button{opacity:.6}input[type=search]::-webkit-search-cancel-button:hover{opacity:1}::backdrop{background-color:rgba(0,0,0,.5);backdrop-filter:blur(4px)}@media(prefers-contrast:more){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea,button{border-width:2px}}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text);background-color:var(--color-background);min-height:100vh;display:flex;flex-direction:column}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:var(--leading-tight);margin-top:var(--space-8);margin-bottom:var(--space-4);color:var(--color-text);position:relative}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base);font-weight:600}.heading-anchor{opacity:0;margin-left:var(--space-2);color:var(--color-text-muted);text-decoration:none;font-weight:400;transition:opacity .2s,color .2s}h1:hover .heading-anchor,h2:hover .heading-anchor,h3:hover .heading-anchor,h4:hover .heading-anchor,h5:hover .heading-anchor,h6:hover .heading-anchor,.heading-anchor:focus{opacity:1}.heading-anchor:hover{color:var(--color-primary);text-decoration:none}p{margin-bottom:var(--space-4)}a{color:var(--color-link,var(--color-primary));text-decoration:none;transition:color .2s}a:hover{color:var(--color-link-hover,var(--color-primary-dark));text-decoration:underline}ul,ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}li{margin-bottom:var(--space-2)}li>ul,li>ol{margin-top:var(--space-2);margin-bottom:0}blockquote{border-left:4px solid var(--color-primary);margin:var(--space-4)0;padding:var(--space-4);padding-left:var(--space-6);background:var(--color-surface);border-radius:0 var(--radius)var(--radius)0;font-style:italic;color:var(--color-text-muted)}blockquote p:last-child{margin-bottom:0}img{max-width:100%;height:auto;display:block}figure{margin:var(--space-6)0}figcaption{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;margin-top:var(--space-2)}video,.md-video{max-width:100%;height:auto;display:block}.post-content img,.post-content video,.post-content .md-video{max-width:100%;height:auto;display:block;margin-top:var(--space-6);margin-bottom:var(--space-6);border-radius:var(--radius-lg)}.post-content p>img:only-child,.post-content figure img{margin-left:auto;margin-right:auto}.post-content figure{margin:var(--space-8)0}.post-content figure>img,.post-content figure>video{margin-top:0;margin-bottom:0}.post-content figcaption{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-muted);text-align:center;margin-top:var(--space-3)}.post-content img.inline,.post-content img[height="16"],.post-content img[height="20"],.post-content img[height="24"],.post-content img[height="32"]{display:inline;margin:0;border-radius:var(--radius);vertical-align:middle}.post-content.bordered img,.post-content.bordered video,.post-content img.bordered,.post-content video.bordered{border:1px solid var(--color-border)}.post-content.shadow img,.post-content.shadow video,.post-content img.shadow,.post-content video.shadow{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,6%)}.post-content.framed img,.post-content.framed video,.post-content img.framed,.post-content video.framed{border:1px solid var(--color-border);padding:var(--space-2);background:var(--color-surface);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,6%)}@media(prefers-color-scheme:dark){.post-content.framed img,.post-content.framed video,.post-content img.framed,.post-content video.framed{box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2)}}.post-content.gradient-borders img,.post-content.gradient-borders video,.post-content.gradient-borders .md-video,.media-frame.gradient-border>img,.media-frame.gradient-border>video{padding:var(--media-border-width,3px);background:var(--gradient-accent);background-origin:border-box;border-radius:var(--radius-lg)}.post-content.gradient-vibrant img,.post-content.gradient-vibrant video{background:var(--gradient-vibrant)}.post-content.gradient-warm img,.post-content.gradient-warm video{background:var(--gradient-warm)}.post-content.gradient-cool img,.post-content.gradient-cool video{background:var(--gradient-cool)}.post-content.gradient-sunset img,.post-content.gradient-sunset video{background:var(--gradient-sunset)}.post-content.gradient-ocean img,.post-content.gradient-ocean video{background:var(--gradient-ocean)}.post-content.gradient-catppuccin img,.post-content.gradient-catppuccin video{background:var(--gradient-catppuccin)}.post-content.gradient-nord img,.post-content.gradient-nord video{background:var(--gradient-nord)}.post-content.gradient-dracula img,.post-content.gradient-dracula video{background:var(--gradient-dracula)}.post-content.gradient-gruvbox img,.post-content.gradient-gruvbox video{background:var(--gradient-gruvbox)}.post-content.gradient-rose-pine img,.post-content.gradient-rose-pine video{background:var(--gradient-rose-pine)}.post-content.gradient-solarized img,.post-content.gradient-solarized video{background:var(--gradient-solarized)}.post-content.gradient-tokyo-night img,.post-content.gradient-tokyo-night video{background:var(--gradient-tokyo-night)}@keyframes gradient-rotate{0%{background-position:0}50%{background-position:100%}100%{background-position:0}}.post-content.gradient-animated img,.post-content.gradient-animated video{padding:var(--media-border-width,3px);background:linear-gradient(270deg,#667eea,#764ba2,#f093fb,#667eea);background-size:300% 300%;animation:gradient-rotate 6s ease infinite}.post-content.glow img,.post-content.glow video{box-shadow:0 0 20px rgba(102,126,234,.3),0 0 40px rgba(118,75,162,.2),0 0 60px rgba(240,147,251,.1)}@media(prefers-color-scheme:dark){.post-content.glow img,.post-content.glow video{box-shadow:0 0 30px rgba(102,126,234,.4),0 0 60px rgba(118,75,162,.3),0 0 90px rgba(240,147,251,.2)}}.post-content img.full-width,.post-content video.full-width{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-radius:0}table{width:100%;border-collapse:collapse;margin:var(--space-4)0}th,td{padding:var(--space-3);text-align:left;border-bottom:1px solid var(--color-border)}th{font-weight:600;background:var(--color-surface)}hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-8)0}.container{width:100%;max-width:var(--page-width);margin:0 auto;padding:0 var(--space-4)}.content-width{max-width:var(--content-width);margin:0 auto}main{flex:1;padding:var(--space-8)var(--space-4);width:100%;max-width:var(--page-width);margin:0 auto}main.content-bg{background:var(--article-bg,var(--color-background));border-radius:var(--radius-lg);box-shadow:var(--article-shadow);backdrop-filter:blur(var(--article-blur,0px))}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-4)}.site-header .container{display:grid;grid-template-columns:minmax(0,1fr)auto minmax(0,1fr);align-items:center;gap:var(--space-4);max-width:var(--page-width);margin:0 auto}.site-title{font-size:var(--text-xl);font-weight:700;color:var(--color-text);text-decoration:none;flex-shrink:0;grid-column:1;justify-self:start}.site-title:hover{color:var(--color-primary);text-decoration:none}.header-controls{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0;grid-column:3;justify-self:end;position:relative;z-index:30}.site-footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-6)var(--space-4);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.site-footer .container{max-width:var(--page-width);margin:0 auto}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-4);margin:var(--space-4)0}.footer-links a{color:var(--color-text-muted)}.footer-links a:hover{color:var(--color-primary)}.post{max-width:var(--content-width);margin:0 auto}article.post{padding:var(--space-6)var(--space-8);border-radius:var(--radius-lg)}body:has(.background-layer) article.post,body:has(.background-decoration) article.post{background:var(--article-bg,var(--color-background));backdrop-filter:blur(var(--article-blur,0px))}.post-header{margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:1px solid color-mix(in srgb,var(--color-border) 70%,transparent)}.post-header__title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-8);flex-wrap:wrap}.post-header h1{margin-top:0;margin-bottom:0;flex:1 1 20rem}.post-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm)}.post-meta time{display:flex;align-items:center;gap:var(--space-2)}.post-byline{display:inline-grid;grid-template-columns:44px auto;grid-template-rows:auto auto;column-gap:var(--space-3);row-gap:var(--space-1);margin:0;align-items:center;justify-items:start;text-align:left;color:var(--color-text-muted);font-size:var(--text-sm)}.post-meta--header{margin-top:var(--space-1)}@media(max-width:560px){.post-header__title-row{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.post-header h1{flex:initial;width:100%}}.post-byline__photo{grid-column:1;grid-row:1/span 2;width:44px;height:44px;border-radius:999px;object-fit:cover;border:1px solid var(--color-border);background:var(--color-surface)}.post-byline__name{grid-column:2;grid-row:1;color:inherit;text-decoration:none;line-height:1.2;justify-self:start}.post-byline__name:hover{color:var(--color-text);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--color-primary) 70%,transparent)}.post-byline__meta{grid-column:2;grid-row:2;margin-top:0;justify-self:start}.post-byline--multi{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);grid-template-columns:unset;grid-template-rows:unset}.post-byline__authors{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.post-byline__authors>.post-byline__author+.post-byline__author{position:relative;padding-left:var(--space-3)}.post-byline__authors>.post-byline__author+.post-byline__author::before{content:'';position:absolute;left:0;top:15%;height:70%;width:1px;background:var(--color-border)}.post-byline__author{display:flex;align-items:center;gap:var(--space-2)}.post-byline__author .post-byline__photo{width:36px;height:36px;grid-column:unset;grid-row:unset;flex-shrink:0}.post-byline__author-info{display:flex;flex-direction:column;gap:1px;min-width:0}.post-byline__author-info .post-byline__name{grid-column:unset;grid-row:unset;font-weight:500;line-height:1.3;white-space:nowrap}.post-byline__role{font-size:var(--text-xs);color:var(--color-text-muted);font-style:italic;line-height:1.2;opacity:.85}.post-byline__author[data-details]{position:relative;cursor:help;z-index:1}.post-byline__author[data-details]:hover{z-index:100}.post-byline__details-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:1px solid var(--color-border);font-size:10px;font-style:italic;font-family:Georgia,serif;color:var(--color-text-muted);opacity:.7;flex-shrink:0;transition:opacity .15s ease}.post-byline__author[data-details]:hover .post-byline__details-icon{opacity:1;border-color:var(--color-text-muted)}.post-byline__author[data-details]::after{content:attr(data-details);position:absolute;left:0;top:100%;margin-top:var(--space-1);padding:var(--space-2)var(--space-3);background:var(--color-surface,#f9fafb);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius,6px);font-size:var(--text-xs);font-style:normal;line-height:1.4;white-space:normal;min-width:160px;max-width:280px;width:max-content;z-index:100;box-shadow:0 4px 12px rgba(0,0,0,.15);pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease}.post-byline__author[data-details]:hover::after{opacity:1;transform:translateY(0)}.post-byline--multi .post-byline__meta{grid-column:unset;grid-row:unset;margin-top:0}@media(max-width:560px){.post-byline__authors{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.post-byline__authors>.post-byline__author+.post-byline__author{padding-left:0;padding-top:var(--space-2)}.post-byline__authors>.post-byline__author+.post-byline__author::before{top:0;left:0;height:1px;width:100%}}.post-content{margin-bottom:var(--space-8);overflow-wrap:break-word;word-wrap:break-word}.post-content>*:first-child{margin-top:0}.post-footer{padding-top:var(--space-6);border-top:1px solid var(--color-border)}.tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag{display:inline-block;padding:var(--space-1)var(--space-3);background:var(--color-surface);color:var(--color-text-muted);border-radius:var(--radius);font-size:var(--text-sm);transition:background-color .2s ease,color .2s ease}.tag:hover{background:var(--color-primary);color:#fff;text-decoration:none}.post-nav{display:flex;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.post-nav a{max-width:45%}.post-nav .prev::before{content:'\2190 '}.post-nav .next::after{content:' \2192'}.feed{max-width:var(--content-width);margin:0 auto}section.feed,div.feed{padding:var(--space-6)var(--space-8);border-radius:var(--radius-lg)}body:has(.background-layer) section.feed,body:has(.background-layer) div.feed,body:has(.background-decoration) section.feed,body:has(.background-decoration) div.feed{background:var(--article-bg,var(--color-background));backdrop-filter:blur(var(--article-blur,0px))}.feed-header{margin-bottom:var(--space-8)}.feed-header h1{margin-top:0}.feed-header p{color:var(--color-text-muted)}.posts,.post-list{display:flex;flex-direction:column;gap:var(--space-6)}.card{padding:var(--space-6);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px rgba(0,0,0,5%)}.card h2{margin-top:0;margin-bottom:var(--space-2);font-size:var(--text-xl)}.card h2 a{color:var(--color-text)}.card h2 a:hover{color:var(--color-primary);text-decoration:none}.card-description{color:var(--color-text-muted);margin-bottom:var(--space-3)}.card-meta{display:flex;gap:var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border);flex-wrap:wrap}.pagination-prev,.pagination-next{padding:var(--space-2)var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-primary);text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.pagination-prev:hover,.pagination-next:hover{border-color:var(--color-primary);background:var(--color-primary);color:#fff;text-decoration:none}.pagination-prev.disabled,.pagination-next.disabled{color:var(--color-text-muted);background:var(--color-surface);border-color:var(--color-border);cursor:not-allowed;opacity:.5}.pagination-pages{display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:center;justify-content:center;max-width:100%}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;color:var(--color-text-muted);font-size:var(--text-sm);user-select:none}.pagination-page{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:var(--space-1)var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);text-decoration:none;font-size:var(--text-sm);transition:background-color .2s ease,border-color .2s ease,color .2s ease}.pagination-page:hover{border-color:var(--color-primary);color:var(--color-primary);text-decoration:none}.pagination-page.current{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600}.pagination.htmx-request{opacity:.6;pointer-events:none}.posts-list{min-height:200px}.posts-list.htmx-swapping{opacity:.5;transition:opacity .2s}.pagination-infinite{display:flex;flex-direction:column;align-items:center;padding:var(--space-8)0;margin-top:var(--space-6)}.infinite-scroll-trigger{height:1px;width:100%}.infinite-scroll-loading{display:none;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm)}.infinite-scroll-loading.htmx-request{display:flex}.loading-spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.infinite-scroll-end{padding:var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm);text-align:center;border-top:1px solid var(--color-border);width:100%;max-width:300px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.csv-table{width:100%;border-collapse:collapse;margin:var(--space-6)0;font-size:var(--text-sm);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.csv-table th,.csv-table td{padding:var(--space-3)var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}.csv-table th{background:var(--color-surface);font-weight:600;color:var(--color-text)}.csv-table tbody tr:nth-child(even){background:var(--color-surface)}.csv-table tbody tr:hover{background:var(--color-border)}.glossary-term{color:var(--color-link,var(--color-primary));text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;cursor:help;transition:text-decoration-color .2s}.glossary-term:hover{text-decoration-style:solid;text-decoration-color:var(--color-link-hover,var(--color-primary))}.mermaid{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-4);margin:var(--space-6)0;text-align:center;overflow-x:auto}a.wikilink{color:var(--color-link,var(--color-primary))}a.wikilink.wikilink-missing{color:var(--color-error);text-decoration:underline;text-decoration-style:dashed}.wikilink-tooltip{position:fixed;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:12px;max-width:300px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;animation:tooltipFadeIn .2s ease}.tooltip-title{font-weight:600;margin-bottom:4px}.tooltip-desc{font-size:.9em;color:var(--color-text-muted)}.tooltip-date{font-size:.8em;color:var(--color-text-muted);margin-top:8px}@keyframes tooltipFadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.reading-time{color:var(--color-text-muted);font-size:var(--text-sm)}.youtube-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;margin:var(--space-6)0;border-radius:var(--radius-lg);background:var(--color-surface)}.youtube-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:var(--radius-lg)}@media(max-width:768px){html{font-size:15px}body{overflow-x:hidden;max-width:100vw}.container{padding:0 var(--space-3);max-width:100%}main{padding:var(--space-4)var(--space-3);max-width:100%}.site-header{padding:var(--space-3);overflow-x:hidden}.site-header .container{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3)}.site-title{order:1;align-self:center;margin:0 auto;text-align:center}.site-header .site-nav{order:2;justify-content:flex-start;width:100%}.header-controls{order:3;width:100%;margin-left:0;justify-content:flex-start}.header-controls .theme-switcher{order:1}.header-controls .search-container--navbar,.header-controls .search--navbar{order:2;width:100%;margin-left:0}.site-nav{flex-wrap:wrap;gap:var(--space-3)}.post-header__title-row{gap:var(--space-4)}.site-footer{padding:var(--space-4)var(--space-3);max-width:100%}.feed,section.feed,div.feed{max-width:100%;padding:var(--space-4)var(--space-3);border-radius:var(--radius)}.feed-header h1{font-size:var(--text-2xl)}.card{padding:var(--space-4);max-width:100%}.posts,.post-list{max-width:100%;overflow-x:hidden}.post{max-width:100%}article.post{padding:var(--space-4)0}.post-nav{flex-direction:column}.post-nav a{max-width:100%}}@media(max-width:480px){.container{padding:0 var(--space-2)}main{padding:var(--space-3)var(--space-2)}.site-header{padding:var(--space-2)}.site-footer{padding:var(--space-3)var(--space-2)}.feed,section.feed,div.feed{padding:var(--space-3)var(--space-2);border-radius:0}.card{padding:var(--space-3);border-radius:var(--radius)}.posts,.post-list{gap:var(--space-4)}.post{max-width:100%}article.post{padding:var(--space-3)0}}@media(max-width:375px){.container{padding:0 var(--space-1)}main{padding:var(--space-2)var(--space-1)}.site-header{padding:var(--space-2)var(--space-1)}.site-footer{padding:var(--space-2)var(--space-1)}.feed,section.feed,div.feed{padding:var(--space-2)var(--space-1)}.card{padding:var(--space-2)}.post{max-width:100%}.feed-header h1{font-size:var(--text-xl)}article.post{padding:var(--space-2)0}}}