:root,:host{--color-article-text-primary:var(--color-slate-900);--color-article-text-secondary:var(--color-slate-700);--color-article-text-accent:var(--color-sky-700);--color-article-text-accent-hover:var(--color-sky-900);--color-scrollbar-thumb:var(--color-gray-400);--color-article-border:var(--color-slate-200);--color-article-blockquote:var(--color-slate-600);--spacing-article-sm:.5rem;--spacing-article-md:1rem}.articles-section{max-width:100%;display:grid}.primary-article{grid-template-columns:1fr fit-content(0);width:100%;display:grid}.primary-article-header{padding-inline:clamp(.75rem,20svw,var(--spacing-article-md));padding-top:clamp(.5rem,20svw,var(--spacing-article-md));padding-bottom:clamp(.5rem,20svw,.75rem)}@media not all and (min-width:1000px){.primary-article{grid-template-columns:minmax(0,1fr)}.articles-section{grid-template-columns:repeat(2,minmax(0,1fr))}}.article-view{grid-template-rows:subgrid;grid-row:span 3;display:grid;overflow:hidden}.article-tag{border-radius:50%;place-items:end start;width:8rem;height:5rem;padding-bottom:.5rem;padding-left:1.75rem;display:grid;position:absolute;inset:-3rem -2.5rem auto auto}@media not all and (min-width:40rem){.article-search{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.articles-section{grid-template-columns:minmax(0,1fr)}}.article-content{--transition:.3s;--article-content-pad:1rem;scrollbar-color:var(--color-scrollbar-thumb)transparent;scrollbar-width:thin;overflow-y:auto;container-type:inline-size}.article-content.switching *{animation:.3s cubic-bezier(.55,.085,.68,.53) both text-focus-in}.article-content h3{color:var(--color-article-text-primary);text-wrap:balance;font-size:1.1rem;font-weight:700}.article-content h4{margin-top:var(--spacing-article-md);text-wrap:balance;margin-bottom:.7rem;font-size:1rem;font-weight:700}.article-content p{margin-bottom:var(--spacing-article-md);line-height:1.6}.article-content strong{color:var(--color-article-text-primary);font-weight:600}.article-content ul{margin-left:1.5rem;margin-bottom:var(--spacing-article-md);list-style-type:disc}.article-content ol{margin-left:1.5rem;margin-bottom:var(--spacing-article-md);list-style-type:decimal}.article-content a{color:var(--color-article-text-accent);transition:var(--transition);text-underline-offset:.25rem;text-decoration:underline}.article-content a:hover{transition:var(--transition);color:var(--color-article-text-accent-hover)}.article-content-highlight{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-inline:calc(-1*var(--article-content-pad));padding:.5rem var(--article-content-pad);background-color:var(--color-fuchsia-50);margin-block-end:var(--spacing-article-sm);font-size:1.1rem;font-weight:500;display:block;position:sticky;top:-1rem}.article-content>.article-content-highlight:first-child{margin-block-start:calc(-1*var(--article-content-pad))}.article-content blockquote{border-left:4px solid var(--color-article-border);padding-left:var(--spacing-article-md);margin-bottom:var(--spacing-article-md);color:var(--color-article-blockquote);font-style:italic}.pairing-layout{border-top:1px solid var(--color-border-primary);grid-template-rows:auto auto auto auto auto auto auto;grid-template-columns:1fr 1fr;padding:.5rem;display:grid}.pairing-layout header{flex-direction:column;margin-block-end:var(--spacing-article-sm);display:flex}.pairing-layout h3,.pairing-layout h4{margin-block:0;font-weight:500}.pairing-layout h4{color:var(--color-article-text-secondary);font-size:.9rem;font-weight:400}.pairing-layout p{margin-bottom:0}.pairing-layout-father>header,.pairing-layout-mother>header{grid-row:1;margin-bottom:.5rem}.pairing-layout-father>ul,.pairing-layout-mother>ul{grid-row:2}.pairing-layout-father,.pairing-layout-mother{grid-template-rows:subgrid;grid-row:1/-1;font-size:.9rem;display:grid}.pairing-layout-parents{grid-template-rows:subgrid;gap:var(--spacing-article-sm);grid-row:3/span 5;min-inline-size:0;display:grid}.pairing-layout-parents h4{color:var(--color-article-text-primary);font-size:1rem;font-weight:500}.pairing-layout-parents .strong{font-weight:500}.pairing-layout-parent{flex-direction:column;display:flex}.pairing-layout-parent>div{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.pairing-layout-parent-info{color:var(--color-article-text-secondary);font-size:.9rem}@container not (min-width:640px){.pairing-layout{grid-template-rows:none;grid-template-columns:1fr;row-gap:1rem}.pairing-layout-father,.pairing-layout-mother{gap:var(--spacing-article-sm);grid-row:auto;grid-template-rows:auto}.pairing-layout-father>header,.pairing-layout-mother>header,.pairing-layout-father>ul,.pairing-layout-mother>ul,.pairing-layout-parents{grid-row:auto}.pairing-layout-parents{grid-template-rows:auto}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:.4s ease-out fadeIn}@keyframes text-focus-in{0%{filter:blur(12px);opacity:0}to{filter:blur();opacity:1}}