.TutorialDetail_page__iyyGT{padding-block:clamp(1rem,2vw,1.75rem) clamp(2rem,4vw,3rem);background:#f8fafc;color:#0f172a}html[data-theme=dark] .TutorialDetail_page__iyyGT{background:#0b141a;color:#e9edef}.TutorialDetail_page__iyyGT h1{color:inherit}.TutorialDetail_article__Ihj3B{background:#fff;color:#0f172a}html[data-theme=dark] .TutorialDetail_article__Ihj3B{background:#111b21;color:#e9edef;border-color:#30423c!important}.TutorialDetail_content__S8380{width:100%}.TutorialDetail_body__uVzaX{display:grid;gap:clamp(1rem,2vw,1.5rem);align-items:start}@media (min-width:1100px){.TutorialDetail_hasMedia__NwO8a{grid-template-columns:minmax(0,1fr) minmax(360px,.85fr)}.TutorialDetail_hasMedia__NwO8a>:last-child,.TutorialDetail_hasMedia__NwO8a>:nth-child(3):not(:last-child){grid-column:1/-1}}.TutorialDetail_hero__UUmQZ{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,380px);align-items:center;gap:clamp(1rem,3vw,2.5rem);margin-bottom:1.5rem}.TutorialDetail_heroText__b8v0F{min-width:0}.TutorialDetail_heroArt__RLD9w{max-height:220px;background:transparent}.TutorialDetail_heroArt__RLD9w,.TutorialDetail_media__waisb{display:block;width:100%;object-fit:contain;border-radius:1rem}.TutorialDetail_media__waisb{max-height:520px;background:#fff}@media (max-width:640px){.TutorialDetail_hero__UUmQZ{grid-template-columns:minmax(0,1fr) 104px;gap:.75rem}.TutorialDetail_heroText__b8v0F h1{font-size:clamp(1.5rem,7vw,2rem)}.TutorialDetail_heroArt__RLD9w{max-height:120px}}