/* /twf/ personal notes profile: tablet-specific layout */
@media screen and (min-width: 700px) and (max-width: 1199px) {
  .wrap { max-width: 1060px; padding-left: clamp(27px, 4vw, 50px); padding-right: clamp(27px, 4vw, 50px); }
  .site-header { height: 76px; }
  .nav-inner { gap: 16px; }
  .nav-links { gap: clamp(13px, 2vw, 23px); }
  .nav-links a { font-size: 11px; white-space: nowrap; }
  .nav-x { padding: 9px 12px; }
  .hero { padding-top: 60px; padding-bottom: 50px; }
  .hero-grid { grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: 28px; }
  .hero h1 { font-size: clamp(39px, 4.6vw, 55px); }
  .hero-description { max-width: 43ch; }
  .molecule-sheet { height: clamp(265px, 28vw, 330px); }
  .profile-strip { display: flex; flex-wrap: wrap; gap: 15px 21px; margin-top: 44px; padding: 26px 0; }
  .profile-avatar-ring { width: 115px; height: 115px; flex: 0 0 115px; }
  .profile-identity { min-width: 125px; }
  .profile-bio { margin-left: auto; flex: 1 1 260px; }
  .profile-tags { display: none; }
  .section { padding-top: 33px; padding-bottom: 55px; }
  .section-heading h2 { font-size: clamp(29px, 3.3vw, 36px); }
  .filters { display: flex; flex-wrap: wrap; }
  .favorite-row { grid-template-columns: minmax(185px, .85fr) minmax(0, 1.2fr); gap: 22px; }
  .study-layout { grid-template-columns: minmax(210px, .75fr) minmax(0, 1.25fr); gap: 29px; }
  .study-intro h2 { font-size: clamp(26px, 3vw, 32px); }
  .subject-row { min-width: 0; }
  .subject-row ul { flex-wrap: wrap; }
  .blog-guide { padding: 58px 0; }
  .blog-guide-inner { grid-template-columns: minmax(0, 1fr) minmax(225px, .75fr); gap: 28px; }
  .blog-guide-link { padding: 25px; }
  .contact-inner { grid-template-columns: minmax(0, 1fr) minmax(235px, auto); gap: 24px; }
}
@media screen and (min-width: 700px) and (max-width: 850px) {
  .brand { font-size: 14px; gap: 8px; }
  .nav-links { gap: 12px; }
  .nav-links a { font-size: 10px; }
  .nav-x { padding: 8px 9px; }
  .hero-grid { grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 20px; }
  .hero h1 { font-size: 38px; }
  .molecule-sheet { height: 265px; }
  .profile-strip { gap: 13px 16px; }
  .profile-avatar-ring { width: 96px; height: 96px; flex-basis: 96px; }
  .profile-bio { flex-basis: 100%; margin: 0; }
  .study-layout { grid-template-columns: minmax(175px, .7fr) minmax(0, 1.3fr); gap: 20px; }
  .favorite-row { grid-template-columns: 180px minmax(0, 1fr); }
  .blog-guide-inner { gap: 20px; }
  .blog-guide-link { min-height: 142px; }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .wrap { max-width: 1168px; }
}