*{box-sizing:border-box;margin:0;padding:0}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}html:focus-within{scroll-behavior:smooth}body{min-height:100dvh;text-rendering:optimizeSpeed;line-height:1.5}ul,ol{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{font-family:Arial,sans-serif;line-height:1.6;color:#333;margin:0;padding:0}.container{max-width:900px;margin:0 auto;padding:20px}header{text-align:center;margin-bottom:40px}.list-view{width:100%;border-collapse:collapse}.list-row{display:grid;grid-template-columns:.5fr 1fr 2fr 1fr .5fr 1fr;gap:10px;padding:10px;border-bottom:1px solid #ddd}.header-row{font-weight:700;background-color:#f5f5f5}.thumbnail img{width:50px;height:50px;object-fit:cover}.item-info a{color:#007bff;text-decoration:none}.item-info a:hover{text-decoration:underline}.back-nav{margin-bottom:20px}.back-button{color:#007bff;text-decoration:none;font-size:1.1em}.back-button:hover{text-decoration:underline}.detail-view{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;align-items:start}.detail-image{position:relative;width:100%;max-width:500px;margin:0 auto}.detail-image img{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 8px #0000001a}.detail-info{padding:20px}.text-box{background:#f8f9fa;padding:20px;border-radius:8px;margin-top:20px}.meta-row{display:flex;margin-bottom:10px}.meta-label{font-weight:700;width:100px}.meta-value{flex:1}@media (max-width: 768px){.detail-view{grid-template-columns:1fr;gap:20px}.detail-image{max-width:100%}}