@layer components{.journaling{gap:var(--space-8);padding-block:var(--space-24) var(--space-48);display:grid}.journaling__title,.tale-head h1{font-size:var(--text-h1);font-weight:var(--weight-display-arabic);line-height:var(--leading-display-arabic);text-wrap:balance;margin:0}[dir=ltr] :is(.journaling__title,.tale-head h1):not([lang=ar]){font-family:var(--font-latin-display);font-style:italic;font-weight:400;line-height:var(--leading-display-latin)}.tale[lang=ar],.tale-head [lang=ar]{font-family:var(--font-arabic)}.journaling__lede,.tale-head p{max-inline-size:var(--measure);color:var(--ink-muted);text-wrap:pretty;margin:0}.journaling__list{margin:var(--space-24) 0 0;gap:var(--space-24);padding:0;list-style:none;display:grid}.journaling__list>li+li{border-block-start:1px dashed var(--stitch-thread);padding-block-start:var(--space-24)}.tale__link{gap:var(--space-16);color:inherit;text-decoration:none;display:grid}.tale__text{gap:var(--space-8);align-content:start;display:grid}.tale__cover{aspect-ratio:5/4;border-radius:var(--radius-placard);background:var(--ground-deep);position:relative;overflow:hidden}.tale__cover img{object-fit:cover}.journaling__list>li+li .tale__link{grid-template-columns:112px minmax(0,1fr);align-items:start}.journaling__list>li+li .tale__cover{aspect-ratio:4/5}.journaling__list>li+li .tale__title{font-size:var(--text-label)}.journaling__list>li+li time{display:none}.journaling__list>li+li p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (min-width:768px){.journaling__list{gap:var(--space-32);grid-template-columns:repeat(2,minmax(0,1fr));margin-block-start:var(--space-32)}.journaling__list>li+li{padding-block-start:var(--space-24)}.journaling__list>:first-child{grid-column:1/-1}.journaling__list>:first-child .tale__link{gap:var(--space-48);grid-template-columns:7fr 5fr;align-items:center}.journaling__list>:first-child .tale__text{gap:var(--space-12)}.journaling__list>:first-child .tale__cover{aspect-ratio:4/3}.journaling__list>:first-child .tale__title{font-size:var(--text-h2)}}.tale__title{font-size:var(--text-title);font-weight:var(--weight-display-arabic);line-height:var(--leading-display-arabic);text-wrap:balance;margin:0}.tale[lang=en] .tale__title{font-family:var(--font-latin-display);font-style:italic;font-weight:400;line-height:var(--leading-display-latin)}.tale__link:hover .tale__title,:root:not([data-input=pointer]) .tale__link:focus-visible .tale__title{-webkit-text-decoration:underline dashed var(--stitch) var(--stitch-width);text-decoration:underline dashed var(--stitch) var(--stitch-width);text-underline-offset:6px}.tale p{color:var(--ink-muted);text-wrap:pretty;margin:0}.tale time,.tale-head time{font-size:var(--text-caption);color:var(--ink-muted)}.tale-page{padding-block:var(--space-24) var(--space-96)}.tale-head{justify-items:start;gap:var(--space-12);inline-size:min(640px,100%);margin-inline:auto;padding-block-end:var(--space-24);display:grid}.tale-page .note{inline-size:min(640px,100%);margin:0 auto var(--space-16)}.tale-page .story{--story-gutter:0px}.tale-page .s-block.is-full{inline-size:calc(100% + 2 * var(--gutter-phone));margin-inline:calc(-1 * var(--gutter-phone))}.tale-page .s-photo.is-full figcaption{padding-inline:var(--gutter-phone)}@media (min-width:768px){.tale-page .s-block.is-full{inline-size:calc(100% + 2 * var(--gutter-tablet));margin-inline:calc(-1 * var(--gutter-tablet))}.tale-page .s-photo.is-full figcaption{padding-inline:var(--gutter-tablet)}}.tale-foot{inline-size:min(640px,100%);margin:var(--space-32) auto 0;border-block-start:1px dashed var(--stitch-thread);padding-block-start:var(--space-16)}}