#text-counter-tool{
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 32px 16px 80px;
    color: var(--text-main);
  }

textarea{
    width: 100%;
    min-height: 240px;
    padding: 16px 18px;
    font-size: 1rem;
    line-height: 1.7;
    border: 1px solid rgba(var(--heading-rgb),0.1);
    border-radius: 14px;   /* 인풋·텍스트영역 정본 반경(2026-08-20 통일 — 여기만 16 이었다) */
    outline: none;
    background: var(--surface);
    resize: vertical;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
  }

/* 🔴 결과는 id 까지 붙여 쓴다(2026-09-30 사이트 전수 점검). 공용 common.css 의 `#result{display:none; …카드 상자…}` 는
   계산기 7곳이 JS 로 켜는 결과 상자 규칙인데, 이 페이지의 결과 격자도 같은 id 라 **특이도(ID > 클래스)로 이겨**
   2026-08-03 공통화(a8e6bec3)부터 결과 10칸이 통째로 숨어 있었다 — 값은 계산되고 있어 스모크 검사도 초록이었다.
   이 계산기는 결과가 늘 보이는 격자다 → 특이도를 올리고 공용 상자 꾸밈을 걷는다(공통화 전 모습 그대로). */
#result.result{
    margin-top: 22px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 0;
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }

.stat-item{
    padding: 16px 18px;
    border-radius: 16px;
    background: rgba(var(--surface-rgb),0.92);
    border: 1px solid rgba(var(--heading-rgb),0.06);
    box-shadow: 0 8px 18px rgba(var(--heading-rgb),0.06);
  }

.stat-item strong{
    display: block;
    margin-bottom: 6px;
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--text-sub);
  }

.stat-value{
    display: block;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--heading);
    line-height: 1.5;
  }

.notes{
    margin-top: 24px;
    padding: 18px 20px;
    border: 1px solid rgba(var(--point-rgb),0.1);
    border-radius: 16px;
    background: rgba(var(--point-rgb),0.04);
    font-size: 0.95rem;
  }

.notes h2{
    margin: 0 0 10px;
    font-size: 1.15rem;
    color: var(--heading);
  }

@media (max-width: 768px){
    

    #text-counter-tool{
      padding: 20px 12px 60px;
    }

    

    

    textarea{
      min-height: 220px;
    }
  }

@media (max-width: 640px){
    #result.result{
      grid-template-columns: 1fr;
    }

    .stat-value{
      font-size: 1rem;
    }
  }