/* Figma53/55/57/59 and126/127. Original directories, progress hooks and URLs remain authoritative. */
.owj-ui .owj-media-directory,.owj-ui .owj-content-directory{box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;background:transparent;color:var(--bch5-ink,#203d32)}
.owj-ui .owj-media-directory>section,.owj-ui .bch5-main>main.owj-content-directory>section.container{display:flex;flex-direction:column;gap:24px;box-sizing:border-box;width:100%;max-width:none;min-width:0;min-height:574px;margin:0;padding:24px 20px 40px!important}
.owj-ui .owj-media-directory .bionovo-drama-hub__head{display:flex;flex-direction:column;align-items:stretch;gap:24px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.owj-ui .owj-media-directory .bionovo-drama-hub__head>a{order:-1;display:flex;align-items:center;align-self:flex-start;min-height:44px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--bch5-green,#205642);font-size:14px;line-height:23px;font-weight:500;text-decoration:none}
.owj-ui .owj-media-directory .bionovo-drama-hub__head>div>p,.owj-ui .owj-media-directory .bionovo-drama-hub__head>div>span,.owj-ui .owj-media-directory>section>.bionovo-drama-slogan{display:none}
.owj-ui .owj-media-directory h1,.owj-ui .owj-content-directory h1{margin:0;padding:0;border:0;background:transparent;font-size:26px!important;line-height:38px!important;font-weight:700!important;color:var(--bch5-ink,#203d32)!important;text-shadow:none!important;letter-spacing:0;text-align:left}
.owj-ui .owj-media-directory .bionovo-drama-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin:0;padding:0}
.owj-ui .owj-media-directory .bionovo-drama-tile{display:flex;flex-direction:column;min-width:0;margin:0;padding:0;border:0;border-radius:12px;background:#fff;overflow:hidden;box-shadow:none}
.owj-ui .owj-media-directory .bionovo-drama-tile__cover{display:block;position:relative;flex:none;width:100%;height:192px;min-height:192px;margin:0;padding:0;border:0;border-radius:12px 12px 0 0;background-color:#fff;background-size:contain;background-position:center;background-repeat:no-repeat;overflow:hidden}
.owj-ui .owj-media-directory .bionovo-drama-tile__shade,.owj-ui .owj-media-directory .bionovo-drama-tile__cover>i{display:none}
.owj-ui .owj-media-directory .bionovo-drama-tile__body{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 6px;min-width:0;padding:16px;border:0;background:#fff}
.owj-ui .owj-media-directory .bionovo-drama-tile__body>small{grid-row:1;margin:0;color:var(--bch5-muted,#66756b);font-size:12px;line-height:20px;font-weight:400;overflow-wrap:anywhere}
.owj-ui .owj-media-directory .bionovo-drama-tile__body>small:first-child{grid-column:1}
.owj-ui .owj-media-directory .bionovo-drama-tile__body>small:not(:first-child){grid-column:2}
.owj-ui .owj-media-directory .bionovo-drama-tile__body>small:not(:first-child)::before{content:"· ";color:var(--bch5-muted,#66756b)}
.owj-ui .owj-media-directory .bionovo-drama-tile__body>h2{grid-column:1/-1;grid-row:2;margin:0;padding:0;font-size:20px!important;line-height:30px!important;font-weight:700!important;color:var(--bch5-ink,#203d32)!important;text-shadow:none!important;overflow-wrap:anywhere}
.owj-ui .owj-media-directory .bionovo-drama-tile__body>p{grid-column:1/-1;grid-row:3;min-height:0;margin:0;padding:0;color:var(--bch5-muted,#66756b);font-size:16px;line-height:29px;overflow-wrap:anywhere}
.owj-ui .owj-media-directory .bionovo-drama-tile__meta{grid-column:1/-1;grid-row:4;display:flex;justify-content:flex-start;align-items:baseline;flex-wrap:wrap;gap:4px 8px;margin:0;color:var(--bch5-muted,#66756b);font-size:17px;line-height:27px;font-weight:500}
.owj-ui .owj-media-directory .bionovo-drama-tile__meta>strong{font-weight:500;color:inherit}
.owj-ui .owj-media-directory .bionovo-drama-tile__meta>span::before{content:"· ";color:inherit}
.owj-ui .owj-media-directory .bionovo-drama-progress{grid-column:1/-1;grid-row:5;width:100%;height:4px;margin:0;border:0;border-radius:2px;background:#eaf0e4}
.owj-ui .owj-media-directory .bionovo-drama-progress>span{background:var(--bch5-green,#205642)}
.owj-ui .owj-media-directory .bionovo-drama-action{grid-column:1/-1;grid-row:6;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:48px;margin:0;padding:12px 16px;border:1px solid var(--bch5-green,#205642);border-radius:8px;background:#fff;color:var(--bch5-green,#205642)!important;font-size:14px;line-height:22px;font-weight:500;text-decoration:none;text-align:center;box-shadow:none}
.owj-ui .owj-media-directory .bionovo-drama-resume{margin:0;padding:20px;border:1px solid var(--bch5-line,#e1e7dd);border-radius:12px;background:#eaf0e4;color:var(--bch5-ink,#203d32);box-shadow:none}
.owj-ui .owj-media-directory .bionovo-drama-resume:not([hidden]){display:flex;flex-direction:column;gap:16px;align-items:stretch}
.owj-ui .owj-media-directory .bionovo-drama-resume small,.owj-ui .owj-media-directory .bionovo-drama-resume p{color:var(--bch5-muted,#66756b);font-size:14px;line-height:23px}
.owj-ui .owj-media-directory .bionovo-drama-resume h2{font-size:20px!important;line-height:30px!important;color:var(--bch5-ink,#203d32)!important}
.owj-ui .owj-media-directory .bionovo-drama-resume a{display:flex;justify-content:center;align-items:center;min-height:48px;padding:12px 16px;border:1px solid var(--bch5-green,#205642);border-radius:8px;background:var(--bch5-green,#205642);color:#fff;font-size:14px;line-height:22px;text-decoration:none;white-space:normal}
.owj-ui .owj-media-directory [hidden]{display:none!important}
.owj-ui .owj-media-directory>section>.text-center{margin:0;padding:48px 0!important;font-size:16px;line-height:29px;color:var(--bch5-muted,#66756b)!important}
.owj-ui .owj-content-directory>section>.text-center{margin:0!important;text-align:left!important}
.owj-ui .owj-content-directory>section>.text-center>p{display:none}
.owj-ui .owj-content-directory nav{justify-content:flex-start!important;gap:8px!important;margin:0!important;padding:0}
.owj-ui .owj-content-directory nav>a{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;margin:0;padding:10px 16px;border:1px solid var(--bch5-line,#e1e7dd);border-radius:8px;background:#fff;color:var(--bch5-muted,#66756b)!important;font-size:14px;line-height:23px;font-weight:500;text-decoration:none;white-space:normal;box-shadow:none}
.owj-ui .owj-content-directory nav[data-owj-category="all"]>a[href="/content-center"],.owj-ui .owj-content-directory nav[data-owj-category="health_article"]>a[href$="category=health_article"],.owj-ui .owj-content-directory nav[data-owj-category="operation_notice"]>a[href$="category=operation_notice"],.owj-ui .owj-content-directory nav[data-owj-category="marketing"]>a[href$="category=marketing"]{background:var(--bch5-green,#205642);border-color:var(--bch5-green,#205642);color:#fff!important}
.owj-ui .owj-content-directory>section>.row{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;--bs-gutter-x:0;--bs-gutter-y:0;margin:0}
.owj-ui .owj-content-directory>section>.row>article{min-width:0;width:100%;margin:0;padding:0}
.owj-ui .owj-content-directory .card{border:0!important;border-radius:12px;background:#fff;overflow:hidden;box-shadow:none!important}
.owj-ui .owj-content-directory .bionovo-content-card-image{display:block;width:100%;height:192px;margin:0;object-fit:cover;border-radius:12px 12px 0 0}
.owj-ui .owj-content-directory .card-body{gap:12px;min-width:0;margin:0;padding:16px}
.owj-ui .owj-content-directory .card-body>small{font-size:12px;line-height:20px;color:var(--bch5-green,#205642)!important}
.owj-ui .owj-content-directory .card-body>h2{margin:0!important;font-size:20px!important;line-height:30px!important;font-weight:700!important;color:var(--bch5-ink,#203d32)!important;text-shadow:none!important}
.owj-ui .owj-content-directory .card-body>p{margin:0;font-size:16px;line-height:29px;color:var(--bch5-muted,#66756b)!important}
.owj-ui .owj-content-directory .card-body>.d-flex{flex-wrap:wrap;gap:8px!important}
.owj-ui .owj-content-directory .card-body a{display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex:1;min-height:48px;margin:0;padding:12px 16px;border:1px solid var(--bch5-green,#205642);border-radius:8px;background:#fff;color:var(--bch5-green,#205642)!important;font-size:14px;line-height:22px;font-weight:500;text-decoration:none;box-shadow:none}
.owj-ui .owj-content-directory .badge{font-size:12px;line-height:20px;font-weight:500;color:var(--bch5-muted,#66756b)!important;background:#eaf0e4!important}
.owj-ui .owj-content-directory>section>.alert{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;margin:48px 0 0;padding:0;border:0;border-radius:0;background:transparent;color:var(--bch5-ink,#203d32);font-size:20px;line-height:33px;font-weight:700;box-shadow:none}
.owj-ui .owj-content-directory>section>.alert::before{content:"";display:block;width:56px;height:56px;background:url('/bionovo_consumer_h5/static/src/img/owj/media/content-empty.svg') center/contain no-repeat}
@media(min-width:768px){.owj-ui .owj-media-directory>section,.owj-ui .bch5-main>main.owj-content-directory>section.container{max-width:1120px;margin:0 auto;padding:32px!important}.owj-ui .owj-media-directory .bionovo-drama-grid,.owj-ui .owj-content-directory>section>.row{grid-template-columns:repeat(2,minmax(0,1fr))}}