/* == functions-08.css (vc2a5cd30) == */
/* === 게시글 카드: 한 줄 1개 (세로 스택) === */
    body.v38-applied .hana-feed { 
      display: block !important;
      grid-template-columns: none !important;
    }
    body.v38-applied .hana-feed > article,
    body.v38-applied .hana-feed > .hana-card,
    body.v38-applied .hana-feed__list > article,
    body.v38-applied .hana-card,
    body.v38-applied article.hana-card {
      width: 100% !important;
      max-width: 100% !important;
      flex-basis: 100% !important;
      grid-column: 1 / -1 !important;
      box-sizing: border-box !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
    }
    
    /* === 캘린더: 표 폭 100% === */
    body.v38-applied .hana-cal,
    body.v38-applied .hana-cal__grid,
    body.v38-applied .hana-cal__head {
      width: 100% !important;
      max-width: 100% !important;
      box-sizing: border-box !important;
    }
    
    /* === 사진첩 그리드: 부모 폭 안에서 = 4컬럼 (그대로 유지) 단 부모 폭 800 안 === */
    body.v38-applied .hana-album { 
      max-width: 100% !important;
      box-sizing: border-box !important;
    }
    body.v38-applied .hana-album__grid {
      width: 100% !important;
      max-width: 100% !important;
      box-sizing: border-box !important;
    }
    
    /* 에디터 modal/sheet 폭 통일 */
    body.v38-applied .hana-sheet__panel,
    body.v38-applied .hana-modal__panel,
    body.v38-applied .hana-event-modal {
      max-width: 720px !important;
      width: calc(100% - 24px) !important;
      margin: 12px auto !important;
    }
    
    /* GP 부모테마의 .hana-feed-page 같은 body 클래스 영향 제거 */
    body.v38-applied { width: 100% !important; }
    body.v38-applied #content,
    body.v38-applied .site-content {
      max-width: 1100px !important;
      margin: 0 auto !important;
      width: 100% !important;
      padding: 0 !important;
    }
    
    /* 모바일 */
    @media (max-width: 800px) {
      body.v38-applied #content, body.v38-applied .site-content {
        max-width: 100% !important;
      }
    }

/* == functions-09.css (v2b2746df) == */
/* === 네이버 밴드 스타일 미디어 그리드 === */
    .v312-media-grid {
      display: grid; gap: 2px;
      margin: 10px 0; border-radius: 10px; overflow: hidden;
      background: #eee; cursor: pointer;
    }
    .v312-grid-1 { grid-template-columns: 1fr; }
    .v312-grid-2 { grid-template-columns: 1fr 1fr; }
    .v312-grid-3 { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; }
    .v312-grid-3 .v312-media-item:first-child { grid-row: span 2; }
    .v312-grid-4 { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; }
    .v312-grid-many { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; }
    
    .v312-media-item {
      position: relative; overflow: hidden; background: #f5f5f5;
      aspect-ratio: 1; min-height: 0;
    }
    .v312-grid-1 .v312-media-item {
      aspect-ratio: 16/10; max-height: 540px;
    }
    .v312-grid-2 .v312-media-item {
      aspect-ratio: 4/5;
    }
    
    .v312-media-item img,
    .v312-media-item video {
      width: 100% !important; height: 100% !important;
      object-fit: cover !important; display: block !important;
      margin: 0 !important; border-radius: 0 !important;
    }
    
    /* video play indicator */
    .v312-media-item.is-video::after {
      content: '▶'; position: absolute; top: 50%; left: 50%;
      transform: translate(-50%, -50%);
      width: 56px; height: 56px;
      background: rgba(0,0,0,0.6); border-radius: 50%;
      color: #fff; font-size: 22px;
      display: flex; align-items: center; justify-content: center;
      pointer-events: none;
    }
    
    /* +N more overlay */
    .v312-more {
      position: absolute; inset: 0;
      background: rgba(0,0,0,0.55);
      color: #fff; font-size: 28px; font-weight: 600;
      display: flex; align-items: center; justify-content: center;
      pointer-events: none;
    }
    
    /* 카드 본문에서 원래 img/video는 hide (그리드에서 표시) */
    .hana-card.has-v312-media .hana-card__body img,
    .hana-card.has-v312-media .hana-card__body video,
    article.has-v312-media .post-content img,
    article.has-v312-media .post-content video,
    .hana-card.has-v312-media .hana-card__content img,
    .hana-card.has-v312-media .hana-card__content video { display: none !important; }
    
    /* 그리드는 카드 본문 폭 100% */
    .v312-media-grid { width: 100%; box-sizing: border-box; }
    
    /* 모바일 */
    @media (max-width: 600px) {
      .v312-grid-1 .v312-media-item { aspect-ratio: 4/3; }
    }