:root {
  --pro-ink: #101715;
  --pro-muted: #5f6864;
  --pro-paper: #f5f2eb;
  --pro-line: #d9ddd9;
  --pro-green: #153f34;
  --pro-sage: #dbe6df;
  --pro-gold: #b19360;
}

.pick-pro-shell { width: min(calc(100% - 48px), 1180px); margin-inline: auto; }
.home #page { max-width: none; }
.home #content { display: block; padding: 0; }
.pick-pro-home { width: 100%; color: var(--pro-ink); }
.pick-pro-home .site-main { margin: 0; }
.pick-pro-home a { text-decoration: none; }

.pick-pro-hero { padding: clamp(78px, 9vw, 126px) 0; background: #f7f7f4; border-bottom: 1px solid var(--pro-line); }
.pick-pro-hero-grid { display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(360px, .82fr); gap: clamp(64px, 8vw, 118px); align-items: center; }
.pick-pro-kicker { margin: 0 0 25px; color: var(--pro-green); font-size: 12px; font-weight: 800; letter-spacing: .17em; }
.pick-pro-hero h1 { max-width: 760px; margin: 0; color: var(--pro-ink); font-size: clamp(48px, 5.6vw, 72px); font-weight: 850; line-height: 1.17; letter-spacing: -.055em; }
.pick-pro-lead { margin: 31px 0 0; color: var(--pro-muted); font-size: clamp(16px, 1.5vw, 19px); line-height: 1.85; }
.pick-pro-actions { display: flex; align-items: center; gap: 28px; margin-top: 38px; }
.pick-pro-button { display: inline-flex; align-items: center; justify-content: center; min-width: 144px; min-height: 50px; padding: 12px 21px; background: var(--pro-ink); color: #fff !important; font-size: 14px; font-weight: 750; }
.pick-pro-button:hover { background: var(--pro-green); }
.pick-pro-text-link { padding-bottom: 4px; border-bottom: 1px solid var(--pro-ink); color: var(--pro-ink) !important; font-size: 14px; font-weight: 750; }
.pick-pro-text-link span { margin-left: 8px; }

.pick-pro-framework { border: 1px solid #bfc5c1; background: #fff; box-shadow: 18px 18px 0 var(--pro-sage); }
.pick-pro-framework-head { display: flex; justify-content: space-between; padding: 19px 22px; border-bottom: 1px solid var(--pro-line); color: var(--pro-muted); font-size: 10px; font-weight: 800; letter-spacing: .13em; }
.pick-pro-framework-head b { color: var(--pro-green); }
.pick-pro-framework ol { margin: 0; padding: 0 22px; list-style: none; }
.pick-pro-framework li { display: grid; grid-template-columns: 42px 1fr; align-items: center; min-height: 76px; border-bottom: 1px solid var(--pro-line); }
.pick-pro-framework li > span { color: var(--pro-gold); font: italic 18px Georgia,serif; }
.pick-pro-framework strong { display: block; font-size: 16px; }
.pick-pro-framework small { display: block; margin-top: 3px; color: var(--pro-muted); font-size: 12px; }
.pick-pro-framework > p { margin: 0; padding: 17px 22px; color: #7b827f; font-size: 11px; line-height: 1.6; }

.pick-pro-index { background: var(--pro-ink); color: #fff; }
.pick-pro-index .pick-pro-shell { display: flex; align-items: center; justify-content: space-between; min-height: 66px; gap: 30px; }
.pick-pro-index span { color: #aab5b0; font-size: 10px; font-weight: 800; letter-spacing: .15em; }
.pick-pro-index ul { display: flex; gap: 32px; margin: 0; padding: 0; list-style: none; }
.pick-pro-index li { color: #f2f4f2; font-size: 12px; }

.pick-pro-section { padding: clamp(86px, 10vw, 132px) 0; background: #fff; }
.pick-pro-section--paper { background: var(--pro-paper); }
.pick-pro-section-head { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 44px; }
.pick-pro-section-head span,
.pick-pro-method header > span { color: var(--pro-green); font-size: 11px; font-weight: 800; letter-spacing: .15em; }
.pick-pro-section-head h2,
.pick-pro-method h2 { margin: 12px 0 0; color: var(--pro-ink); font-size: clamp(34px, 4vw, 49px); font-weight: 820; line-height: 1.25; letter-spacing: -.045em; }
.pick-pro-section-head > p { max-width: 360px; margin: 0; color: var(--pro-muted); font-size: 14px; }

.pick-pro-category-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-top: 1px solid var(--pro-ink); border-left: 1px solid var(--pro-ink); }
.pick-pro-category { display: flex; min-height: 310px; padding: 31px 33px; border-right: 1px solid var(--pro-ink); border-bottom: 1px solid var(--pro-ink); color: var(--pro-ink) !important; flex-direction: column; justify-content: space-between; transition: background .18s ease,color .18s ease; }
.pick-pro-category:hover { background: var(--pro-ink); color: #fff !important; }
.pick-pro-category-top { display: flex; justify-content: space-between; }
.pick-pro-category-top > span { font-size: 11px; font-weight: 850; letter-spacing: .14em; }
.pick-pro-category-top i { color: var(--pro-gold); font: italic 25px Georgia,serif; }
.pick-pro-category h3 { margin: 0 0 10px; color: inherit; font-size: 37px; font-weight: 850; letter-spacing: -.045em; }
.pick-pro-category p { margin: 0; color: var(--pro-muted); font-size: 14px; }
.pick-pro-category:hover p { color: #b9c1bd; }
.pick-pro-category > b { font-size: 13px; }
.pick-pro-category > b span { float: right; font-size: 18px; }
.pick-pro-category--beauty { background: #f7f1ed; }
.pick-pro-category--living { background: #eef3ef; }
.pick-pro-category--best { background: #f7f4ec; }
.pick-pro-category--compare { background: #f0f1f2; }

.pick-pro-method { padding: clamp(90px, 11vw, 145px) 0; background: var(--pro-green); color: #fff; }
.pick-pro-method-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(70px, 10vw, 148px); }
.pick-pro-method h2 { color: #fff; }
.pick-pro-method header > span { color: #b7cbbf; }
.pick-pro-method-list { border-top: 1px solid rgba(255,255,255,.35); }
.pick-pro-method-list article { display: grid; grid-template-columns: 52px 1fr; gap: 18px; padding: 27px 0; border-bottom: 1px solid rgba(255,255,255,.35); }
.pick-pro-method-list article > span { color: #c8b389; font: italic 20px Georgia,serif; }
.pick-pro-method-list h3 { margin: 0; color: #fff; font-size: 19px; font-weight: 760; }
.pick-pro-method-list p { margin: 7px 0 0; color: #c1cec8; font-size: 14px; line-height: 1.75; }

.pick-pro-post-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px; }
.pick-pro-post a { color: inherit; }
.pick-pro-post-image { display: grid; aspect-ratio: 4/3; overflow: hidden; place-items: center; background: #e2e5e1; color: var(--pro-green); font-size: 11px; font-weight: 800; letter-spacing: .12em; }
.pick-pro-post-image img { width: 100%; height: 100%; object-fit: cover; }
.pick-pro-post-meta { display: flex; justify-content: space-between; margin-top: 18px; color: var(--pro-muted); font-size: 11px; }
.pick-pro-post h3 { margin: 12px 0 8px; color: var(--pro-ink); font-size: 21px; line-height: 1.45; letter-spacing: -.025em; }
.pick-pro-post p { margin: 0; color: var(--pro-muted); font-size: 13px; line-height: 1.7; }

.pick-pro-closing { padding: clamp(80px,9vw,116px) 0; background: #ded6c7; }
.pick-pro-closing > div { position: relative; }
.pick-pro-closing > div > span { color: var(--pro-green); font-size: 11px; font-weight: 850; letter-spacing: .15em; }
.pick-pro-closing h2 { max-width: 760px; margin: 17px 0 30px; color: var(--pro-ink); font-size: clamp(37px,5vw,61px); font-weight: 850; line-height: 1.25; letter-spacing: -.05em; }
.pick-pro-closing a { color: var(--pro-ink); font-size: 14px; font-weight: 800; border-bottom: 1px solid var(--pro-ink); }
.pick-pro-closing a span { margin-left: 12px; }

.site-info { background: var(--pro-ink) !important; color: #aab5b0 !important; }
.site-info .inside-site-info { display: flex; gap: 12px; justify-content: flex-start; }
.site-info nav { display: flex; gap: 18px; margin-left: auto; }
.site-info a { color: #d7deda; }
.pick-pro-footer-brand { color: #fff; font-weight: 850; }

@media (max-width: 900px) {
  .pick-pro-hero-grid { grid-template-columns: 1fr; }
  .pick-pro-framework { max-width: 560px; }
  .pick-pro-method-grid { grid-template-columns: 1fr; }
  .pick-pro-post-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 680px) {
  .pick-pro-shell { width: min(calc(100% - 32px),1180px); }
  .pick-pro-desktop { display: none; }
  .pick-pro-hero { padding: 62px 0 72px; }
  .pick-pro-hero h1 { font-size: clamp(39px,12vw,54px); }
  .pick-pro-lead { margin-top: 24px; }
  .pick-pro-actions { align-items: flex-start; flex-direction: column; gap: 19px; }
  .pick-pro-button { width: 100%; }
  .pick-pro-framework { box-shadow: 9px 9px 0 var(--pro-sage); }
  .pick-pro-index .pick-pro-shell { align-items: flex-start; padding: 20px 0; flex-direction: column; gap: 10px; }
  .pick-pro-index ul { flex-wrap: wrap; gap: 7px 18px; }
  .pick-pro-section-head { align-items: flex-start; flex-direction: column; gap: 12px; }
  .pick-pro-category-grid { grid-template-columns: 1fr; }
  .pick-pro-category { min-height: 260px; padding: 27px; }
  .pick-pro-method-list article { grid-template-columns: 38px 1fr; }
  .pick-pro-post-grid { grid-template-columns: 1fr; }
  .site-info .inside-site-info { align-items: flex-start; flex-direction: column; }
  .site-info nav { flex-wrap: wrap; margin-left: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .pick-pro-category { transition: none; }
}
/* PICK 2.0.1 mobile polish */
.pick-pro-home .site-main{display:block;margin:0}
.pick-pro-home section{margin:0!important}
.home .site-footer{margin-top:0!important}
@media (hover:none),(pointer:coarse){.pick-pro-category:hover{color:var(--pro-ink)!important}.pick-pro-category--beauty:hover{background:#f7f1ed}.pick-pro-category--living:hover{background:#eef3ef}.pick-pro-category--best:hover{background:#f7f4ec}.pick-pro-category--compare:hover{background:#f0f1f2}.pick-pro-category:hover p{color:var(--pro-muted)}}
@media (max-width:680px){.pick-pro-hero h1{font-size:clamp(35px,9.5vw,42px);line-height:1.18}.pick-pro-closing h2{font-size:clamp(32px,9vw,38px)}.pick-pro-section{padding:70px 0}.pick-pro-method{padding:76px 0}.pick-pro-closing{padding:72px 0}}
/* PICK 2.0.2 section refinement */
@media (min-width:681px){.pick-pro-section{padding:clamp(72px,8vw,104px) 0}.pick-pro-method{padding:clamp(72px,8vw,104px) 0}}
/* PICK 2.0.3 hero refinement */
.pick-pro-hero h1{max-width:680px;font-size:clamp(42px,4.5vw,58px);line-height:1.18;letter-spacing:-.05em}
@media (max-width:680px){.pick-pro-hero h1{font-size:clamp(32px,8.5vw,38px);line-height:1.2}}