/* 101 Design System 0.5.0: dark city homepage. Deliberately separate namespace from old .sgh styles. */
body.oneohone-home-active, body.oneohone-home-active.sgh-home-active {background:#130f16!important;color:#f5e8ee!important;}
body.oneohone-home-active #main,body.oneohone-home-active #content,body.oneohone-home-active #container,
body.oneohone-home-active #main > .inner-wrap,body.oneohone-home-active .main,body.oneohone-home-active #wrapper,
body.oneohone-home-active #primary,body.oneohone-home-active #content-masonry{background:#130f16!important;box-shadow:none!important;}
body.oneohone-home-active #main{padding:0!important;min-height:0!important;}
body.oneohone-home-active .ohd-home {--ohd-bg:#130f16;--ohd-panel:#231722;--ohd-panel2:#2a1926;--ohd-muted:#c9a7b6;--ohd-text:#fff3f7;--ohd-line:#66364e;--ohd-pink:#f08db1;--ohd-gold:#e8be8c;display:block;float:none;clear:both;width:100%;max-width:none!important;padding:20px 16px 45px;background:#130f16!important;color:var(--ohd-text);font-family:'Noto Sans TC','PingFang TC','Microsoft JhengHei',Arial,sans-serif;line-height:1.65;}
body.oneohone-home-active .ohd-home *,body.oneohone-home-active .ohd-home *::before,body.oneohone-home-active .ohd-home *::after{box-sizing:border-box;}
body.oneohone-home-active .ohd-home a{color:inherit;text-decoration:none!important;}
body.oneohone-home-active .ohd-home h1,body.oneohone-home-active .ohd-home h2,body.oneohone-home-active .ohd-home h3{font-family:inherit;line-height:1.4;border:none;padding:0;text-transform:none;letter-spacing:0;background:none;color:var(--ohd-text);text-shadow:none;}
.ohd-container{max-width:1120px;margin:0 auto;}
.ohd-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;padding:10px 4px 15px;border-bottom:1px solid #402539;}
.ohd-brand{font-size:27px;font-weight:900;color:var(--ohd-gold)!important;letter-spacing:.02em;white-space:nowrap;}
.ohd-brand span{font-size:13px;font-weight:700;color:#f5d2e0;letter-spacing:.08em;vertical-align:middle;}
.ohd-nav-actions{display:flex;gap:19px;align-items:center;}
.ohd-nav-actions a{color:#ebcbda!important;font-size:13px;font-weight:650;}
.ohd-nav-actions a:hover{color:#fff!important;}
.ohd-banner{margin:0 0 17px;border:1px solid #8d4868;border-radius:17px;overflow:hidden;box-shadow:0 15px 38px rgba(0,0,0,.26);background:#291724;}
.ohd-banner img{display:block;width:100%;height:auto;max-width:100%;object-fit:cover;}
.ohd-split-hero{display:grid;grid-template-columns:1fr .95fr;position:relative;overflow:hidden;border:1px solid #844460;border-radius:17px;min-height:305px;background:linear-gradient(120deg,#2c1527 2%,#4b2139 70%,#5b2948);box-shadow:0 15px 40px rgba(0,0,0,.3);}
.ohd-split-copy{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:0;padding:30px 18px 30px 34px;min-width:0;}
.ohd-eyebrow{display:block;font-size:10px;font-weight:850;letter-spacing:.16em;color:var(--ohd-gold);margin-bottom:8px;line-height:1.7;}
body.oneohone-home-active .ohd-split-hero h1{font-size:clamp(25px,3vw,38px);font-weight:900;margin:2px 0 12px;}
.ohd-split-hero p{font-size:13px;line-height:1.85;color:#ecd3df;margin:0;}
.ohd-split-photo{position:relative;min-width:0;height:100%;}
.ohd-split-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#3b1b30,rgba(59,27,48,.25) 38%,transparent 78%);pointer-events:none;}
.ohd-split-photo img{display:block;width:100%;height:100%;min-height:305px;object-fit:cover;object-position:center 27%;}
.ohd-hero-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px;}
.ohd-hero-links a{padding:9px 14px;border-radius:99px;border:1px solid #b96b90;background:#ad557e;color:white!important;font-weight:750;font-size:12px;}
.ohd-hero-links a+a{background:transparent;color:#ffdce9!important;}
.ohd-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(120deg,#2d1b2b,#231822);border:1px solid #63374c;border-radius:15px;padding:24px 26px;margin:0 0 28px;box-shadow:0 9px 27px rgba(0,0,0,.14);}
.ohd-intro > div:first-child{min-width:0;}
body.oneohone-home-active .ohd-intro :is(h1,h2){font-size:clamp(22px,2.5vw,29px);font-weight:900;margin:0 0 7px;color:#fff4f7;}
.ohd-intro p{font-size:13px;color:#d6b5c4;line-height:1.8;margin:0;max-width:760px;}
.ohd-age{display:flex;align-items:center;gap:11px;flex:0 0 185px;min-height:61px;border:1px solid #694257;border-radius:12px;background:#392537;padding:10px;}
.ohd-age strong{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;border-radius:50%;background:#b35b83;color:#fff;font-size:12px;}
.ohd-age span{font-size:11px;color:#ecd0dd;}
.ohd-section{margin:0 0 31px;}
.ohd-section-head{display:flex;justify-content:space-between;margin-bottom:14px;}
body.oneohone-home-active .ohd-section h2{font-size:clamp(20px,2.5vw,25px);font-weight:850;margin:0 0 3px;}
.ohd-section-head p{margin:0;color:#c3a2b1;font-size:12px;}
.ohd-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;}
.ohd-topic{position:relative;min-width:0;overflow:hidden;isolation:isolate;display:flex;align-items:flex-end;min-height:178px;border:1px solid #7d4765;border-radius:13px;background:linear-gradient(135deg,#613251,#2c1c2d);box-shadow:0 7px 20px rgba(0,0,0,.16);transition:transform .2s ease,border-color .2s ease;}
.ohd-topic:hover{transform:translateY(-2px);border-color:#e18cb6;}
.ohd-topic>img{display:block;position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 32%;}
.ohd-topic::before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(20,12,20,.02) 14%,rgba(20,12,20,.47) 50%,rgba(20,12,20,.94) 100%);}
.ohd-topic-overlay{display:flex;flex-direction:column;gap:2px;padding:14px 50px 16px 16px;min-width:0;}
.ohd-topic-overlay strong{font-weight:850;font-size:18px;color:#fff;line-height:1.3;}
.ohd-topic-overlay small{font-size:11px;color:#f2d0df;}
.ohd-topic-arrow{position:absolute;bottom:14px;right:15px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff1f6;color:#793a55;font-weight:900;}
.ohd-post-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;}
.ohd-article{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #56334a;border-radius:13px;background:#231923;box-shadow:0 7px 24px rgba(0,0,0,.14);transition:transform .2s ease;}
.ohd-article:hover{transform:translateY(-2px);}
.ohd-cover{position:relative;display:block;width:100%;aspect-ratio:1.35;background:linear-gradient(135deg,#663355,#2d1c35);overflow:hidden;}
.ohd-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 28%;}
.ohd-cover-fallback{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#edd0dd;gap:3px;}
.ohd-cover-fallback b{font-size:40px;color:#d59bb4;}
.ohd-cover-fallback small{letter-spacing:.13em;font-size:9px;}
.ohd-chip{position:absolute;top:9px;left:9px;display:inline-block;font-size:10px;background:rgba(45,20,38,.88);border:1px solid #a85e83;color:#fff2f9;padding:4px 9px;border-radius:99px;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ohd-article-copy{display:flex;flex-direction:column;gap:9px;flex:1;padding:13px 13px 15px;}
.ohd-article-copy time{font-size:10px;color:#c699ad;}
body.oneohone-home-active .ohd-article h3{font-size:14px;font-weight:800;line-height:1.55;margin:0 0 5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.ohd-article h3 a{color:#fff4f8!important;}
.ohd-article .ohd-read{font-size:11px;color:#eda6c5!important;font-weight:750;margin-top:auto;}
.ohd-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:23px 0;}
.ohd-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:35px;min-height:35px;padding:5px 10px;background:#2b1a2a;border:1px solid #694159;color:#ecd1de!important;border-radius:9px;}
.ohd-pagination .page-numbers.current,.ohd-pagination .page-numbers:hover{background:#aa577e;color:#fff!important;}
.ohd-contact{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:24px 26px;border-radius:15px;border:1px solid #87516e;background:linear-gradient(125deg,#352137,#241723);}
body.oneohone-home-active .ohd-contact h2{font-size:21px;font-weight:850;color:#fff3f8;margin:0 0 5px;}
.ohd-contact p{margin:0;color:#d0aebf;font-size:12px;}
.ohd-contact-actions{display:flex;gap:9px;flex-wrap:wrap;}
.ohd-contact-actions a{display:inline-flex;align-items:center;justify-content:center;padding:9px 15px;background:#b05a83;border:1px solid #ce82a5;border-radius:9px;color:white!important;font-weight:750;font-size:12px;}
.ohd-contact-actions a+a{background:transparent;color:#f7cde0!important;}
.ohd-foot{font-size:11px;color:#8e7584;text-align:center;margin:20px auto 0;}
.ohd-empty{border:1px solid #694158;background:#2b1c2d;color:#dec0ce;border-radius:13px;padding:20px;font-size:13px;}
body.oneohone-home-hide-theme-header #masthead,body.oneohone-home-hide-theme-header #site-header-main,
body.oneohone-home-hide-theme-header #header-image-main,body.oneohone-home-hide-theme-header #header-image,
body.oneohone-home-hide-theme-header #header-page-title{display:none!important;}
/* Legacy Taipei theme/plugin may add a white background with !important. */
body.oneohone-home-active.sgh-home-active #sgh-content{display:none!important;}
@media(max-width:850px){.ohd-post-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.ohd-topics{grid-template-columns:repeat(2,minmax(0,1fr));}.ohd-intro{padding:19px;}}
@media(max-width:620px){body.oneohone-home-active .ohd-home{padding:8px 9px 25px;}.ohd-nav{margin-bottom:10px;padding:8px 4px 12px;}.ohd-nav-actions{gap:10px;}.ohd-nav-actions a{font-size:11px;}.ohd-brand{font-size:23px;}.ohd-brand span{font-size:11px;}.ohd-split-hero{grid-template-columns:1fr;min-height:260px;}.ohd-split-copy{z-index:2;max-width:82%;min-height:260px;padding:19px;}.ohd-split-hero p{font-size:11px;}.ohd-split-photo{position:absolute;inset:0 0 0 auto;width:78%;height:100%;z-index:0;}.ohd-split-photo img{min-height:260px;}.ohd-split-photo::after{background:linear-gradient(90deg,#311a2e 0%,rgba(49,26,46,.8) 30%,rgba(49,26,46,.1) 100%);}.ohd-intro{margin-top:10px;align-items:flex-start;gap:12px;flex-direction:column;padding:17px;}.ohd-age{flex:initial;min-height:47px;width:100%;}.ohd-topic{min-height:139px;}.ohd-topic-overlay{padding:10px 38px 12px 11px;}.ohd-topic-overlay strong{font-size:14px;}.ohd-topic-arrow{width:25px;height:25px;right:9px;bottom:9px;}.ohd-post-grid{gap:9px;}.ohd-article-copy{padding:9px 10px 12px;}.ohd-article h3{font-size:12px!important;}.ohd-cover{aspect-ratio:1.12;}.ohd-contact{padding:17px;flex-direction:column;align-items:flex-start;}}
@media(max-width:380px){.ohd-brand span{display:none;}.ohd-nav-actions{gap:7px;}.ohd-nav-actions a{font-size:10px;}}
@media(prefers-reduced-motion:reduce){.ohd-topic,.ohd-article{transition:none!important;}}

.ohd-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.ohd-search{display:flex;gap:5px;align-items:center;margin:0;}
.ohd-search input{width:120px;max-width:22vw;background:#241727!important;border:1px solid #6d4057!important;border-radius:7px!important;padding:6px 7px!important;color:#fbedf5!important;font-size:11px!important;min-height:31px!important;margin:0!important;}
.ohd-search input::placeholder{color:#bda0af;}
.ohd-search button{background:#ac577e!important;color:white!important;border:1px solid #ac577e!important;border-radius:7px!important;min-height:31px!important;padding:5px 9px!important;font-size:11px!important;margin:0!important;cursor:pointer;}
@media(max-width:520px){.ohd-search input{width:72px;max-width:20vw;}.ohd-search button{font-size:10px!important;padding:5px 6px!important;}}
