“누군가를 위해, 일상으로.” 머무는 것만으로도 사회에 공헌할 수 있는, 아늑한 공간에서 맛보는 새로운 숙박 경험

Cocts Akihabara

즐겨찾기

여기로 가는 길

즐겨찾기

모두 보기

홈

전화：03-5809-2147

예약 URL

아키하바라 인근의 번잡함을 벗어나 마음과 사회를 잇는 궁극의 소셜 공헌 호스텔
【Cocts Akihabara】

도쿄도 다이토구 아사쿠사바시 지역에 위치한 ‘Cocts Akihabara’는 “누군가를 위한 마음을 일상으로.”라는 콘셉트의 새로운 스타일 커뮤니티 호스텔입니다.
아키하바라 지역으로의 뛰어난 접근성과 차분한 숙박 공간을 갖춰, 일본 국내는 물론 해외 여행객에게도 큰 인기를 얻고 있습니다.

관내에는 도미토리부터 개인실, 그룹용 대형 객실까지 다양한 타입이 준비되어 있어 여행 스타일과 인원에 맞춰 자유롭게 선택할 수 있습니다.
또한 24시간 이용 가능한 공용 키친과 라운지가 완비되어 있어 장기 숙박이나 워케이션에도 쾌적한 환경을 제공합니다.

Cocts Akihabara의 가장 큰 특징은 “머무는 일” 자체가 사회 공헌으로 이어지는 구조에 있습니다.
숙박 예약 1건마다 기부가 이루어지는 ‘STAY FOR TWO’ 프로젝트에 참여하고 있어, 투숙을 통해 지원 활동에 기여할 수 있습니다.

자투리 천을 재활용한 샵 카드, 일회용 칫솔 감축 노력 등 시설 전반에 지속가능한 아이디어가 스며 있습니다.
여행지에서도 나답게 편안하게 머물며 사회를 조금 더 바라볼 수 있는, 그런 새로운 숙박 경험을 제공하는 호스텔입니다.

기타 추천 정보

Cocts Akihabara에서는 숙박뿐만 아니라 머무는 동안을 더욱 편안하고 즐겁게 해 줄 다양한 서비스를 갖추고 있습니다.
1F에는 배달·테이크아웃 전문 FOODS가 함께 운영됩니다
치킨 오버 라이스, 샐러드, 로스트 비프 등 다양한 메뉴를 즐길 수 있습니다.
간편하게 포장할 수 있어 라운지 공간이나 객실에서 여유롭게 식사하고 싶은 분들께도 추천합니다.

캐시리스 지원 시설
관내에서는 각종 신용카드, 전자머니, QR코드 결제가 가능해 더욱 원활하고 스마트한 숙박이 가능합니다.

아키하바라·아사쿠사바시 지역으로의 뛰어난 접근성
아키하바라 관광은 물론, 아사쿠사·우에노 지역으로 이동하기에도 편리해 도쿄 관광의 거점으로도 추천합니다.

해외 여행객에게도 인기
영어 페이지도 잘 갖춰져 있어 국내외 많은 여행객이 이용하며, 국제적인 교류를 즐길 수 있는 점도 매력입니다.

지속가능한 어메니티 정책
일회용 칫솔 사용을 줄이기 위해 객실에는 칫솔을 비치하지 않으며, 필요하신 분께는 일회용 칫솔을 판매합니다.

워케이션에도 추천
Wi‑Fi와 라운지 시설이 잘 갖춰져 있어 여행은 물론 원격근무에도 최적입니다.

참고 자료

Cocts Akihabara 공식 사이트: https://cocts.jp/

기본 정보

이름	Cocts Akihabara (コクトス・アキハバラ)
주소	도쿄도 다이토구 아사쿠사바시 5-2-7 찾아오시는 길
전화	03-5809-2147
영업시간	프런트 운영 시간 8:00〜23:00 체크인 시간 15:00 체크아웃 시간 10:00
결제 방법	각종 신용카드, 교통계 전자머니, iD, QUICPay, QR 코드 결제(PayPay, LINE Pay, au PAY, WeChat Pay, Alipay+, d払い, J-Coin Pay 등)을 이용하실 수 있습니다. 코인세탁만 현금 사용이 가능합니다. 그 외에는 현금을 받지 않습니다.
정기휴무일	없음
주차장	주차장: 없음
취소 규정	취소 수수료는 다음과 같습니다. 당일: 숙박 요금의 100% 3일 전부터: 숙박 요금의 100% ※ 숙박 상품 또는 날짜에 따라 별도의 취소 정책이 적용될 수 있습니다. 반드시 상품 상세 페이지와 예약 절차 화면에서 취소 정책을 확인해 주시기 바랍니다.
예약 방법
공식 SNS
공식 URL	https://cocts.jp/

시설 정보

결제
현금 결제 불가
신용카드 사용 가능
모바일 결제 가능

예약
예약 우선

담배
금연
야외 흡연 가능

설비
무료 Wi-Fi
화장실
콘센트 사용 가능

기타
역세권
가족에게 추천
커플에게 추천
단체 가능
우천 시 가능
식음료 시설
샤워
어메니티가 풍부함
세탁기
헤어드라이어

주변 이벤트

카테고리

1.64 km
경로 확인

다이토구 기타

2026.10.17(土)–10.18(日)

제53회 KOMOGOMO전

도쿄예술대학 후원 아트 마켓 「제53회KOMOGOMO전」 도쿄·우에노 온시 공원 분수 앞 광장（다케노다이 광장）에서 「제53회KOMOGOMO전」이 2026년 10월 17일(토)・18일(일)에 개최됩니다。 KOMOGOMO전은 도쿄예술대학의 후원으로 열리는 아트 이벤트입니다. 공원을 무대로 다양한 작가의 작품을 만날 수 있는 아트 마켓으로 개최됩니다。 전시의 볼거리 작가들의 개성이 돋보이는 작품을 만날 수 있습니다 현장에서는 액세서리와 잡화, 공예 작품, 일러스트 작품 등 각 작가의 개성이 빛나는 작품들이 소개됩니다。 수공예의 매력을 느낄 수 있는 작품들과의 만남을 즐기며, 마음에 드는 아이템을 찾아보는 건 어떨까요? 우에노 공원 산책과 함께 즐길 수 있습니다 행사 장소인 우에노 온시 공원은 도내 관광이나 산책으로도 인기 있는 명소입니다. 공원을 방문하며 아트 마켓에도 들러, 작가들의 작품을 가까이에서 즐길 수 있습니다. 가을의 우에노에서 예술과 만들기의 매력을 느껴보세요. 이런 분께 추천 예술과 핸드메이드 작품을 좋아하시는 분, 개성 있는 액세서리와 잡화를 찾고 계신 분께 추천하는 이벤트입니다。 우에노 관광이나 공원 산책과 함께、「제53회KOMOGOMO전」에서 마음에 드는 작품을 찾아보세요。 ※ 마켓은 비가 와도 진행됩니다. 다만 태풍 등 악천후의 경우에는 취소될 수 있습니다. 최신 정보는 공식 사이트나 SNS를 확인해 주세요. :root { --bg-color: #fcfcfc; --card-bg: #ffffff; --text-main: #111111; --text-muted: #555555; --accent-orange: #ff5500; --accent-orange-light: #fff2ec; --border-color: #e5e5e5; --dark-card: #141414; } * { box-sizing: border-box; margin: 0; padding: 0; } html, body { width: 100%; overflow-x: hidden; background-color: var(--bg-color); color: var(--text-main); font-family: 'Noto Sans JP', 'Noto Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; line-height: 1.7; letter-spacing: 0.02em; -webkit-font-smoothing: antialiased; } .container { max-width: 860px; width: 100%; margin: 0 auto; padding: 48px 20px; } /* Header Styling */ header { border-bottom: 2px solid var(--text-main); padding-bottom: 32px; margin-bottom: 48px; } .badge { display: inline-block; background-color: var(--accent-orange); color: #ffffff; font-size: 0.75rem; font-weight: 700; padding: 3px 10px; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 16px; } .main-title { font-size: 1.6rem; font-weight: 700; line-height: 1.35; color: var(--text-main); margin-bottom: 12px; word-break: break-word; } .intro-text { font-size: 0.925rem; color: var(--text-muted); text-align: justify; word-break: break-word; } /* Section Styling */ section { margin-bottom: 56px; width: 100%; } .section-header { margin-bottom: 24px; } .section-title { font-size: 1.3rem; font-weight: 700; letter-spacing: 0.04em; position: relative; } .section-title::after { content: ''; display: block; width: 36px; height: 3px; background-color: var(--accent-orange); margin-top: 6px; } /* Highlights Layout */ .grid-highlights { display: flex; flex-direction: column; gap: 20px; width: 100%; } .card { background-color: var(--card-bg); border: 1px solid var(--border-color); padding: 24px; width: 100%; box-sizing: border-box; transition: border-color 0.3s ease; } .card:hover { border-color: var(--accent-orange); } .card-number { font-size: 0.8rem; font-weight: 700; color: var(--accent-orange); margin-bottom: 8px; display: block; } .card-title { font-size: 1.1rem; font-weight: 700; margin-bottom: 12px; line-height: 1.4; word-break: break-word; } .card-text { font-size: 0.9rem; color: var(--text-muted); word-break: break-word; } .card-text p { margin-bottom: 8px; } .card-text p:last-child { margin-bottom: 0; } /* Recommendation Section */ .recommend-box { border-top: 1px solid var(--border-color); padding-top: 36px; width: 100%; } .recommend-text { font-size: 0.925rem; color: var(--text-main); margin-bottom: 24px; text-align: justify; word-break: break-word; } /* Image Gallery Protection & Responsiveness */ .image-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-bottom: 28px; width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .image-frame { background-color: #f4f4f5; border: 1px dashed var(--border-color); border-radius: 4px; padding: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; overflow: hidden; } .image-frame img { max-width: 100%; width: 100%; height: auto; display: block; object-fit: contain; pointer-events: none; } .image-caption { font-size: 0.75rem; color: var(--text-muted); margin-top: 8px; text-align: center; word-break: break-word; line-height: 1.4; } /* Notes List */ .notes-list { list-style: none; background-color: #f4f4f5; padding: 20px 20px 20px 32px; width: 100%; box-sizing: border-box; } .notes-list li { font-size: 0.825rem; color: var(--text-muted); margin-bottom: 6px; text-indent: -1.2em; word-break: break-word; } .notes-list li:last-child { margin-bottom: 0; } /* Responsive Design */ @media (max-width: 768px) { .main-title { font-size: 1.4rem; } .container { padding: 32px 16px; } .card { padding: 20px; } .image-gallery { grid-template-columns: 1fr; } }
1.85 km
경로 확인

다이토구 강연 및 문화

2026.07.25(土)–10.18(日)

도쿄도미술관 개관 100주년 기념 대영박물관 일본미술 컬렉션 백화요란 〜 바다를 건넌 에도 회화

특별전 세계를 매료시킨 에도 회화가 집결! 「백화요란~바다를 건넌 에도 회화」 도쿄도미술관에서는 개관 100주년을 기념한 전시 「대영박물관 일본 미술 컬렉션 — 백화요란~바다를 건넌 에도 회화」가 개최되고 있습니다. 세계를 대표하는 미술관 중 하나인 대영박물관이 소장한 약 4만 점의 일본 컬렉션에서 에도 시대의 회화와 우키요에 판화 등을 엄선해 소개하는 전시입니다. 가쓰시카 호쿠사이, 기타가와 우타마로, 우타가와 히로시게, 도슈사이 샤라쿠 등 에도 시대를 대표하는 우키요에 작가들의 작품은 물론, 영국에서 처음으로 귀환하는 소중한 작품들도 선보입니다. 전시 하이라이트 POINT 01 대영박물관에서 온 일본 미술 명품 대영박물관 일본 컬렉션에서 에도 시대의 병풍, 족자, 그림두루마리, 우키요에 판화 등을 엄선해 전시합니다. 기타가와 우타마로의 육필화 《文読む遊女》, 마루야마 오쿄 《虎の子渡し図屛風》, 가쓰시카 호쿠사이 《『万物絵本大全』版下絵》 등 주목 작품을 가까이에서 감상하실 수 있습니다. POINT 02 영국에서 처음으로 귀환하는 호쿠사이 작품 가쓰시카 호쿠사이의 《『万物絵本大全』版下絵》는 영국에서 처음으로 일본에 귀환하는 작품입니다. 본 전시에서는 오랫동안 행방이 묘연했던 제판용 밑그림 103점 가운데 8점을 선보입니다. POINT 03 약 150년 만에 재회하는 후스마에 모모야마 시대 말부터 에도 시대 초기에 狩野宗眼重信가 손수 그린 후스마에도 주목하세요. 대영박물관과 아오모리현 나카도마리정의 옛 가문인 미야코시 가에 나뉘어 소장되어 있던 작품들이, 최근 조사로 일련의 작품임이 밝혀졌습니다. 약 150년 만의 재회가 이루어집니다. 이런 분께 추천 일본 미술과 우키요에에 관심이 있는 분, 가쓰시카 호쿠사이와 기타가와 우타마로 등의 작품을 직접 감상하고 싶은 분, 도쿄에서 역사와 문화를 체험할 전시를 찾는 분께 추천합니다. 전시는 우에노 공원 내 도쿄도미술관에서 열리므로, 주변 미술관이나 관광 명소와 함께 즐기시는 것도 좋습니다. 마루야마 오쿄《호랑이와 새끼의 도하도 병풍》 1781~1782년　대영박물관 소장　© The Trustees of the British Museum 기타가와 우타마로《편지를 읽는 유녀》 1804~1806년경　대영박물관 소장 © The Trustees of the British Museum ※전시 작품 및 내용 등은 변경될 수 있습니다. ※최신 정보는 전시 공식 웹사이트를 확인해 주시기 바랍니다. :root { --bg-color: #fcfcfc; --card-bg: #ffffff; --text-main: #111111; --text-muted: #555555; --accent-orange: #ff5500; --accent-orange-light: #fff2ec; --border-color: #e5e5e5; --dark-card: #141414; } * { box-sizing: border-box; margin: 0; padding: 0; } html, body { width: 100%; overflow-x: hidden; } body { background-color: var(--bg-color); color: var(--text-main); font-family: 'Noto Sans JP', 'Noto Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; line-height: 1.7; letter-spacing: 0.02em; -webkit-font-smoothing: antialiased; } .container { max-width: 860px; width: 100%; margin: 0 auto; padding: 48px 20px; } /* Header Styling */ header { border-bottom: 2px solid var(--text-main); padding-bottom: 32px; margin-bottom: 48px; } .badge { display: inline-block; background-color: var(--accent-orange); color: #ffffff; font-size: 0.75rem; font-weight: 700; padding: 3px 10px; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 16px; } .main-title { font-size: 1.6rem; font-weight: 700; line-height: 1.35; color: var(--text-main); margin-bottom: 12px; word-break: break-word; } .subtitle { font-size: 1rem; font-weight: 500; color: var(--accent-orange); margin-bottom: 24px; word-break: break-word; } .intro-text { font-size: 0.925rem; color: var(--text-muted); text-align: justify; word-break: break-word; } /* Section Styling */ section { margin-bottom: 56px; width: 100%; } .section-header { margin-bottom: 24px; } .section-title { font-size: 1.3rem; font-weight: 700; letter-spacing: 0.04em; position: relative; } .section-title::after { content: ''; display: block; width: 36px; height: 3px; background-color: var(--accent-orange); margin-top: 6px; } /* Highlights Layout */ .grid-highlights { display: flex; flex-direction: column; gap: 20px; width: 100%; } .card { background-color: var(--card-bg); border: 1px solid var(--border-color); padding: 24px; width: 100%; box-sizing: border-box; transition: border-color 0.3s ease; } .card:hover { border-color: var(--accent-orange); } .card-number { font-size: 0.8rem; font-weight: 700; color: var(--accent-orange); margin-bottom: 8px; display: block; } .card-title { font-size: 1.05rem; font-weight: 700; margin-bottom: 12px; line-height: 1.4; word-break: break-word; } .card-text { font-size: 0.9rem; color: var(--text-muted); text-align: justify; word-break: break-word; } /* Recommendation Section */ .recommend-box { border-top: 1px solid var(--border-color); padding-top: 36px; width: 100%; } .recommend-text { font-size: 0.925rem; color: var(--text-main); margin-bottom: 24px; text-align: justify; word-break: break-word; } /* Image Gallery */ .image-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-bottom: 28px; width: 100%; } .image-frame { background-color: #f4f4f5; border: 1px dashed var(--border-color); border-radius: 4px; padding: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; position: relative; overflow: hidden; } /* CHẶN COPY, KÉO THẢ VÀ TỐI ƯU HIỂN THỊ HÌNH ẢNH */ .image-frame img { width: 100%; max-width: 100%; height: auto; max-height: 350px; display: block; object-fit: contain; /* Vô hiệu hóa bôi đen & kéo thả hình ảnh */ user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-drag: none; /* Bỏ tương tác chuột trực tiếp lên ảnh (chặn chuột phải lưu ảnh) */ pointer-events: none; } .image-caption { font-size: 0.75rem; color: var(--text-muted); margin-top: 8px; text-align: center; word-break: break-word; line-height: 1.4; } /* Notes List */ .notes-list { list-style: none; background-color: #f4f4f5; padding: 20px 20px 20px 32px; width: 100%; box-sizing: border-box; } .notes-list li { font-size: 0.825rem; color: var(--text-muted); margin-bottom: 6px; text-indent: -1.2em; word-break: break-word; } .notes-list li:last-child { margin-bottom: 0; } /* Responsive Design */ @media (max-width: 768px) { .main-title { font-size: 1.4rem; } .subtitle { font-size: 0.95rem; } .container { padding: 32px 16px; } .card { padding: 20px; } .image-gallery { grid-template-columns: 1fr; } .image-frame img { max-height: 250px; } }
1.96 km
경로 확인

다이토구 강연 및 문화

2026.10.14(水)–12.06(日)

창건 700주년 기념 특별전 '다이토쿠지: 일본 무쌍의 선원'

개창 700주년 기념 특별전 「大徳寺本朝無双之禅苑」 교토 무라사키노에 자리한 大徳寺의 개창 700년을 기념한 특별전 「大徳寺本朝無双之禅苑」이 도쿄국립박물관 헤이세이칸에서 개최됩니다. 1326년 개산 이래 역대의 명승과 천황, 전국 무장, 다인들과 깊은 관계를 맺으며 발전해 온 大徳寺. 본 전시는 탑두와 大徳寺파 사원을 포함한 大徳寺 산내의 사보를 한자리에 모아, 700년에 걸친 역사와 문화를 소개합니다. 전시 하이라이트 국보 14건, 중요문화재 69건 공개 大徳寺의 보물이 한자리에 모이는 전시는 41년 만이며, 도쿄에서는 처음입니다. 국보 「観音猿鶴図」, 중요문화재 「龍虎図」, 종봉묘초 필의 국보 「看読真詮榜」 등, 선과 미술의 역사를 전하는 귀중한 작품들이 전시됩니다. 작품은 전기와 후기로 일부 교체 전시됩니다. 전기는 10월 14일(수)부터 11월 8일(일)까지, 후기는 11월 10일(화)부터 12월 6일(일)까지입니다. 통상 비공개의 삼문 재현 전시 회장에는 大徳寺에서 통상 비공개인 삼문이 재현 전시됩니다. 삼문에 안치된 본존 「釈迦如来坐像」과 첫 공개가 되는 「千利休立像」도 전 기간 전시됩니다. 大徳寺와 선, 다도의 연결을 느낄 수 있는 전시입니다. 大徳寺와 인연 깊은 인물들과 700년의 역사 一休宗純、後醍醐天皇、織田信長、豊臣秀吉 등, 大徳寺와 깊이 관련된 인물들의 작품도 소개됩니다. 역대 명승과 권력자, 다인들이 大徳寺에 기울인 신앙과 관계를 통해 일본 선 문화가 걸어온 역사를 더듬어 볼 수 있습니다. 이런 분께 추천 선과 일본 미술에 관심 있는 분은 물론, 교토의 사원 문화와 다도의 역사에 관심 있는 분께도 추천하는 전시입니다. 도쿄국립박물관에서 다이토쿠지가 이어온 700년의 아름다움과 정신을 직접 느껴보시지 않겠습니까? ※ 전시 작품, 전시 기간, 개관 시간, 휴관일, 입장 방법 등은 변경될 수 있습니다. 방문 전 공식 웹사이트에서 최신 정보를 확인해 주십시오. :root { --bg-color: #fcfcfc; --card-bg: #ffffff; --text-main: #111111; --text-muted: #555555; --accent-orange: #ff5500; --accent-orange-light: #fff2ec; --border-color: #e5e5e5; --dark-card: #141414; } * { box-sizing: border-box; margin: 0; padding: 0; } html, body { width: 100%; overflow-x: hidden; background-color: var(--bg-color); color: var(--text-main); font-family: 'Noto Sans JP', 'Noto Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; line-height: 1.7; letter-spacing: 0.02em; -webkit-font-smoothing: antialiased; } .container { max-width: 860px; width: 100%; margin: 0 auto; padding: 48px 20px; } /* Header Styling */ header { border-bottom: 2px solid var(--text-main); padding-bottom: 32px; margin-bottom: 48px; } .badge { display: inline-block; background-color: var(--accent-orange); color: #ffffff; font-size: 0.75rem; font-weight: 700; padding: 3px 10px; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 16px; } .main-title { font-size: 1.6rem; font-weight: 700; line-height: 1.35; color: var(--text-main); margin-bottom: 12px; word-break: break-word; } .intro-text { font-size: 0.925rem; color: var(--text-muted); text-align: justify; word-break: break-word; } /* Section Styling */ section { margin-bottom: 56px; width: 100%; } .section-header { margin-bottom: 24px; } .section-title { font-size: 1.3rem; font-weight: 700; letter-spacing: 0.04em; position: relative; } .section-title::after { content: ''; display: block; width: 36px; height: 3px; background-color: var(--accent-orange); margin-top: 6px; } /* Highlights Layout */ .grid-highlights { display: flex; flex-direction: column; gap: 20px; width: 100%; } .card { background-color: var(--card-bg); border: 1px solid var(--border-color); padding: 24px; width: 100%; box-sizing: border-box; transition: border-color 0.3s ease; } .card:hover { border-color: var(--accent-orange); } .card-number { font-size: 0.8rem; font-weight: 700; color: var(--accent-orange); margin-bottom: 8px; display: block; } .card-title { font-size: 1.1rem; font-weight: 700; margin-bottom: 12px; line-height: 1.4; word-break: break-word; } .card-text { font-size: 0.9rem; color: var(--text-muted); word-break: break-word; } .card-text p { margin-bottom: 8px; } .card-text p:last-child { margin-bottom: 0; } /* Recommendation Section */ .recommend-box { border-top: 1px solid var(--border-color); padding-top: 36px; width: 100%; } .recommend-text { font-size: 0.925rem; color: var(--text-main); margin-bottom: 24px; text-align: justify; word-break: break-word; } /* Image Gallery Protection & Responsiveness */ .image-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-bottom: 28px; width: 100%; /* Copy protection for images */ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .image-frame { background-color: #f4f4f5; border: 1px dashed var(--border-color); border-radius: 4px; padding: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; overflow: hidden; } .image-frame img { max-width: 100%; width: 100%; height: auto; display: block; object-fit: contain; pointer-events: none; } .image-caption { font-size: 0.75rem; color: var(--text-muted); margin-top: 8px; text-align: center; word-break: break-word; line-height: 1.4; } /* Notes List */ .notes-list { list-style: none; background-color: #f4f4f5; padding: 20px 20px 20px 32px; width: 100%; box-sizing: border-box; } .notes-list li { font-size: 0.825rem; color: var(--text-muted); margin-bottom: 6px; text-indent: -1.2em; word-break: break-word; } .notes-list li:last-child { margin-bottom: 0; } /* Responsive Design */ @media (max-width: 768px) { .main-title { font-size: 1.4rem; } .container { padding: 32px 16px; } .card { padding: 20px; } .image-gallery { grid-template-columns: 1fr; } }