.ooi-main-wrapper{padding-top:3rem!important;padding-bottom:2rem!important}.ooi-container{max-width:1200px;margin:115px auto 0;padding:0 20px}.breadcrumb{font-size:14px;color:#666;margin-bottom:20px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.breadcrumb a{color:#0066cc;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb span:not(:last-child){color:#999}.breadcrumb span:last-child{color:#333;font-weight:500}.ooi-intro{background:linear-gradient(135deg,#003D6B,#1976D2);border-radius:16px;padding:48px;color:white;margin-bottom:40px;text-align:center}.ooi-intro h1{font-size:36px;font-weight:700;margin-bottom:16px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.ooi-intro p{font-size:18px;opacity:.95;max-width:900px;margin:0 auto;line-height:1.6}.ooi__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;list-style:none;padding:0;margin:0}.ooi__item{background:white;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease;display:flex;flex-direction:column}.ooi__item:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.ooi__item img{width:100%;height:220px;-o-object-fit:cover;object-fit:cover;display:block}.ooi__item h3{font-size:20px;font-weight:700;color:#003D6B;padding:20px 20px 12px;margin:0;line-height:1.3;min-height:70px;display:flex;align-items:center}.ooi__item-links{display:flex;gap:8px;padding:0 20px 20px;margin-top:auto}.ooi__item-links a{flex:1;padding:10px 16px;text-align:center;background:#f3f4f6;color:#374151;text-decoration:none;border-radius:8px;font-size:14px;font-weight:600;transition:all .3s}.ooi__item-links a:hover{background:linear-gradient(135deg,#003D6B,#1976D2);color:white;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,61,107,.3)}.no-image{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);display:flex;align-items:center;justify-content:center;font-size:48px;width:100%;height:220px}@media (max-width:768px){.ooi-intro{padding:32px 24px}.ooi-intro h1{font-size:28px}.ooi-intro p{font-size:16px}.ooi__list{grid-template-columns:1fr;gap:20px}.ooi__item h3{font-size:18px;min-height:auto;padding:16px 16px 8px}.ooi__item-links{padding:0 16px 16px;flex-direction:column}}@media (min-width:769px) and (max-width:1200px){.ooi__list{grid-template-columns:repeat(2,1fr)}}@media (min-width:1201px){.ooi__list{grid-template-columns:repeat(3,1fr)}}