/* DanielChe.xyz independent personal Media & Get Smart staging, 2026-10-14.
 * Presentation-only extension of the approved yellow/charcoal brand family.
 * The historical editorial content, original links and media provider list
 * are preserved. No connection to Peaceful World production or Bitrix24. */
.personal-secondary{background:#fbf9f3;color:#191919;min-height:100vh}
.personal-secondary .wrap{width:min(1190px,calc(100% - 44px))}
.personal-secondary .page-header{
  width:100%;max-width:none;background:#feb005;color:#161616;
  padding:72px max(24px,calc((100vw - 1190px)/2)) 73px
}
.personal-secondary .page-header .eyebrow{
  font-size:12px;letter-spacing:.13em;font-weight:800;color:#614909
}
.personal-secondary .page-header h1{
  max-width:960px;font-size:clamp(42px,5.5vw,76px);
  line-height:1.09;letter-spacing:-.03em;font-weight:850;
  margin:14px 0 20px
}
.personal-secondary .page-header .lead{
  max-width:800px;color:#32280d;
  font-size:clamp(17px,1.9vw,21px);line-height:1.58
}
.personal-secondary .section{
  background:#fbf9f3;border-color:#e8dfd0;padding:58px 0 66px
}
.personal-secondary .section:nth-of-type(even){background:#f5f0e6}
.personal-secondary .section .eyebrow{color:#9a680c}
.personal-secondary .section h2{
  color:#171717;font-size:clamp(28px,3.6vw,43px);
  font-weight:830;letter-spacing:-.025em;margin-bottom:23px
}
.personal-secondary .grid{gap:15px}
.personal-secondary .section .card{
  display:flex;flex-direction:column;min-width:0;
  background:#fff;border:1px solid #e7dfd2;border-radius:19px;
  padding:24px;box-shadow:0 6px 23px #2114040c
}
.personal-secondary .section .card h3{
  font-size:20px;line-height:1.29;letter-spacing:-.015em;
  font-weight:800;color:#181818;overflow-wrap:anywhere
}
.personal-secondary .section .card p{
  font-size:14px;line-height:1.62;color:#57514a;margin-bottom:20px
}
.personal-secondary .section .card a{
  color:#171717;font-size:14px;font-weight:800;
  margin-top:auto;align-self:flex-start;text-underline-offset:4px
}
.personal-secondary .section .card a:hover{color:#965d03}
.personal-secondary .warning{
  border-color:#e4d0a5;background:#fff9ea;color:#372b10
}
.personal-secondary .button{
  background:#171717;color:white;border:1px solid #171717;
  min-height:45px;font-weight:780
}
.personal-secondary .button.outline{
  background:#fffdf8;color:#171717;border:1px solid #c8bca3
}
.personal-secondary .top .nav{min-height:62px}
.personal-secondary .top .nav nav{gap:19px}
.personal-secondary .top .nav nav a{
  color:#f5f5f3;font-weight:700;white-space:nowrap
}
.personal-secondary .top .nav nav a[aria-current="page"]{
  color:#ffc400;border-bottom:2px solid #ffc400
}
.personal-secondary .brand .brand-name{color:#fff}
.personal-secondary .brand .brand-domain{color:#ffc400}
.personal-secondary .footer{
  padding:27px 0 34px;margin:0;border-color:#353535;
  background:#171717;color:#d7d2c9
}
.personal-secondary .footer a{color:#fff}
.personal-secondary :is(a,button):focus-visible{
  outline:3px solid #ad6b02;outline-offset:4px
}
@media(max-width:790px){
 .personal-secondary .wrap{width:min(100% - 32px,1190px)}
 .personal-secondary .page-header{padding:54px 22px 55px}
 .personal-secondary .top .nav nav{gap:8px 14px}
}
@media(max-width:690px){
 .personal-secondary .page-header h1{font-size:clamp(40px,9vw,60px)}
 .personal-secondary .section{padding:43px 0 47px}
 .personal-secondary .section .card{padding:20px}
 .personal-secondary .section .card h3{font-size:19px}
 .personal-secondary .top .nav nav{
   flex-wrap:wrap;gap:9px 13px;overflow:visible
 }
 .personal-secondary .top .nav nav a{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 .personal-secondary *{scroll-behavior:auto!important;transition:none!important}
}