/* Approved sample discovery section; additive to the production landing. */
:root { --concept-green:#194f3b; }
.discovery-entry { margin-top:28px; }
.discovery-actions { display:flex;align-items:center;gap:22px;flex-wrap:wrap; }
.discovery-primary { display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:54px;padding:14px 22px;border-radius:10px;background:#194f3b;color:#fff;font-size:16px;font-weight:750;line-height:1.5;box-shadow:0 6px 14px #194f3b12;transition:background .2s,transform .2s; }
.discovery-primary span { font-size:23px;font-weight:400;line-height:1; }
.discovery-primary:hover { background:#103d2d;transform:translateY(-2px); }
.discovery-secondary { display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#345f4c; }
.discovery-secondary:hover { text-decoration:underline;text-underline-offset:5px; }
.discovery-entry>p { margin:11px 0 0;color:#68746c;font-size:12px;line-height:1.8; }
.hero-actions { margin-top:24px;border-top:1px solid #194f3b18;padding-top:20px; }
.pickbox-examples { background:#f3f5ef;border-top:1px solid #e2e8de;border-bottom:1px solid #e2e8de;padding:90px 32px 68px;scroll-margin-top:36px; }
.examples-inner { max-width:1120px;margin:auto; }
.examples-heading { display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:38px; }
.examples-heading h2 { font-size:39px;line-height:1.35;letter-spacing:-.045em;font-weight:850;margin:15px 0 0;color:#202c25; }
.examples-heading h2 em { color:#194f3b;font-style:normal; }
.examples-heading>p { margin:0 0 4px;color:#68736a;font-size:15px;line-height:1.85; }

.examples-footnote{margin:25px 0 0;text-align:center;font-size:11px;color:#7a857c;line-height:1.8}
.experience-section{background:#fffdf9}
.site-header .sample-languages{display:flex;gap:5px;align-items:center;font-size:11px;margin-left:auto;margin-right:24px}
.site-header .header-menu-wrap{margin-left:0}
.site-header .sample-languages a{padding:7px 9px;border-radius:6px;color:#667469;white-space:nowrap;font-weight:600}
.site-header .sample-languages a[aria-current=page]{background:#eaf1e9;color:#194f3b;font-weight:800}
.site-header .sample-languages a:hover{background:#f0f4ee}
.locale-en .discovery-actions,.locale-es .discovery-actions{gap:14px}
.locale-en .discovery-primary,.locale-es .discovery-primary{font-size:14px;padding:13px 18px}
.locale-en .discovery-secondary,.locale-es .discovery-secondary{font-size:12px}
@media(max-width:1050px) and (min-width:901px){.discovery-actions{gap:12px}.discovery-primary{padding:13px 15px;font-size:14px}.discovery-secondary{font-size:11px}}
@media(max-width:900px){.discovery-actions{justify-content:center}.hero-actions{align-items:center}.pickbox-examples{padding:70px 25px 55px}.examples-heading{align-items:flex-start;flex-direction:column;gap:20px}.examples-heading h2{font-size:34px}}
@media(max-width:700px){
 .examples-heading{max-width:460px;margin:0 auto 32px;gap:20px}.examples-heading h2{font-size:31px}.examples-heading>p{font-size:14px}
 .locale-es .examples-heading h2{font-size:29px}.locale-ja .examples-heading h2{font-size:28px}
 .discovery-actions{flex-direction:column;gap:16px}.discovery-entry{margin-top:26px}.discovery-primary{min-height:52px;font-size:15px}.discovery-secondary{font-size:12px}.discovery-entry>p{margin-top:13px;font-size:11px}
 .hero-actions{padding-top:19px;margin-top:23px}.pickbox-examples{padding:65px 20px 45px}
 .site-header .sample-languages{gap:1px;font-size:10px;margin-right:13px}.site-header .sample-languages a{padding:6px}
}
/* Public feed cards: preserve the real PickTube information hierarchy. */
.pickbox-preview-grid{display:flex;flex-direction:column;gap:18px;max-width:920px;margin:0 auto;background:#f5f5f5;padding:12px;border:1px solid #e3e3e3;border-radius:26px}.home-box-card{background:#fff;border:1px solid #ddd;border-radius:22px;padding:20px;color:#080c0b;min-width:0;font-family:Arial,'Noto Sans KR',sans-serif}.home-box-card a{color:inherit;text-decoration:none}.home-box-card a:hover{color:#215d43}.home-box-card__creator-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;position:static;background:none;padding:0;width:auto;height:auto;border:0;box-shadow:none}.home-box-card__creator{display:flex;align-items:center;gap:12px}.home-box-card__avatar{width:50px;height:50px;object-fit:cover;border-radius:50%}.home-box-card__creator-name{display:block;font-size:18px;line-height:1.4}.home-box-card__creator small{display:block;font-size:13px;color:#687572}.home-box-card__title{display:block;font-size:21px;font-weight:750;line-height:1.5;margin-bottom:8px;overflow-wrap:anywhere}.home-box-description__viewport{max-height:100px;overflow:hidden}.home-box-description.is-expanded .home-box-description__viewport{max-height:none}.home-box-card dl{margin:0}.home-box-card dt{margin-bottom:10px}.home-box-card dt span{display:inline-block;background:#f3f7f3;color:#739084;padding:3px 22px;border-radius:30px;font-size:13px}.home-box-card dd{margin:0 0 14px;white-space:pre-wrap;font-size:17px;line-height:1.55;overflow-wrap:anywhere}.home-box-card dd a{text-decoration:underline}.home-box-description__toggle-slot{display:flex;justify-content:flex-end;margin:8px 0 22px}.home-box-description__toggle{display:flex;align-items:center;gap:8px;background:none;border:0;color:#687572;font-size:14px;cursor:pointer;padding:4px 8px}.home-box-description__toggle svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2}.home-box-description.is-expanded .home-box-description__toggle svg{transform:rotate(180deg)}.home-box-card__videos{display:flex;gap:10px;overflow-x:auto;padding:0 0 4px;margin:0;list-style:none;scrollbar-width:thin;scrollbar-color:#ccd6cd transparent;overscroll-behavior-x:contain}.home-box-card__videos li{flex:0 0 160px;list-style:none}.home-box-card__video-image{display:block;width:160px;aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:9px;background:#111}.home-box-card__video-image img{object-fit:cover}.home-box-card__video-image b{position:absolute;left:5px;top:0;color:white;font-size:30px;line-height:1.15;text-shadow:0 1px 3px #000;font-weight:700}.home-box-card__summary{font-size:17px;margin:6px 8px 10px;color:#080c0b}.home-box-card__actions-frame{padding:0;margin:0;background:none;border:0}.home-box-card__actions{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:40px}.home-box-card__reactions,.home-box-card__action-buttons{display:flex;align-items:center;gap:12px}.home-card-action{display:inline-flex;align-items:center;gap:4px;padding:3px;border:0;background:none;cursor:pointer;color:#101513;font:inherit}.home-card-action svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}.home-card-action small{font-size:12px}.home-box-card__reactions a{display:inline-flex;align-items:center;gap:5px;border:1px solid #ddd;border-radius:10px;padding:8px 12px;font-size:14px}.home-box-card__reactions svg{height:20px;width:20px;fill:none;stroke:currentColor;stroke-width:1.6}.home-box-card__follow-actions a{border:1px solid #276d35;padding:8px 18px;border-radius:10px;color:#276d35}.native-toast{position:fixed;bottom:85px;left:50%;transform:translateX(-50%);background:#153f2c;color:white;padding:12px 24px;border-radius:12px;z-index:1000}.home-box-card a:focus-visible,.home-box-card button:focus-visible{outline:3px solid #478c63;outline-offset:4px}.home-box-card .visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:600px){.pickbox-preview-grid{padding:6px;gap:12px;border-radius:20px}.home-box-card{padding:16px 12px;border-radius:16px}.home-box-card__avatar{width:42px;height:42px}.home-box-card__creator-name{font-size:16px}.home-box-card__title{font-size:18px}.home-box-card dd{font-size:15px}.home-box-card__videos li{flex-basis:136px}.home-box-card__video-image{width:136px}.home-box-card__summary{font-size:14px;margin-left:0}.home-box-card__reactions,.home-box-card__action-buttons{gap:5px}.home-box-card__reactions a{font-size:12px;padding:6px}.home-card-action svg{width:22px;height:22px}.home-box-card__follow-actions a{padding:7px 10px;font-size:13px}}
.home-box-card__tags{display:flex;flex-wrap:wrap;gap:6px 10px;margin:0 0 14px;font-size:14px;color:#78948b}.home-box-card .viewbox-description__text{font-size:17px;line-height:1.55;margin:0;white-space:pre-wrap}.home-reaction-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid #ddd;border-radius:10px;padding:8px 12px;font-size:14px}.home-card-action svg .is-filled{fill:currentColor}.home-box-card__creator-row span{letter-spacing:normal}@media(max-width:600px){.home-box-card .viewbox-description__text{font-size:15px}.home-reaction-chip{padding:6px;font-size:12px}}

.home-box-description:not(:has(.home-box-description__toggle)) .home-box-description__viewport{max-height:none}
/* Align the desktop section introduction with the feed below. */
@media (min-width:701px){
 .examples-heading{max-width:920px;margin:0 auto 36px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:20px;text-align:left}
 .examples-heading>div{width:100%}
 .examples-heading>p{margin:0;max-width:640px;text-align:left;line-height:1.85}
}
/* Expanded descriptions scroll within the existing card body. */
.home-box-card__body.is-expanded{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.home-box-card__body.is-expanded>:not(.home-box-description){display:none}
.home-box-card__body.is-expanded .home-box-description{display:flex;flex:1;flex-direction:column;min-height:0}
.home-box-description.is-expanded .home-box-description__viewport{flex:1;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;scrollbar-width:auto;padding-right:8px}
.home-box-description.is-expanded .home-box-description__toggle-slot{flex-shrink:0;margin:0;min-height:34px}
.native-description-top{display:none}
.home-box-description.is-expanded .native-description-top{display:flex;flex-shrink:0;align-self:flex-end;min-height:34px;margin:0 0 8px}
.home-box-card .viewbox-description--video-notes{margin-top:22px}
.home-box-card .viewbox-description--video-notes em{display:block;margin:8px 0;font-weight:600}
.home-box-card .viewbox-description--video-notes dd>span{display:block}
/* Keep mobile hero typography within the actual viewport width. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media(max-width:560px){
 .hero-value-title,.locale-en .hero-value-title,.locale-es .hero-value-title,.locale-ja .hero-value-title{font-size:clamp(27px,7.4vw,31px)!important;line-height:1.28!important;letter-spacing:-.035em!important;max-width:100%;overflow-wrap:break-word}
 .hero-value-title>span,.hero-value-title>em{white-space:normal!important}
 .hero-copy,.hero-content,.hero-inner{min-width:0;max-width:100%}
 .hero p{max-width:100%;overflow-wrap:break-word}
}

.home-box-card__videos:focus-visible,.home-box-description__viewport:focus-visible,.discovery-primary:focus-visible,.discovery-secondary:focus-visible,.sample-languages a:focus-visible{outline:3px solid #478c63;outline-offset:3px}
.home-box-card__title:hover{text-decoration:underline;text-underline-offset:3px}
.home-box-card__body{box-sizing:border-box}
.native-toast:empty{display:none}
@media(prefers-reduced-motion:reduce){.discovery-primary{transition:none}.discovery-primary:hover{transform:none}}