.profile-guide { --guide-red: #9d183d; background: #fff9f4; color: #30242a; font-family: Arial, sans-serif; font-size: 1.0625rem; line-height: 1.65; min-height: 100vh; overflow-wrap: anywhere; }
.profile-guide .guide-brand-mark{background:linear-gradient(180deg,#fff8e5 0%,#fce4b6 27%,#fff0ce 45%,#d6a45c 73%,#f2cf94 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 1px 0 #fff4e42e}
.profile-guide *, .profile-guide *::before, .profile-guide *::after { box-sizing: border-box; }
.profile-guide a { color: var(--guide-red); text-underline-offset: .22em; text-decoration-thickness: .08em; }
.profile-guide a:hover { text-decoration-thickness: .16em; }
.profile-guide :focus-visible { outline: 3px solid #6520a0; outline-offset: 5px; }
.profile-guide .guide-skip { position: fixed; left: 1rem; top: -10rem; padding: .75rem 1rem; background: white; z-index: 100; }
.profile-guide .guide-skip:focus { top: 1rem; }
.profile-guide .guide-header, .profile-guide .guide-footer { max-width: 1140px; margin: auto; padding: 1.5rem 2rem; display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; flex-wrap: wrap; }
.profile-guide nav { display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; }
.profile-guide nav a { display: inline-flex; align-items: center; min-height: 44px; }
.profile-guide .guide-brand { font-size: 1.75rem; font-weight: 800; text-decoration: none; letter-spacing: -.07em; }
.profile-guide main { max-width: 1040px; margin: auto; padding: 0 2rem 3rem; }
.profile-guide .guide-hero { padding: 3.5rem 0 2rem; }
.profile-guide .guide-kicker { color: var(--guide-red); font-size: .8rem; font-weight: 700; letter-spacing: .12em; }
.profile-guide h1 { font-family: Georgia, serif; font-size: clamp(2.25rem, 5.3vw, 4.6rem); line-height: 1.08; font-weight: 500; letter-spacing: -.04em; max-width: 19ch; margin: 1rem 0 1.75rem; }
.profile-guide h2 { font-family: Georgia, serif; font-weight: 500; font-size: clamp(1.8rem, 3vw, 2.7rem); line-height: 1.2; margin: 0 0 1.5rem; }
.profile-guide h3 { font-size: 1.15rem; line-height: 1.4; margin: 0 0 1rem; }
.profile-guide p { max-width: 74ch; margin: 0 0 1.2rem; }
.profile-guide .guide-intro { font-size: 1.2rem; max-width: 65ch; }
.profile-guide .guide-credit { color: #624b55; font-size: .875rem; }
.profile-guide .guide-summary, .profile-guide .guide-callout { border-left: 4px solid var(--guide-red); padding: 1.3rem 1.5rem; background: #f5e8e6; }
.profile-guide .guide-toc { display: block; padding: 1.5rem 0; border-block: 1px solid #decaca; }
.profile-guide .guide-toc p { font-weight: 700; }
.profile-guide .guide-toc ol { margin: 0; padding-left: 1.4rem; columns: 2; column-gap: 2.5rem; }
.profile-guide .guide-toc li { break-inside: avoid; }
.profile-guide section { padding-top: 3.5rem; scroll-margin-top: 1.5rem; }
.profile-guide ul, .profile-guide .guide-steps { padding-left: 1.5rem; max-width: 75ch; }
.profile-guide li { margin-bottom: 1rem; padding-left: .35rem; }
.profile-guide .guide-edits { display: grid; gap: 1.5rem; }
.profile-guide .guide-edits article { padding: 1.5rem; border: 1px solid #decaca; border-radius: 1rem; background: white; }
.profile-guide .guide-comparison { display: grid; grid-template-columns: 1fr 2fr; gap: 1.5rem; }
.profile-guide .guide-label { color: var(--guide-red); font-size: .85rem; font-weight: 700; }
.profile-guide blockquote { margin: 0 0 1.5rem; font-family: Georgia, serif; font-size: 1.25rem; line-height: 1.55; }
.profile-guide .guide-examples { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; padding: 0; margin-top: 1.5rem; list-style: none; }
.profile-guide .guide-examples > li { margin: 0; padding: 1.5rem; background: white; border: 1px solid #decaca; border-radius: 1rem; }
.profile-guide .guide-examples > li::marker { color: var(--guide-red); }
.profile-guide .guide-number { display: block; color: var(--guide-red); font-size: .8rem; letter-spacing: .12em; margin-bottom: .8rem; }
.profile-guide .guide-adapt { font-size: .95rem; border-top: 1px solid #eadcdb; padding-top: 1rem; margin-bottom: 0; }
.profile-guide .guide-privacy { padding: 2rem; margin-top: 3.5rem; border-radius: 1rem; background: #efe7f4; }
.profile-guide .guide-checklist li::marker { color: var(--guide-red); }
.profile-guide .guide-faq details { padding: 1rem 0; border-bottom: 1px solid #decaca; }
.profile-guide .guide-faq summary { cursor: pointer; font-weight: 700; min-height: 44px; padding-block: .5rem; }
.profile-guide .guide-faq details p { margin: .8rem 0; }
.profile-guide .guide-next { border-top: 2px solid var(--guide-red); margin-top: 3.5rem; padding-top: 2rem; }
.profile-guide .guide-footer { border-top: 1px solid #decaca; }
.profile-guide .guide-footer p { margin: 0; }
@media (max-width: 650px) {
  .profile-guide main { padding-inline: 1.25rem; }
  .profile-guide .guide-header, .profile-guide .guide-footer { padding: 1.25rem; }
  .profile-guide .guide-header { align-items: flex-start; }
  .profile-guide .guide-header nav { gap: .4rem 1rem; }
  .profile-guide .guide-hero { padding-top: 2rem; }
  .profile-guide .guide-toc ol { columns: 1; }
  .profile-guide .guide-comparison, .profile-guide .guide-examples { grid-template-columns: 1fr; }
  .profile-guide .guide-privacy { padding: 1.4rem; }
}
@media print {
  .profile-guide .guide-header nav, .profile-guide .guide-skip, .profile-guide .guide-toc { display: none; }
  .profile-guide { background: white; color: black; }
  .profile-guide .guide-examples { display: block; }
  .profile-guide .guide-examples > li, .profile-guide .guide-edits article { break-inside: avoid; }
}

/* Unified Ruby editorial treatment shared by every guide detail page. */
.profile-guide{--guide-red:#790c21;--guide-deep:#62091c;--guide-gold:#fce4b6;--guide-cream:#fff7ed;--guide-line:#e6dbd7;background:#fffcf8;color:#30242a;font-family:Roboto,Arial,sans-serif}
.profile-guide .guide-header{max-width:none;min-height:96px;margin:0;padding:18px max(48px,calc((100% - 1376px)/2));justify-content:flex-start;flex-wrap:nowrap;background:var(--guide-red);color:white;border-bottom:1px solid #ad6372}
.profile-guide .guide-header .guide-brand{font-size:48px;font-weight:900;color:white;letter-spacing:-.075em;white-space:nowrap}
.profile-guide .guide-header .guide-brand-heart{color:var(--guide-gold);font-size:18px;letter-spacing:0}
.profile-guide .guide-wordmark{padding:6px 0 6px 26px;border-left:1px solid #bc7c89;color:white;font-size:11px;font-weight:700;letter-spacing:.15em;text-decoration:none}
.profile-guide .guide-header nav{margin-left:auto;align-items:center;gap:30px;font-size:14px}
.profile-guide .guide-header nav a{color:white;text-decoration:none}
.profile-guide .guide-header nav a:hover{text-decoration:underline;text-underline-offset:5px}
.profile-guide main{max-width:1180px;padding:0 48px 80px}
.profile-guide .guide-hero{margin-inline:-48px;padding:58px 48px 48px;background:var(--guide-cream);border-bottom:1px solid var(--guide-line)}
.profile-guide .guide-kicker{color:var(--guide-red);font-size:11px;letter-spacing:.15em}
.profile-guide h1,.profile-guide h2{font-family:Instrument,Georgia,serif}
.profile-guide h1{font-size:clamp(46px,5.3vw,72px);font-weight:400;line-height:1.03;max-width:16ch}
.profile-guide h2{font-size:clamp(32px,3.4vw,48px);font-weight:400;letter-spacing:-.03em;line-height:1.08}
.profile-guide .guide-intro{color:#71666a;font-size:17px;line-height:1.75}
.profile-guide .guide-summary,.profile-guide .guide-callout{border-left:2px solid var(--guide-red);background:#f4e5df;border-radius:0;padding:18px 20px}
.profile-guide .guide-toc{margin-top:38px;padding:28px;border:1px solid var(--guide-line);border-radius:8px;background:#fffdfb}
.profile-guide .guide-toc a{font-size:14px}
.profile-guide section{padding-top:68px}
.profile-guide .guide-edits{gap:17px}
.profile-guide .guide-edits article,.profile-guide .guide-examples>li{border:1px solid var(--guide-line);border-radius:8px;background:#fffdfb;padding:27px}
.profile-guide .guide-edits article:hover,.profile-guide .guide-examples>li:hover{border-color:var(--guide-red)}
.profile-guide .guide-privacy{border-radius:8px;background:#f6ece3}
.profile-guide .guide-next{border-top:1px solid var(--guide-line);background:var(--guide-cream);margin:68px -48px 0;padding:48px}
.profile-guide .guide-next nav a{display:inline-flex;align-items:center;min-height:46px;border:1px solid var(--guide-red);border-radius:5px;padding:9px 16px;text-decoration:none}
.profile-guide .guide-footer{max-width:none;margin:0;padding:34px max(48px,calc((100% - 1376px)/2));background:var(--guide-red);color:#ffede4;border:0}
.profile-guide .guide-footer .guide-brand{color:white;font-size:42px}
.profile-guide .guide-footer p{font-family:Instrument,Georgia,serif;color:var(--guide-gold);font-size:24px}
.profile-guide .guide-footer>a:last-child{color:white}
@media(max-width:780px){.profile-guide .guide-header{min-height:76px;padding:14px 20px;gap:14px}.profile-guide .guide-header .guide-brand{font-size:36px}.profile-guide .guide-wordmark{padding-left:14px;font-size:9px}.profile-guide .guide-header nav{gap:14px;font-size:12px}.profile-guide .guide-header nav a:first-child{display:none}.profile-guide main{padding:0 20px 56px}.profile-guide .guide-hero{margin-inline:-20px;padding:42px 20px 36px}.profile-guide .guide-toc{padding:22px}.profile-guide section{padding-top:48px}.profile-guide .guide-next{margin:48px -20px 0;padding:32px 20px}.profile-guide .guide-footer{padding:28px 20px}.profile-guide .guide-footer p{font-size:21px}}
@media(max-width:520px){.profile-guide .guide-header nav a:nth-child(2){display:none}.profile-guide .guide-header nav{margin-left:auto}.profile-guide .guide-wordmark{white-space:nowrap}.profile-guide .guide-examples{grid-template-columns:1fr}.profile-guide .guide-footer{align-items:flex-start;flex-direction:column}}