/* Only Index.mtpl opts into these rules. Dynamic content remains unchanged. */
body.index-jp{--jp-ink:#47564c;--jp-line:#d8ddce;--jp-green:#647d61;
    background:
        linear-gradient(
            to top,
            rgba(255, 253, 247, 0) 0%,
            rgba(255, 253, 247, 0) 40%,
            rgba(255, 253, 247, 1) 100%
        ),
        url('/web/img/index/garden-background.png')
        center bottom / 100% auto no-repeat,
        #fffdf7;
}
body.index-jp main.userindex{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(0,1fr);gap:16px;max-width:1180px;width:calc(100% - 64px);margin:20px auto 36px;padding:0;align-items:start}
body.index-jp .userindex>.userindexbody,body.index-jp .userindex>.userindexright{float:none;width:100%;min-width:0;padding:0}
body.index-jp .userindex a{color:#176bc0;text-underline-offset:3px}
body.index-jp .userindex a:hover{color:#466a45;text-decoration:underline}
body.index-jp a:focus-visible{outline:2px solid #6b8260;outline-offset:3px}
body.index-jp .userindex .onezone,body.index-jp .userindex .right-cell,body.index-jp .userindex .profile{position:relative;margin:0 0 14px;padding:14px 18px 10px;background:rgba(255,254,248,.95)!important;border:1px solid #e5e3d5!important;border-radius:12px;box-shadow:0 3px 7px #5a553514;color:var(--jp-ink)}
body.index-jp .userindex .onezonetitle{position:relative;margin:0 0 8px;padding:0 0 7px 35px;background:transparent;color:#405b4c;border-bottom:1px solid #bfcebb;font-family:"Noto Serif TC","PMingLiU",serif;font-size:23px;font-weight:600;letter-spacing:.1em;line-height:1.5; width:190px;}
body.index-jp .userindex .onezonetitle:before{content:'♧';position:absolute;left:0;top:-2px;color:#668363;font-size:30px;font-weight:400}
body.index-jp .userindex .onezonetitle:after{content:'❧';margin-left:16px;color:#a5ad6f;font-weight:400}
body.index-jp .userindex .orangetag .onezonetitle{color:#8b6847;border-color:#d8c9b4}
body.index-jp .userindex .orangetag .onezonetitle:before{content:'♨';color:#9e794e}
body.index-jp .userindex .onezonebody{padding:0;}
body.index-jp .userindex .media,body.index-jp .userindex .media-even{display:flex;gap:16px;align-items:flex-start;margin:0;padding:9px 0;border-bottom:1px solid #ebeade;background:transparent;min-width:0}
body.index-jp .userindex .media-left,body.index-jp .userindex .media-right{display:block;order:0;flex:0 0 116px;padding:0;margin:0}
body.index-jp .userindex .media-body{display:block;order:1;flex:1;min-width:0;width:auto;font-size:14px;line-height:1.65;color:#62665f;overflow-wrap:anywhere}
body.index-jp .userindex .media-object{width:116px;height:65px;max-height:65px!important;object-fit:contain;background:#f6f4ea;padding:3px;border:1px solid #dddcca;border-radius:7px}
body.index-jp .userindex .media-heading{font-size:15px;line-height:1.55;margin:0 0 3px;font-weight:500}
body.index-jp .userindex .more-articles{text-align:right;margin:5px 0 0;font-size:14px;line-height:1.7}
body.index-jp .userindex .morebtn{color:#607e59;font-family:"PMingLiU",serif;font-weight:bold;letter-spacing:.08em}
body.index-jp .userindex .morebtn:after{content:' →';margin-left:8px}
body.index-jp .userindexbody>div:not(.onezone){max-width:100%;overflow-x:auto;border-radius:8px;margin-bottom:14px}
body.index-jp .userindex .profile{min-height:160px;padding-top:20px;overflow-wrap:anywhere}
body.index-jp .userindex .markertag{position:static;display:block;width:auto;background:transparent;color:#899475;font-size:11px;letter-spacing:.18em;margin-bottom:10px;transform:none}
body.index-jp .userindex .profile_left{float:left;margin:0 16px 10px 0;width:110px}
body.index-jp .userindex .profile_left img{width:110px;height:110px;object-fit:cover;padding:4px;border:1px solid #dedfce;border-radius:10px;background:#f8f6e9}
body.index-jp .userindex .profile_right{float:none;width:auto;min-height:110px;color:#879162;font-size:16px}
body.index-jp .userindex .profile_right h2{font-size:27px;margin:8px 0 10px;line-height:1.5;color:#2373bd}
body.index-jp .userindex .profile h3{font-size:14px;line-height:1.75;margin:8px 0;color:#577854}
body.index-jp .userindexright>div:not(.profile):not(.right-cell){margin:0 0 14px;padding:12px;border-radius:9px;color:#7d8076;overflow-x:auto}
body.index-jp .userindex .right-cell h3{position:relative;margin:0 0 10px;padding:0 0 8px;border-bottom:1px solid var(--jp-line);background:transparent!important;color:#527049;font-family:"PMingLiU",serif;font-size:21px;font-weight:600;letter-spacing:.08em;line-height:1.6}
body.index-jp .userindex .right-cell h3:before{content:'♧';margin-right:10px;color:#7e9166}
body.index-jp .userindex .right-cell h3:after{content:'❧';margin-left:12px;color:#a5ad6f}
body.index-jp .userindex .right-cell>div{font-size:14px;line-height:1.7;overflow-wrap:anywhere}
body.index-jp .userindex .mydiscovery>div[style*='float:left']{float:none!important;margin:0 0 8px!important;text-align:right;font-size:12px}
body.index-jp .userindex .mydiscoveryremark{font-size:12px;color:#7b8271;line-height:1.6}
body.index-jp .userindex .recentnotice h3{color:#526e63}
body.index-jp .userindex .friendlylink h3{color:#596c4d}
body.index-jp .userindex .right-cell:last-child h3{font-size:18px;color:#906c46}
body.index-jp .userindexright>img,body.index-jp .onezone>img{display:block;border-radius:8px;margin:10px 0 14px;max-width:100%;height:auto}
body.index-jp .userindex>.clearfix{grid-column:1/-1}
/* Shared header styling is scoped to this homepage only. */
body.index-jp .top-nav{background:transparent;border:0;box-shadow:none}
body.index-jp .top-nav>.container{width:calc(100% - 64px);max-width:1180px;background:transparent}
body.index-jp .top-nav .bannerdiv{border-radius:9px}
body.index-jp .top-nav .navbar-collapse{ border:2px solid #e3e4d8;border-radius:10px;margin-top:12px}
body.index-jp .top-nav .nav>li>a{color:#50645c;border-radius:6px;background:#eef0e9;margin:4px;font-size:14px}
body.index-jp .top-nav .nav>li>a:hover{background:#dfe6d5;color:#42583c}
body.index-jp #upheaderbar{background:rgba(255,254,249,.94);border-bottom-color:#e3e6d7}
body.index-jp .jp-search-button{background:#698563;border-color:#698563}
body.index-jp .jp-footer{background:rgba(249,247,237,.93);border-top:1px solid #dedfcf}
@media(min-width:1450px){body.index-jp{background-size:100% auto}}
@media(max-width:1000px){body.index-jp main.userindex{width:calc(100% - 32px);grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:12px}body.index-jp .top-nav>.container{width:calc(100% - 32px)}body.index-jp .userindex .media-left,body.index-jp .userindex .media-right{flex-basis:88px}body.index-jp .userindex .media-object{width:88px;height:60px}body.index-jp .userindex .onezone,body.index-jp .userindex .right-cell{padding:12px}}
@media(max-width:767px){body.index-jp{background-size:auto 1100px}body.index-jp main.userindex{grid-template-columns:minmax(0,1fr);width:calc(100% - 24px);margin-top:14px}body.index-jp .top-nav>.container{width:calc(100% - 24px)}body.index-jp .userindex .onezonetitle{font-size:21px}body.index-jp .userindex .media{gap:12px}body.index-jp .userindex .profile_left{width:100px}body.index-jp .userindex .profile_left img{width:100px;height:100px}}
@media print{body.index-jp{background:white}body.index-jp main.userindex{width:100%;display:block}body.index-jp .userindex .onezone,body.index-jp .userindex .right-cell{box-shadow:none;break-inside:avoid}}