국내외 여행자가 모여 자유롭고 편안한 시간을 보낼 수 있는 커뮤니티형 호스텔
【&AND HOSTEL AKIHABARA】
도쿄도 치요다구 아키하바라에 위치한 &AND HOSTEL AKIHABARA는 “Stay your way, feel at home”를 콘셉트로 한, 국내외 여행자에게 사랑받는 호스텔입니다。
JR 아키하바라역 쇼와도리 출구에서 도보 약 5분이라는 뛰어난 입지이지만, 실내는 차분한 분위기로 가득 차 있어 집처럼 편하게 쉴 수 있는 공간이 펼쳐져 있습니다.
나무의 따스함이 느껴지는 심플하고 세련된 객실 외에도, 투숙객들이 자연스럽게 교류할 수 있는 라운지 공간을 갖추고 있습니다. 전 세계에서 모인 게스트와 소통하고 여행 정보를 교류하는 등, 호스텔만의 경험을 즐길 수 있습니다.
또한 리모트워크와 워케이션에 적합한 워크스페이스를 갖추어, 관광뿐만 아니라 “일하면서 머무는” 새로운 여행 스타일도 지원합니다.
스태프가 주최하는 이벤트와 문화 교류 기회도 다양해 일본 문화와 지역의 매력을 접할 수 있는 것 역시 &AND HOSTEL만의 장점입니다.
추천 포인트 3가지
1. 다양한 숙박 스타일을 위한 편안한 시설
관내에는 도미토리부터 개인실까지 다양한 객실을 마련했습니다.
나뭇결을 기본으로 한 따뜻한 디자인으로 여행의 피로를 느긋하게 풀 수 있습니다.
또한 Wi-Fi와 책상이 갖춰진 워크스페이스도 이용 가능합니다. 재택근무자와 워케이션 이용에도 적합하여 “여행하면서 일하는” 스타일을 편안하게 지원합니다.
헤어 아이론, 의류용 다리미, 충전기 대여 등 서비스도 잘 갖추어져 있어 장기 체류에도 안심하고 이용하실 수 있습니다.
2. 여행자들이 이어지는 개방적인 라운지 공간
&AND HOSTEL AKIHABARA의 매력 중 하나는 투숙객들이 자연스럽게 교류할 수 있는 라운지 공간입니다.
식사를 하며 여행의 추억을 공유하고, 각국의 문화에 대해 이야기를 나누는 등 국경을 넘는 커뮤니케이션이 이루어지는 공간입니다.
스태프 주최의 교류 이벤트도 정기적으로 개최되어, 혼자 여행하는 분도 부담 없이 새로운 만남을 즐길 수 있습니다. 호스텔 특유의 캐주얼하고 따뜻한 분위기가 매력입니다.
3. 아키하바라역에서 도보 5분의 편리한 위치
JR 야마노테선 ‘아키하바라역’ 쇼와도리 출구에서 도보 약 5분으로 접근성이 뛰어난 점도 큰 장점입니다.
도쿄역까지도 전철로 약 5분으로, 도내 관광의 거점으로 매우 편리한 입지입니다.
아키하바라 지역 특유의 애니메이션·게임·가전 문화를 만끽할 수 있을 뿐 아니라, 아사쿠사와 우에노 방면으로의 접근도 좋습니다. 국내 여행은 물론, 방일 외국인 여행자에게도 인기 있는 로케이션입니다.
기타 추천 정보
&AND HOSTEL AKIHABARA에서는 숙박뿐만 아니라 “사람과의 연결”과 “문화 체험”을 즐길 수 있는 점도 매력입니다.
공용 라운지 완비
투숙객이 자유롭게 이용할 수 있는 라운지 공간을 마련했습니다. 식사와 담소를 즐기며 편안한 시간을 보낼 수 있습니다.
워크스페이스 이용 가능
Wi‑Fi, 데스크, 의자가 갖춰진 코워킹 스페이스를 갖추고 있습니다. 관광과 일을 병행하고 싶은 분께도 추천합니다.
각종 대여·어메니티 서비스
바스타월, 파자마, 칫솔 등의 대여·판매 서비스를 제공합니다. 헤어 아이론이나 충전기 등 무료 대여 아이템도 풍부합니다.
다국적 교류 체험
국내외에서 많은 여행자가 모여 국제 교류를 즐길 수 있는 점도 특징입니다. 여행 중 새로운 만남을 원하는 분께도 안성맞춤입니다.
문화 체험·이벤트도 개최
워크숍과 교류 이벤트 등 일본 문화를 접할 수 있는 기획도 진행되고 있습니다.
참고문헌
- &AND HOSTEL AKIHABARA 공식 사이트: https://andhostel.jp/akihabara/
기본 정보
| 이름 |
&AND HOSTEL AKIHABARA (アンド・ホステル・アキハバラ) |
|---|---|
| 주소 | 도쿄도 치요다구 간다사쿠마초 3-9-1 찾아오시는 길 |
| 전화 | 03-3863-2200 |
| 체크인·체크아웃 | 프런트 운영시간 8:00 ~ 23:00 체크인 16:00 ~23:00 체크아웃 ~11:00 |
| 결제 방법 | 캐시리스 결제를 지원합니다. 지원 결제 수단:신용카드 / PayPay 결제 / 교통 IC 결제 |
| 정기휴무일 | 없음 |
| 주차장 |
주차장: 없음
|
| 취소 규정 | 당일: 숙박 요금의 100% 2일 전부터: 숙박 요금의 100% 시즌에 따라 달라질 수 있으니 예약 시 확인해 주시기 바랍니다. 환불 불가 요금제는 환불이 불가하오니 유의해 주세요. |
| 예약 방법 | |
| 공식 SNS | |
| 공식 URL | https://andhostel.jp/akihabara/ |
시설 정보
- 결제
-
현금 결제 불가 -
신용카드 사용 가능 -
모바일 결제 가능
- 예약
-
예약 우선
- 담배
-
금연 -
야외 흡연 가능
- 설비
-
무료 Wi-Fi -
화장실
- 기타
-
역세권 -
커플에게 추천 -
어메니티가 풍부함 -
헤어드라이어
주변 이벤트
-
-
-
1.63 km
경로 확인다이토구 기타2026.10.17(土)–10.18(日)도쿄예술대학 후원 아트 마켓 「제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주년을 기념한 전시 「대영박물관 일본 미술 컬렉션 — 백화요란~바다를 건넌 에도 회화」가 개최되고 있습니다. 세계를 대표하는 미술관 중 하나인 대영박물관이 소장한 약 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; } }
-
-
-
-
2.05 km
경로 확인다이토구 강연 및 문화2026.10.14(水)–12.06(日)개창 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; } }
-