.art-author{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6) 0;border-bottom:1px solid var(--clr-border);margin-bottom:0;background:#fff}.art-author__avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--clr-border);flex-shrink:0}.art-author__name{font-weight:700;color:var(--clr-text);font-size:0.975rem}.art-author__role{color:var(--clr-text-muted);font-size:0.84rem;margin-top:2px}.art-author__meta{display:flex;align-items:center;gap:0.4rem;flex-wrap:wrap;font-family:var(--font-mono);font-size:0.75rem;color:var(--clr-text-muted);margin-top:var(--space-2);letter-spacing:0.03em}.art-author__meta span{white-space:nowrap}.art-author__meta .sep{color:var(--clr-border)}.art-share{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-5) 0;border-bottom:1px solid var(--clr-border)}.art-share--bottom{border-top:1px solid var(--clr-border);border-bottom:none;margin-top:var(--space-8);padding-bottom:0}.art-share__label{font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--clr-text-muted);margin-right:var(--space-1);flex-shrink:0}.art-share__btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:0.75rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;padding:0.42rem 0.85rem;border-radius:var(--radius-sm);text-decoration:none;cursor:pointer;border:1.5px solid transparent;transition:background 0.18s,color 0.18s,border-color 0.18s;line-height:1}.art-share__btn svg{flex-shrink:0}.art-share__btn--fb{background:rgba(24,119,242,0.08);color:#1877F2;border-color:rgba(24,119,242,0.22)}.art-share__btn--fb:hover{background:#1877F2;color:#fff;border-color:#1877F2}.art-share__btn--wa{background:rgba(37,211,102,0.08);color:#128C7E;border-color:rgba(37,211,102,0.22)}.art-share__btn--wa:hover{background:#25D366;color:#fff;border-color:#25D366}.art-share__btn--copy{background:var(--clr-surface-0);color:var(--clr-text-muted);border-color:var(--clr-border)}.art-share__btn--copy:hover{background:var(--clr-amber);color:#fff;border-color:var(--clr-amber)}.art-share__btn--copy.copied{background:#16A34A;color:#fff;border-color:#16A34A}.art-related{background:var(--clr-surface-0);border-top:1px solid var(--clr-border);border-bottom:1px solid var(--clr-border);padding:var(--space-16) 0}.art-related__heading{font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,2.8rem);color:var(--clr-text);letter-spacing:0.02em;line-height:0.95;margin-bottom:var(--space-8)}.art-related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}@media (max-width:767px){.art-related__grid{grid-template-columns:1fr;gap:var(--space-4)}}@media (min-width:480px) and (max-width:767px){.art-related__grid{grid-template-columns:repeat(2,1fr)}}.art-related__card{background:#fff;border:1px solid var(--clr-border);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform 0.25s,border-color 0.25s,box-shadow 0.25s}.art-related__card:hover{transform:translateY(-4px);border-color:var(--clr-amber);box-shadow:0 12px 36px rgba(26,77,181,0.12)}.art-related__img-wrap{overflow:hidden;height:160px;flex-shrink:0}.art-related__img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform 0.4s}.art-related__card:hover .art-related__img{transform:scale(1.05)}.art-related__body{padding:var(--space-4) var(--space-5);flex:1;display:flex;flex-direction:column}.art-related__cat{font-family:var(--font-mono);font-size:0.68rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--clr-amber);margin-bottom:var(--space-2)}.art-related__title{font-size:0.9375rem;font-weight:600;color:var(--clr-text);line-height:1.4;flex:1;margin-bottom:var(--space-3);transition:color 0.2s}.art-related__card:hover .art-related__title{color:var(--clr-amber)}.art-related__read{font-family:var(--font-mono);font-size:0.7rem;color:var(--clr-text-muted)}.art-faq{margin-top:var(--space-10);padding-top:var(--space-8);border-top:3px solid var(--clr-amber)}.art-faq__heading{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.2rem);color:var(--clr-text);letter-spacing:0.02em;line-height:0.95;margin-bottom:var(--space-6)}.art-faq .faq-item{border-bottom:1px solid var(--clr-border)}.art-faq .faq-toggle{font-size:0.975rem;font-weight:600;padding:var(--space-5) 0;color:var(--clr-text);min-height:44px}.art-faq .faq-toggle::after{font-family:var(--font-mono);font-size:1.2rem}.art-faq .faq-body{padding-bottom:var(--space-5);font-size:1rem;line-height:1.78;color:var(--clr-text-muted)}