Introducing Tokyo's sightseeing, gourmet, and event information｜Gurutto Tokyo

\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n \r\n \r\n The whole town becomes a stage! Setagaya Art Town 2026 “三茶de大道芸”\r\n \r\n\r\n \r\n Setagaya Art Town 2026 “三茶de大道芸” will be held on Saturday, October 17 and Sunday, October 18, turning Tokyo’s Sangenjaya into its stage. Celebrating its 30th edition this year, it’s an autumn staple: a festival of street performances.\r\n Around Sangenjaya Station and the nearby shopping streets, a diverse array of performers from Japan and abroad will gather. As you stroll through town, enjoy a variety of performances and the lively atmosphere unique to the shopping streets.\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n Event Highlights\r\n \r\n \r\n\r\n \r\n \r\n \r\n Enjoy street performances all around town\r\n\r\n \r\n \r\n The town of Sangenjaya itself becomes a stage, with a wide range of performances such as pantomime, juggling, and acrobatics. One of the charms is enjoying a different side of the town as you make your way between venues.\r\n \r\n \r\n \r\n \r\n\r\n \r\n Stroll the shopping streets and encounter art, too\r\n\r\n \r\n \r\n The shopping streets around the venues will also feature festival stalls and more. In addition, the “アート楽市,” featuring handmade art, will be held. Alongside the street performances, you can fully enjoy walking the town and discovering art.\r\n \r\n \r\n \r\n \r\n\r\n \r\n A commemorative 30th year\r\n\r\n \r\n \r\n Launched in 1997, “三茶de大道芸” is an event nurtured through the collaboration of local shopping streets and the Setagaya Culture and Lifestyle Information Center. Marking its 30th edition this year, it will once again bring energy and smiles to the streets of Sangenjaya.\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n Recommended for\r\n \r\n \r\n\r\n \r\n Recommended for those interested in street performance and performance art, and for anyone who wants to enjoy Tokyo’s local vibe.\r\n As you stroll through Sangenjaya’s shopping streets, why not experience performances and art by artists from Japan and abroad?\r\n ※Please check the official website for details on the program and venue. ※“Art Rakuichi” will be canceled in case of rain. Related Project｜Contemporary Circus “Vessel – Journey Through Space” The week after “Sancha de Daidogei,” the related contemporary circus performance “Vessel – Journey Through Space” will also be presented. This is the Japan premiere by the contemporary circus company The Vessel Productions, based in Sweden. Three circus artists depict a story of traveling through a mysterious cosmos through performances such as Cyr wheel, tightrope walking, and juggling. Enjoy the unique appeal of contemporary circus on stage—distinct from street performances. Performance dates: October 23 (Fri)–25 (Sun), 2026 Venue: せたがやイーグレットホール（世田谷区民会館） Tickets: General 4,000 yen; high school students and under 2,000 yen, etc. Official website: https://setagaya-pt.jp/stage/32257/ :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; } }

An art market supported by Tokyo University of the Arts "The 53rd KOMOGOMO Exhibition" The 53rd KOMOGOMO Exhibition will be held on Saturday, October 17, and Sunday, October 18, 2026, at Fountain Square (Takenodai Plaza) in Ueno Onshi Park, Tokyo. The KOMOGOMO Exhibition is an art event supported by Tokyo University of the Arts. Set in the park, it is held as an art market where you can encounter works by a variety of artists. Exhibition Highlights Discover distinctive works by individual artists At the venue, you'll find accessories, lifestyle goods, crafts, illustrations, and more—works that showcase each artist's unique personality. Enjoy encountering pieces that convey the charm of handmade work, and see if you can find a favorite item. Enjoy it along with a stroll through Ueno Park Ueno Onshi Park, the event venue, is a popular spot for sightseeing and walks in Tokyo. While visiting the park, drop by the art market to enjoy artists' works up close. In autumnal Ueno, why not experience the allure of art and craftsmanship? Recommended for This event is recommended for those who love art and handmade works, and for anyone looking for unique accessories and lifestyle goods. Pair it with sightseeing in Ueno or a walk in the park, and find your favorite piece at the 53rd KOMOGOMO Exhibition. The market will proceed in case of rain; however, it may be canceled in the event of severe weather such as typhoons. Please check the official website and social media for the latest updates. :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; } }

Special Exhibition Edo paintings that captivated the world come together! 「A Riot of Flowers—Edo Paintings that Crossed the Seas」 At the Tokyo Metropolitan Art Museum, the commemorative exhibition 「The British Museum Japanese Art Collection—A Riot of Flowers: Edo Paintings that Crossed the Seas」 is being held to mark the museum’s 100th anniversary. This exhibition showcases carefully selected masterpieces—including Edo-period paintings and ukiyo-e prints—from the British Museum’s approximately 40,000-piece Japanese collection, held by one of the world’s leading museums. Works by leading Edo-period ukiyo-e artists such as Katsushika Hokusai, Kitagawa Utamaro, Utagawa Hiroshige, and Tōshūsai Sharaku will be on view, along with rare pieces returning to Japan from the United Kingdom for the first time. Highlights of the Exhibition POINT 01 Masterpieces of Japanese art from the British Museum Carefully selected folding screens, hanging scrolls, handscrolls, and ukiyo-e prints from the Edo period are on view from the British Museum’s Japanese collection. Highlights include Kitagawa Utamaro’s hand-painted work 《文読む遊女》, Maruyama Ōkyo’s 《虎の子渡し図屛風》, and Katsushika Hokusai’s 《『万物絵本大全』版下絵》, which you can enjoy up close. POINT 02 Hokusai works making their first homecoming from the UK Katsushika Hokusai’s 《『万物絵本大全』版下絵》 is returning to Japan from the United Kingdom for the first time. This exhibition presents 8 of the 103 printing-design drawings that had long been missing. POINT 03 Fusuma paintings reunited after about 150 years Also noteworthy are the fusuma-e created by 狩野宗眼重信 from the late Momoyama to the early Edo period. Works that had been divided between the British Museum and the Miyakoshi family, an old household in Nakasato, Aomori Prefecture, were identified through recent research as parts of a single series. They will be reunited for the first time in roughly 150 years. Recommended for Recommended for those interested in Japanese art and ukiyo-e, those who wish to view works by artists such as Katsushika Hokusai and Kitagawa Utamaro in person, and those looking for an exhibition in Tokyo where they can experience history and culture. As it is held at the Tokyo Metropolitan Art Museum in Ueno Park, we also recommend enjoying it together with nearby museums and sightseeing spots. Maruyama Ōkyo《Tigress and Cubs Crossing the River》 1781–1782　The British Museum　© The Trustees of the British Museum Kitagawa Utamaro《Courtesan Reading a Letter》 c. 1804–1806　The British Museum © The Trustees of the British Museum ※Exhibited works and contents are subject to change. ※For the latest information, please check the official exhibition website. :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; } }

Japan debut! Immersive VR experience "Titanic: Echoes Across Time" The immersive VR experience "Titanic: Echoes Across Time" will be held at the permanent VR theater "Storydive Theater WAHHHP" in Shinjuku, Tokyo, starting Friday, October 23, 2026. This work is a VR experience that lets you journey from exploring the wreck lying in the deep sea to the ship’s interior in 1912. After exploring the remains of the Titanic resting about 3,800 meters deep in the Atlantic Ocean, you will travel back in time and tour the ship’s interior during its 1912 maiden voyage as one of the passengers of the time. Highlights of the experience Explore the Titanic resting in the deep sea The experience begins with you boarding a research submersible as a member of a shipwreck investigation team to explore the wreck of the Titanic lying in the deep. Guided by a historian, you will trace the ship’s remnants and items preserved for over a century, uncovering the stories hidden within the Titanic. Walk through the ship as it was in 1912 After the deep-sea exploration, you’ll step aboard the Titanic before she sank. First- and third-class cabins, the engine room, the Grand Staircase, the boat deck—wander through the faithfully recreated interiors on foot. Meticulous reconstruction based on historical sources The production involved two years of research. By cross-checking archival materials from France’s maritime museum "La Cité de la Mer" and the U.S. National Oceanic and Atmospheric Administration (NOAA), the ship, its passengers, and events have been carefully rebuilt. In addition to walking through the interiors, the experience is interactive, allowing you to participate by operating elements yourself—such as retrieving a waterproof case from the seafloor. Recommended for Recommended for those interested in the history of the Titanic and VR experiences, and for anyone who wants to enjoy a different kind of activity while sightseeing in Tokyo. Available in Japanese, English, Chinese, French, and Spanish, this VR experience can be enjoyed by visitors from both Japan and abroad. © Storydive Theater WAHHHP ※Images are for illustrative purposes only. © Storydive Theater WAHHHP ※Images are for illustrative purposes only. ※The event is scheduled to run until Sunday, February 28, 2027. ※For children under 120 cm in height, a guardian should decide whether participation is appropriate. ※All ticket prices include tax. :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; } }