.article-page .article-opening h1{font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.3;overflow-wrap:anywhere}.article-page .article-meta{display:flex;flex-wrap:wrap;gap:.65rem 1rem;color:var(--ink);font-size:.875rem;line-height:1.8}.article-page .article-meta span+span{border-inline-start:1px solid rgba(34,40,51,.25);padding-inline-start:1rem}.article-page .article-scene{height:83%;width:90%;border-radius:30px 30px 0 0;background:var(--cream)}.article-page .article-scene img{object-fit:contain;object-position:center}.article-page .article-no-image{width:85%;height:83%;display:grid;place-content:center;text-align:center;border-radius:180px 180px 0 0;background:var(--blue);font:700 3rem/1.3 Handicrafts,serif}.article-page .article-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:2rem;align-items:start}.article-page .article-content{min-width:0}.article-page .v60-selection{margin-top:2rem;padding-top:1.5rem;border-top:3px solid var(--orange);color:var(--ink)}.article-page .v60-selection h2{font:700 2rem/1.4 Handicrafts,serif;margin:0 0 1rem;overflow-wrap:anywhere}.article-page .v60-selection h3{font-size:1.15rem;line-height:1.6;margin:1.5rem 0 .6rem;overflow-wrap:anywhere}.article-page .v60-selection p{font-size:1rem;line-height:2;margin:0 0 1rem;overflow-wrap:anywhere}.article-page .v60-next{display:grid;gap:.75rem;margin-top:1.5rem}.article-page .v60-next a{display:flex;align-items:center;min-height:48px;padding:.75rem 1rem;background:var(--cream);border:1px solid rgba(34,40,51,.2);border-radius:12px;color:var(--ink);font-weight:700;text-decoration:none;overflow-wrap:anywhere}.article-page .v60-next a:hover{background:var(--orange)}.article-page .v60-next a:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.article-page .article-summary{background:var(--cream);border-inline-start:5px solid var(--orange);padding:1.25rem;border-radius:16px;margin-bottom:2rem;font-size:1.05rem;font-weight:600;line-height:1.95;color:var(--ink)}.article-page .article-body{max-width:70ch}.article-page .article-body p{font-family:IranSansX,sans-serif;font-size:1.05rem;line-height:2.1;color:var(--ink);margin:0 0 1.4rem;overflow-wrap:anywhere}.article-page .article-sidebar{min-width:0}.article-page .sidebar-card{padding:1.3rem;background:var(--cream);border:1px solid rgba(34,40,51,.12);border-top:5px solid var(--blue);border-radius:22px;margin-bottom:1.5rem}.article-page .sidebar-card:first-child{background:var(--ink);border-color:var(--ink)}.article-page .sidebar-title{font:700 1.65rem/1.4 Handicrafts,serif;color:var(--ink);margin-bottom:.85rem}.article-page .sidebar-card:first-child .sidebar-title,.article-page .sidebar-card:first-child p{color:var(--cream)}.article-page .sidebar-card p{font-size:1rem;line-height:1.85;margin:0 0 1rem}.article-page .sidebar-wa,.article-page .sidebar-browse{display:flex;justify-content:center;align-items:center;min-height:48px;padding:.75rem;border-radius:12px;text-decoration:none;color:var(--ink);font-size:1rem;font-weight:700;background:var(--green)}.article-page .sidebar-browse{background:var(--orange);margin-top:.75rem}.article-page .sidebar-wa:hover,.article-page .sidebar-browse:hover{background:var(--cream)}.article-page .related-posts{display:grid;gap:1rem}.article-page .related-post{display:flex;align-items:flex-start;gap:.7rem;color:var(--ink);text-decoration:none;padding-bottom:1rem;border-bottom:1px solid rgba(34,40,51,.15)}.article-page .related-post:last-child{border-bottom:0;padding-bottom:0}.article-page .related-post img{width:60px;height:60px;object-fit:cover;border-radius:10px;flex-shrink:0}.article-page .related-post-title{font-size:.95rem;font-weight:600;line-height:1.65}.article-page .related-post-date{font-size:.875rem;color:#222833b3;margin-top:.4rem}@media(max-width:900px){.article-page .article-layout{grid-template-columns:1fr}.article-page .article-opening h1{font-size:clamp(2rem,6vw,3rem);max-width:720px}.article-page .article-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.article-page .ed-story{height:300px}.article-page .article-scene{height:90%;max-width:620px}}@media(max-width:640px){.article-page .article-opening h1{font-size:clamp(1.9rem,8vw,2.6rem)}.article-page .article-layout{gap:1.5rem}.article-page .article-sidebar{grid-template-columns:1fr}.article-page .article-body p{font-size:1rem;line-height:2}.article-page .article-summary{font-size:1rem;padding:1rem}.article-page .ed-story{height:260px}.article-page .article-meta{font-size:.875rem}}
