/* Public media design: neutral text, green actions, consistent reading scale. */
.public-site{--ink:#313131;--green:#398847;--soft:#f4f8f3;--muted:#686868;--line:#e5e5e5;--cream:#f7f7f7;--accent:#62b85b;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP",Meiryo,sans-serif;font-size:14px;line-height:1.75;letter-spacing:0}
.public-site h1,.public-site h2,.public-site h3{letter-spacing:0;font-weight:700;color:#313131}.public-site .wrap{width:min(1080px,calc(100% - 48px))}.public-site .topline{background:#f7f7f7;border-bottom:1px solid #eee;color:#686868;font-size:11px;letter-spacing:0;padding:5px max(24px,calc((100% - 1080px)/2))}.public-site .site-header{width:min(1080px,calc(100% - 48px));height:80px;gap:28px}.public-site .brand{font-family:Arial,sans-serif;font-size:29px;color:#222;font-weight:800;letter-spacing:-1.2px}.public-site .brand-mark{background:#57ae60;border-radius:3px;width:32px;height:32px;font-size:26px;letter-spacing:-1px;padding:0}.public-site .brand-dot{color:#57ae60}.public-site .site-header nav{font-size:13px;gap:25px}.public-site .category-nav{background:white}.public-site .category-nav>div{width:min(1080px,calc(100% - 48px));gap:0;font-size:13px;font-weight:600;padding:0}.public-site .category-nav a{padding:13px 25px;border-bottom:3px solid transparent}.public-site .category-nav a:first-child{padding-left:0}.public-site .category-nav a:hover{color:#398847;border-bottom-color:#57ae60}.public-site .search-icon{font-size:26px;color:#666}
.media-intro{background:#f4f7f3;border-bottom:1px solid #e4eae3;text-align:center;padding:34px 0 29px}.intro-label{color:#397d44;font-size:13px;font-weight:700;margin-bottom:8px}.media-intro h1{font-size:32px;line-height:1.5;margin:0 0 10px}.intro-description{font-size:14px;color:#606660;margin-bottom:23px}.mobile-break{display:none}.hero-search{display:flex;align-items:center;max-width:640px;margin:auto;height:52px;background:white;border:1px solid #bfcbbd;border-radius:4px;overflow:hidden;box-shadow:0 2px 3px #00000003}.public-site .hero-search input{border:0;background:transparent;outline-offset:-4px;border-radius:0;flex:1;min-width:0;font-size:15px;height:100%;padding:0 13px}.hero-search button{background:#4ca357;color:#fff;border:0;align-self:stretch;padding:0 32px;font-weight:700;font-size:14px}.hero-search button:hover{background:#398847}.search-glass{display:block;width:15px;height:15px;border:2px solid #909b90;border-radius:50%;margin-left:20px;position:relative;flex-shrink:0}.search-glass:after{content:'';height:7px;width:2px;background:#909b90;position:absolute;bottom:-5px;right:-3px;transform:rotate(-45deg)}.search-suggestions{display:flex;justify-content:center;gap:17px;align-items:center;font-size:12px;margin-top:16px}.search-suggestions>span{color:#777}.search-suggestions a{color:#444;text-decoration:underline;text-underline-offset:3px}
.media-layout{display:grid;grid-template-columns:minmax(0,728px) 288px;gap:48px;padding-top:36px;padding-bottom:60px}.media-main{min-width:0}.public-site .section-heading{align-items:center;margin:0 0 20px;gap:12px}.section-kicker{color:#707070;font-size:12px;margin:0 0 4px}.public-site .section-heading h2{font-size:24px;line-height:1.5;margin:0}.public-site .text-link{font-size:13px;font-weight:600;color:#398847}.feature-row{display:grid;grid-template-columns:44% 1fr;gap:22px;border-bottom:1px solid #dedede;padding-bottom:27px}.feature-row .artwork{height:100%;min-height:206px;border-radius:3px}.feature-row-copy{padding:0}.category-tag{display:inline-block;font-size:11px;background:#f0f5ef;color:#387840;font-weight:600;padding:3px 8px;border-radius:2px}.feature-row h3{font-size:18px;line-height:1.7;margin:9px 0}.feature-row p{font-size:13px;color:#686868;line-height:1.8;margin:0 0 12px}.feature-row:hover h3,.article-card:hover h3{color:#398847;text-decoration:underline;text-underline-offset:3px}.public-site .latest{padding-top:31px;padding-bottom:0}.public-site .article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}.public-site .article-card{border:0;border-radius:0;box-shadow:none;transform:none;transition:none;display:flex;flex-direction:column;border-bottom:1px solid #e8e8e8;padding-bottom:18px}.public-site .article-card .artwork{height:176px;border-radius:3px}.public-site .card-body{padding:12px 0 0;display:flex;flex:1;flex-direction:column}.public-site .card-body .eyebrow{font-size:11px;letter-spacing:0;color:#398847;gap:8px}.public-site .card-body .eyebrow>span{border-left:1px solid #ddd;padding-left:8px;color:#777}.public-site .card-body h3{font-size:16px;line-height:1.75;margin:7px 0 8px}.public-site .card-body p{font-size:13px;line-height:1.8;color:#707070;margin:0 0 12px}.public-site .card-meta{border:0;font-size:11px;margin-top:auto;padding-top:6px;color:#777}.public-site .card-meta span{font-size:11px}.browse-all{display:block;border:1px solid #ddd;border-radius:3px;max-width:340px;margin:30px auto 0;padding:13px 20px;text-align:center;font-size:14px;font-weight:700;position:relative;background:#fff}.browse-all span{position:absolute;right:18px;color:#777}.browse-all:hover{background:#f7f7f7}.media-sidebar h2{font-size:20px;margin:0 0 17px;padding-bottom:13px;border-bottom:3px solid #59ae61}.directory-list a{display:flex;align-items:center;gap:11px;padding:17px 0;border-bottom:1px solid #e6e6e6}.directory-icon{display:grid;place-items:center;width:35px;height:35px;background:#f0f5ed;color:#488c4d;font-size:24px;flex-shrink:0;font-family:Arial,sans-serif}.directory-list strong{font-size:14px;display:block}.directory-list small{font-size:11px;display:block;color:#777;margin-top:4px}.directory-list b{margin-left:auto;color:#909090;font-size:20px}.sidebar-about{margin-top:30px;background:#f6f7f5;border:1px solid #e5e8e3;padding:22px}.mini-brand{font-family:Arial,sans-serif;color:#44884d;font-weight:800;font-size:16px}.sidebar-about h3{font-size:18px;line-height:1.7;margin:12px 0}.sidebar-about p{font-size:13px;color:#666;line-height:1.9}.sidebar-notice{margin-top:24px;font-size:12px;color:#777}.sidebar-notice strong{color:#555;font-size:13px}.sidebar-notice p{margin:9px 0}.sidebar-notice a{text-decoration:underline;font-size:12px}
.public-site .artwork{background:#eaf0e8}.public-site .artwork-comparison{background:#e7eef1}.public-site .artwork-column{background:#f3efdf}.public-site .art-orbit{border-color:#dce5d9;border-radius:0;transform:rotate(35deg);right:-120px;top:-40px}.public-site .art-orbit:after{border-color:#dce5d9;border-radius:0}.public-site .art-card{box-shadow:0 3px 9px #3333330b;border-radius:3px;width:116px;height:98px;padding:14px}.public-site .art-back{background:#7cab83;transform:rotate(-5deg);left:24%;top:38px}.public-site .art-front{transform:rotate(4deg);left:46%;top:54px;border:1px solid #e5e8e3}.public-site .artwork-comparison .art-back{background:#7897a7}.public-site .artwork-column .art-back{background:#b0a268}.public-site .art-label{font-size:11px;font-weight:700;letter-spacing:0;top:13px;left:15px;color:#526957}.public-site .art-caption{font-size:11px;left:15px;bottom:11px;color:#59665b}.public-site .art-card b{font-size:8px;margin-top:10px}.public-site .art-card i{height:3px;margin:6px 0}.public-site .art-check{font-size:12px;background:#e8f3e4;color:#488544;right:12px;top:11px;width:20px;height:20px}
.public-site .listing{padding-top:25px}.public-site .listing h1{font-size:28px;margin:8px 0}.public-site .listing .article-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.public-site .listing .artwork{height:190px}.public-site .filter-bar{padding:18px;background:#f7f7f7;border:1px solid #e7e7e7;border-radius:3px;margin:24px 0}.public-site .filter-bar input,.public-site .filter-bar select{border-radius:3px;font-size:14px}.public-site .button{border-radius:3px;font-size:14px}.public-site .button.dark{background:#4ca357}.public-site .result-count{font-size:13px}.public-site .breadcrumb{font-size:12px;margin-bottom:25px;color:#777}.public-site .breadcrumb a{text-decoration:underline}.public-site .reading{width:min(760px,calc(100% - 40px));margin:30px auto 60px}.public-site .reading h1{font-size:28px;line-height:1.6;margin:14px 0 20px}.public-site .reading>.eyebrow{font-size:12px;letter-spacing:0;color:#398847}.public-site .article-byline{font-size:12px;color:#777;padding-bottom:14px;border-bottom:1px solid #eee}.public-site .ad-notice{background:#f6f6f6;color:#686868;font-size:12px;line-height:1.7;margin:17px 0}.public-site .reading .artwork{border-radius:3px;height:320px;margin-top:20px}.public-site .reading .art-card{width:205px;height:152px;padding:22px}.public-site .reading .art-back{top:74px}.public-site .reading .art-front{top:98px}.public-site .reading .art-card b{font-size:13px;margin-top:19px}.public-site .reading .art-card i{height:5px;width:105px;margin:11px 0}.public-site .reading .art-label,.public-site .reading .art-caption{font-size:14px;left:24px}.public-site .article-lead{font-size:16px;font-weight:400;line-height:1.95;margin:26px 0}.public-site .article-prose{font-size:16px;line-height:1.95;color:#313131}.public-site .article-prose h2{font-size:24px;border-left:0;border-bottom:3px solid #59ae61;background:#f6f7f5;padding:15px 18px;margin:36px 0 21px;line-height:1.6}.public-site .article-prose h3{font-size:20px;border-bottom:1px solid #ddd;padding-bottom:10px}.public-site .article-prose p{margin-bottom:22px}.public-site .article-prose .bullet{margin-bottom:9px}.public-site .article-end{font-size:13px;line-height:1.8}.public-site .reading+.latest{padding-bottom:50px}.public-site .site-footer{background:#f6f6f6;color:#313131;border-top:1px solid #e0e0e0;padding:33px max(24px,calc((100% - 1080px)/2))}.public-site .site-footer .brand{font-size:25px}.public-site .site-footer p{color:#777;font-size:12px}.public-site .site-footer>div:last-child>a{font-size:12px;color:#555}.public-site .site-footer a:hover{color:#398847}.public-site .eyebrow{letter-spacing:0}.public-site .empty{font-size:14px}
@media(max-width:1000px){.media-layout{grid-template-columns:minmax(0,1fr) 250px;gap:28px}.feature-row{grid-template-columns:1fr}.feature-row .artwork{height:220px}.public-site .site-header nav{gap:16px;font-size:12px}.public-site .category-nav a{padding:12px 17px}.public-site .art-card{left:auto}.public-site .art-back{left:20%}.public-site .art-front{left:43%}}
@media(max-width:700px){.public-site .wrap,.public-site .site-header,.public-site .category-nav>div{width:calc(100% - 32px)}.public-site .topline{font-size:10px;padding:5px 16px}.public-site .site-header{height:65px;gap:15px}.public-site .brand{font-size:24px}.public-site .brand-mark{height:28px;width:28px;font-size:23px}.public-site .site-header nav a:first-child{font-size:12px}.public-site .category-nav>div{font-size:12px}.public-site .category-nav a{padding:11px 17px}.media-intro{padding:25px 0 23px}.intro-label{font-size:12px;margin-bottom:10px}.media-intro h1{font-size:25px;line-height:1.6}.mobile-break{display:block}.intro-description{font-size:13px;line-height:1.8;max-width:310px;margin:11px auto 19px}.hero-search{height:48px}.public-site .hero-search input{font-size:13px;padding-left:12px}.hero-search button{font-size:13px;padding:0 20px}.search-glass{margin-left:15px;width:13px;height:13px}.search-suggestions{gap:13px;font-size:11px;flex-wrap:wrap;margin-top:13px}.search-suggestions>span{display:none}.media-layout{display:flex;flex-direction:column;gap:33px;padding-top:27px;padding-bottom:35px}.public-site .section-heading h2{font-size:21px}.section-kicker{font-size:11px;margin-bottom:3px}.public-site .section-heading{margin-bottom:17px}.feature-row{grid-template-columns:1fr;gap:14px;padding-bottom:23px}.feature-row .artwork{height:185px;min-height:0}.feature-row h3{font-size:17px;margin-top:8px}.feature-row p{font-size:13px}.public-site .latest{padding-top:25px}.public-site .article-grid,.public-site .listing .article-grid{grid-template-columns:1fr;gap:0}.public-site .article-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:13px;padding:18px 0}.public-site .article-card:first-child{padding-top:0}.public-site .article-card .artwork,.public-site .listing .article-card .artwork{height:96px;margin-top:3px}.public-site .card-body{padding:0}.public-site .card-body h3{font-size:14px;line-height:1.7;margin:5px 0 7px}.public-site .card-body p{display:none}.public-site .card-body .eyebrow{font-size:10px;gap:6px;flex-wrap:wrap}.public-site .card-meta{font-size:11px;padding:0;margin-top:0}.public-site .card-meta span{display:none}.public-site .article-card .art-label{font-size:9px;top:7px;left:8px}.public-site .article-card .art-caption{font-size:8px;left:8px;bottom:5px}.public-site .article-card .art-card{width:48px;height:43px;padding:7px}.public-site .article-card .art-back{top:29px;left:19px}.public-site .article-card .art-front{top:35px;left:47px}.public-site .article-card .art-card b,.public-site .article-card .art-back span{display:none}.public-site .article-card .art-card i{width:24px;height:2px;margin:5px 0}.public-site .article-card .art-check{width:12px;height:12px;font-size:8px;top:4px;right:3px;line-height:12px}.public-site .article-card .art-orbit{display:none}.public-site .text-link{font-size:12px}.browse-all{max-width:none;margin-top:21px}.media-sidebar h2{font-size:20px}.directory-list strong{font-size:14px}.directory-list small{font-size:12px}.sidebar-about{margin-top:24px}.public-site .filter-bar{padding:12px;gap:10px}.public-site .filter-bar input,.public-site .filter-bar select{font-size:14px}.public-site .listing h1{font-size:25px}.public-site .listing>p.muted{font-size:13px}.public-site .reading h1{font-size:23px;line-height:1.65}.public-site .reading{width:calc(100% - 32px);margin-top:22px}.public-site .reading .artwork{height:215px}.public-site .reading .art-card{width:135px;height:105px;padding:14px}.public-site .reading .art-back{top:52px;left:23%}.public-site .reading .art-front{top:74px;left:47%}.public-site .reading .art-card b{font-size:9px;margin-top:10px}.public-site .reading .art-card i{height:3px;width:60px;margin:7px 0}.public-site .reading .art-label,.public-site .reading .art-caption{font-size:11px;left:15px}.public-site .article-prose,.public-site .article-lead{font-size:16px;line-height:1.95}.public-site .article-prose h2{font-size:21px;padding:13px 15px}.public-site .article-prose h3{font-size:18px}.public-site .article-byline{font-size:11px}.public-site .ad-notice{font-size:11px}.public-site .site-footer{padding:28px 16px;gap:15px}.public-site .site-footer>div:last-child>a{font-size:12px;margin-right:12px}.public-site .site-footer p{font-size:11px}}
