.writing-detail__header{padding:3rem 0;background:linear-gradient(135deg,#f9f9f9,#fff);margin-bottom:2rem;position:relative}.writing-detail__header:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:linear-gradient(135deg,#ae372f0d,#1d1e220d);z-index:-1}.back-link{display:inline-flex;align-items:center;margin-bottom:1rem;color:var(--color-coffee);text-decoration:none;font-family:var(--font-ui);font-weight:500;padding:.5rem 1rem;border-radius:30px;background:#ae372f1a;transition:all .3s ease}.back-link:hover{background:#ae372f33;transform:translate(-5px)}.writing-detail__title{font-family:var(--font-editorial);font-size:clamp(2.25rem,5vw,4rem);line-height:1.15;color:var(--color-dark);margin:0 0 1.5rem;font-weight:600;letter-spacing:-.01em;position:relative;display:inline-block}.writing-detail__title:after{content:"";display:block;width:80px;height:4px;background:var(--color-primary);margin:1.5rem 0 0;border-radius:2px}.writing-detail__meta{font-family:var(--font-ui);color:var(--color-gray);font-size:.95rem;display:flex;align-items:center;flex-wrap:wrap}.writing-detail__meta>*+*{margin-left:1rem;padding-left:1rem;border-left:1px solid var(--color-gray-light)}.writing-detail__date{display:flex;align-items:center}.writing-detail__date:before{content:"📅";margin-right:.5rem}.writing-detail__status{background-color:#fff3cd;color:#856404;padding:3px 10px;border-radius:4px;font-size:.85em;font-weight:600}.writing-detail__author{display:flex;align-items:center}.writing-detail__author:before{content:"✍️";margin-right:.5rem}.writing-detail__hero{width:100%;max-width:800px;margin:0 auto 3rem;position:relative;border-radius:12px;box-shadow:0 8px 16px #00000014;overflow:hidden}.writing-detail__image{width:100%;height:auto;display:block;transition:transform .5s ease}.writing-detail__hero:hover .writing-detail__image{transform:scale(1.02)}.writing-detail__content{max-width:700px;margin:0 auto;font-family:var(--font-editorial);line-height:1.7;font-size:clamp(1.125rem,1.5vw,1.3125rem);color:var(--color-text);position:relative;padding-bottom:2rem}.writing-detail__content h2{font-family:var(--font-editorial);color:var(--color-coffee);margin:2.5rem 0 1.25rem;font-size:clamp(1.5rem,3vw,1.875rem);line-height:1.3;font-weight:600;position:relative}.writing-detail__content h2:after{content:"";display:block;width:40px;height:3px;background:var(--color-primary);margin:.75rem 0 0;border-radius:2px}.writing-detail__content h3{font-family:var(--font-editorial);color:var(--color-dark);margin:2rem 0 1rem;font-size:clamp(1.25rem,2.5vw,1.5rem);line-height:1.35;font-weight:600}.writing-detail__content p{margin-bottom:1.2em}.writing-detail__content ul{margin:1.25rem 0 1.5rem 1.5rem}.writing-detail__content li{margin-bottom:.75rem;position:relative}.writing-detail__content li:before{content:"•";color:var(--color-primary);font-weight:700;display:inline-block;width:1em;margin-left:-1em}.writing-detail__content blockquote{margin:2.5rem 0;padding:.5rem 0 .5rem 1.75rem;border-left:3px solid var(--color-primary);font-family:var(--font-editorial);font-size:1.35em;font-style:italic;line-height:1.55;color:var(--color-dark)}.writing-detail__content blockquote p{margin-bottom:0}.writing-detail__content blockquote p+p{margin-top:1rem}.writing-detail__content details{margin:1rem 0;border:1px solid var(--color-gray-light);border-radius:10px;background:#fff;overflow:hidden}.writing-detail__content details[open]{border-color:#ae372f4d}.writing-detail__content summary{cursor:pointer;padding:.85rem 1.25rem;font-family:var(--font-ui);font-weight:600;font-size:.95em;color:var(--color-dark);display:flex;align-items:center;justify-content:space-between;gap:1rem;list-style:none;user-select:none;transition:background .2s ease}.writing-detail__content summary::-webkit-details-marker{display:none}.writing-detail__content summary:hover{background:#ae372f0d}.writing-detail__content summary:after{content:"+";flex-shrink:0;font-size:1.3rem;line-height:1;color:var(--color-primary)}.writing-detail__content details[open] summary:after{content:"−"}.writing-detail__content details ul{margin:.25rem 0 1.25rem 1.5rem}@media(min-width:768px){.writing-detail__header{padding:5rem 0}}@media(max-width:768px){.writing-detail__content{padding-bottom:1.5rem}}@media(max-width:480px){.writing-detail__content{padding-bottom:1.2rem}.writing-detail__meta{font-size:.85rem}.writing-detail__meta>*+*{margin-left:.75rem;padding-left:.75rem}}