.post-detail-hero{background-color:var(--color-brand-light);padding-top:var(--spacing-40);padding-bottom:var(--spacing-12);padding-left:var(--spacing-6);padding-right:var(--spacing-6);position:relative;overflow:hidden}@media (min-width:769px){.post-detail-hero{padding-top:var(--spacing-40);padding-bottom:var(--spacing-16);padding-left:var(--spacing-10);padding-right:var(--spacing-10)}}@media (min-width:1025px){.post-detail-hero{padding-top:var(--spacing-40);padding-bottom:var(--spacing-20);padding-left:var(--spacing-16);padding-right:var(--spacing-16)}}.post-detail-hero__motif{z-index:0;pointer-events:none;transform-origin:50%;width:200px;height:200px;position:absolute;top:0;right:0;transform:rotate(-90deg)}@media (min-width:769px){.post-detail-hero__motif{width:300px;height:300px}}@media (min-width:1025px){.post-detail-hero__motif{width:400px;height:400px}}.post-detail-hero__motif img{object-fit:contain;object-position:top right;width:100%;height:100%}.post-detail-hero__inner{z-index:1;gap:var(--spacing-12);flex-direction:column;display:flex;position:relative}@media (min-width:1025px){.post-detail-hero__inner{justify-content:space-between;align-items:flex-start;gap:var(--spacing-12);flex-direction:row}}.post-detail-hero__content{flex:1;max-width:600px}.post-detail-hero__category{background-color:var(--color-brand-magenta);color:var(--color-brand-light);font-family:var(--font-body);font-size:var(--text-xs);padding:var(--spacing-1) var(--spacing-3);margin-bottom:var(--spacing-4);border-radius:0;font-weight:500;line-height:1.5;display:inline-block}.post-detail-hero__title{font-size:var(--text-4xl);color:var(--color-brand-dark);margin:0 0 var(--spacing-6) 0;line-height:1.1}@media (min-width:1025px){.post-detail-hero__title{margin-bottom:var(--spacing-8)}}.post-detail-hero__author-row{align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-2);display:flex}.post-detail-hero__avatar{width:var(--spacing-8);height:var(--spacing-8);border:1px solid var(--color-border);border-radius:0;flex-shrink:0;overflow:hidden}.post-detail-hero__avatar img{object-fit:cover;width:100%;height:100%}.post-detail-hero__author-name{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-brand-dark);margin:0;font-weight:500}.post-detail-hero__meta{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4);display:flex}.post-detail-hero__date,.post-detail-hero__read-time{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-brand-dark);font-weight:400}.post-detail-hero__meta-divider{width:var(--spacing-1);height:var(--spacing-1);background-color:var(--color-brand-dark);border-radius:0;flex-shrink:0;display:inline-block}.post-detail-hero__social{align-items:center;gap:var(--spacing-2);display:flex}.post-detail-hero__social-link{width:var(--spacing-8);height:var(--spacing-8);background-color:var(--color-brand-dark);color:var(--color-brand-light);border-radius:0;justify-content:center;align-items:center;transition:background-color .15s;display:flex}.post-detail-hero__social-link:hover{background-color:var(--color-brand-magenta)}.post-detail-hero__social-link svg{width:var(--spacing-4);height:var(--spacing-4)}.post-detail-hero__image{aspect-ratio:4/3;background-color:var(--color-brand-dark);border-radius:0;flex-shrink:0;width:100%;overflow:hidden}@media (min-width:1025px){.post-detail-hero__image{width:45%;max-width:480px}}.post-detail-hero__image img{object-fit:cover;width:100%;height:100%;display:block}
.post-detail-body{background-color:var(--color-brand-light);padding-top:var(--spacing-12);padding-bottom:var(--spacing-16);padding-left:var(--spacing-6);padding-right:var(--spacing-6)}@media (min-width:769px){.post-detail-body{padding-top:var(--spacing-16);padding-bottom:var(--spacing-20);padding-left:var(--spacing-10);padding-right:var(--spacing-10)}}@media (min-width:1025px){.post-detail-body{padding-top:var(--spacing-20);padding-bottom:var(--spacing-24);padding-left:var(--spacing-16);padding-right:var(--spacing-16)}}.post-detail-body__content{max-width:720px;margin:0 auto}.post-detail-body__content h2{font-size:var(--text-3xl);color:var(--color-brand-dark);margin:var(--spacing-12) 0 var(--spacing-6) 0;line-height:1.15}.post-detail-body__content h3{font-size:var(--text-2xl);color:var(--color-brand-dark);margin:var(--spacing-8) 0 var(--spacing-4) 0;line-height:1.2}.post-detail-body__content p{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-brand-dark);margin:0 0 var(--spacing-5) 0;font-weight:400;line-height:1.7}@media (min-width:1025px){.post-detail-body__content p{line-height:1.8}}.post-detail-body__content blockquote{border-left:var(--spacing-1) solid var(--color-brand-magenta);padding-left:var(--spacing-5);margin:var(--spacing-8) 0;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-brand-dark);font-style:italic;font-weight:400;line-height:1.7}@media (min-width:1025px){.post-detail-body__content blockquote{padding-left:var(--spacing-6);margin:var(--spacing-10) 0}}.post-detail-body__content blockquote p{margin:0}.post-detail-body__content img{width:100%;height:auto;margin:var(--spacing-8) 0;border-radius:0;display:block}@media (min-width:1025px){.post-detail-body__content img{margin:var(--spacing-10) 0}}.post-detail-body__content a{color:var(--color-brand-magenta);text-underline-offset:var(--spacing-0-5);text-decoration:underline;transition:color .15s}.post-detail-body__content a:hover{color:var(--color-brand-dark)}.post-detail-body__content ul,.post-detail-body__content ol{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-brand-dark);margin:0 0 var(--spacing-5) 0;padding-left:var(--spacing-5);font-weight:400;line-height:1.7}@media (min-width:1025px){.post-detail-body__content ul,.post-detail-body__content ol{line-height:1.8}}.post-detail-body__content li{margin-bottom:var(--spacing-2)}.post-detail-body__content hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-10) 0}