:root{
  --plum:#5b196c;
  --tk-action:#5b196c;
  --tk-action-hover:#742288;
  --tk-accent:#8646a2;
  --tk-soft:#f2e5f3;
  --tk-border:#d9cadd;
  --tk-ink:#28172f
}

/* One colour language for equivalent primary actions. */
.button,
.post-comments button,
.game-picker button.active,
.collection-tabs a.active,
.photo-filters button.is-active,
.message-popup-toggle,
.message-popup form button,
.message-popup nav button.active,
.site-top,
.photo-top,
.journal-top,
.journey-top,
.back-to-top,
.edit-link,
.lightbox-close,
.viewer-close,
.friend-viewer button,
.private-viewer button,
.journal-viewer button,
.craft-viewer button{
  border-color:var(--tk-action)!important;
  background:var(--tk-action)!important;
  color:#fff!important
}
.button:hover,
.button:focus-visible,
.post-comments button:hover,
.message-popup-toggle:hover,
.site-top:hover,
.site-top:focus-visible,
.photo-top:hover,
.journal-top:hover,
.journey-top:hover,
.back-to-top:hover{
  background:var(--tk-action-hover)!important
}
.eyebrow{color:var(--tk-accent)!important}
.profile-name{color:var(--tk-action)}
.private-message.mine .profile-name,
.private-message.mine .profile-name strong{color:#fff!important}

/* Shared desktop geometry for full content pages. */
:is(.journeys-main,.photos-main,.journal-main,.crafts-public,.craft-detail,.games-main,.kitties-main,
     .friends-main,.private-main,.friends-media-page,.simple-friends-page,.people-main,.profile-main,
     .utility-main,.member-studio,.member-collection,.album-studio,.studio-main){
  box-sizing:border-box;
  width:min(1120px,calc(100% - 56px))!important;
  max-width:1120px!important;
  margin-right:auto!important;
  margin-left:auto!important;
  padding-top:80px!important
}
:is(.journeys-main,.photos-main,.journal-main,.crafts-public,.craft-detail,.games-main,.kitties-main,
     .friends-main,.private-main,.friends-media-page,.simple-friends-page,.people-main,.profile-main,
     .utility-main,.member-studio,.member-collection,.album-studio,.studio-main)>h1,
.friends-hero h1{
  margin-top:14px;
  margin-bottom:18px;
  font-family:Georgia,serif;
  font-size:clamp(48px,6vw,86px)!important;
  line-height:.96!important
}
:is(.journeys-main,.photos-main,.journal-main,.crafts-public,.craft-detail,.games-main,.kitties-main,
     .friends-main,.private-main,.friends-media-page,.simple-friends-page,.people-main,.profile-main,
     .utility-main,.member-studio,.member-collection,.album-studio,.studio-main)>.lead{
  max-width:760px;
  margin-top:0;
  line-height:1.6
}

/* Matching controls and card edges. */
input,textarea,select,button{font-family:Arial,sans-serif}
input:not([type="checkbox"]):not([type="radio"]),textarea,select{
  border-color:var(--tk-border)
}

@media(max-width:1250px){
  body>header nav{scrollbar-width:none}
  body>header nav::-webkit-scrollbar{display:none}
}

@media(max-width:800px){
  :is(.journeys-main,.photos-main,.journal-main,.crafts-public,.craft-detail,.games-main,.kitties-main){
    width:100%!important;
    max-width:100%!important;
    padding-top:52px!important;
    padding-right:18px!important;
    padding-left:18px!important;
    padding-bottom:100px!important
  }
  :is(.friends-main,.private-main,.friends-media-page,.simple-friends-page,.people-main,.profile-main,
       .utility-main,.member-studio,.member-collection,.album-studio,.studio-main){
    width:100%!important;
    max-width:100%!important;
    padding-right:18px!important;
    padding-left:18px!important
  }
  :is(.journeys-main,.photos-main,.journal-main,.crafts-public,.craft-detail,.games-main,.kitties-main,
       .friends-main,.private-main,.friends-media-page,.simple-friends-page,.people-main,.profile-main,
       .utility-main,.member-studio,.member-collection,.album-studio,.studio-main)>h1,
  .friends-hero h1{
    font-size:48px!important;
    line-height:.96!important
  }
}