:root { color-scheme: dark; --bg:#10100f; --surface:#181817; --raised:#20201e; --text:#f0efe9; --muted:#9c9c93; --line:#33332f; --signal:#e6ff3f; --signal-text:#e6ff3f; --ink:#10100f; --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }
[data-theme="light"] { color-scheme:light; --bg:#f5f5ef; --surface:#eaeae3; --raised:#deded5; --text:#10100f; --muted:#5d5d54; --line:#c6c6ba; --signal-text:#10100f; }
* { box-sizing:border-box; }
[hidden] { display:none !important; }
html { height:100%; -webkit-text-size-adjust:100%; text-size-adjust:100%; }
body { margin:0; padding:12px; background:var(--surface); color:var(--text); font:16px/1.55 "Helvetica Neue",Arial,sans-serif; }
button,input,a { font:inherit; -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; color:inherit; }
button:disabled { cursor:default; }
a { color:inherit; text-decoration:none; }
button:focus-visible,a:focus-visible,input:focus-visible { outline:2px solid var(--signal-text); outline-offset:-3px; }
.view:focus { outline:none; }
::selection { background:var(--signal); color:var(--ink); }
.icon-definitions { position:absolute; width:0; height:0; overflow:hidden; }
.icon { width:20px; height:20px; flex-shrink:0; stroke:currentColor; fill:none; stroke-width:1.5; stroke-linecap:square; stroke-linejoin:miter; }
.mono,.eyebrow { font:12px/1.5 var(--mono); }
.eyebrow { text-transform:uppercase; letter-spacing:.06em; color:var(--muted); margin:0; }
.workspace { display:grid; grid-template-columns:208px minmax(0,1fr); grid-template-rows:56px minmax(0,1fr) 52px 28px; width:100%; height:calc(var(--app-height,100dvh) - 24px); min-height:0; background:var(--bg); border:1px solid var(--line); }
.app-header { grid-column:1/-1; display:flex; align-items:stretch; border-bottom:1px solid var(--line); min-width:0; }
.brand { display:flex; align-items:center; gap:16px; font:700 13px var(--mono); padding-right:20px; }
.brand img { height:55px; width:55px; padding:8px; background:var(--signal); }
.header-caption { margin:auto 0 auto 20px; color:var(--muted); font:12px var(--mono); }
.utilities { display:flex; margin-left:auto; }
.utility { display:flex; align-items:center; justify-content:center; gap:8px; padding:0 18px; border:0; border-left:1px solid var(--line); background:none; font:12px var(--mono); }
.utility:hover { background:var(--raised); }
.theme-icon { width:7px; height:7px; border-radius:50%; background:currentColor; border:1px solid currentColor; }
[data-theme="light"] .theme-icon { background:none; }
.explorer { grid-row:2/4; min-height:0; display:flex; flex-direction:column; border-right:1px solid var(--line); }
.explorer-label { display:flex; justify-content:space-between; padding:18px 20px; color:var(--muted); font:10px var(--mono); text-transform:uppercase; letter-spacing:.08em; }
.file-nav { display:flex; flex-direction:column; }
.file-nav a { display:flex; gap:14px; align-items:center; padding:16px 18px; border-left:2px solid transparent; font:12px var(--mono); }
.file-number { color:var(--muted); font-size:10px; }
.file-name > span { color:var(--muted); }
.file-nav a[aria-current="page"] { background:var(--surface); border-left-color:var(--signal); color:var(--signal-text); }
.file-nav a:hover { background:var(--surface); }
.mobile-label { display:none; }
.explorer-foot { margin-top:auto; padding:20px; display:flex; flex-direction:column; gap:4px; color:var(--muted); font-size:11px; }
.explorer-foot .mono { color:var(--text); }
.since { margin-top:12px; font:10px var(--mono); }
.editor { position:relative; display:grid; grid-template-rows:36px minmax(0,1fr); min-width:0; min-height:0; container:editor / size; }
.identity-transition { position:absolute; left:0; width:100%; pointer-events:none; z-index:5; contain:strict; }
.editor[data-transitioning] > :not(.identity-transition) { opacity:0; }
.editor-bar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 24px; border-bottom:1px solid var(--line); font:11px var(--mono); }
.breadcrumb { color:var(--muted); }
.file-format { font-size:9px; color:var(--muted); letter-spacing:.12em; }
.view { min-height:0; min-width:0; display:flex; flex-direction:column; gap:clamp(12px,2.5vh,26px); padding:clamp(20px,3.2vw,48px); }
.view-heading { flex-shrink:0; display:flex; justify-content:space-between; align-items:baseline; gap:12px; }
.view-heading h2 { margin:0; font-size:clamp(18px,2vw,28px); letter-spacing:-.05em; line-height:1.2; }
.view-heading .mono { font-size:11px; color:var(--muted); }
.primary,.secondary { display:inline-flex; align-items:center; justify-content:space-between; gap:24px; min-height:44px; padding:12px 18px; font:700 12px/1.4 var(--mono); border:1px solid transparent; }
.primary { background:var(--signal); color:var(--ink); width:fit-content; }
.primary:hover { background:var(--text); color:var(--bg); }
.secondary { background:none; border-color:var(--line); }
.secondary:hover { background:var(--surface); }
.home-layout { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:clamp(24px,4vw,64px); flex:1; min-height:0; align-items:center; }
.profile { min-width:0; display:flex; flex-direction:column; align-items:flex-start; }
.text-marker { display:inline-block; width:5px; height:5px; background:var(--signal-text); margin-right:9px; vertical-align:middle; }
.profile h1 { margin:clamp(16px,3vh,32px) 0; font-size:clamp(48px,min(7.5vw,14vh),112px); line-height:.88; letter-spacing:-.085em; font-weight:750; }
.period { color:var(--signal-text); }
.profile-intro { margin:0 0 24px; max-width:400px; color:var(--muted); font-size:clamp(15px,1.2vw,18px); line-height:1.65; }
.profile-note { color:var(--muted); font-size:10px; margin:20px 0 0; }
.profile-inspector { min-width:0; padding:24px; background:var(--signal); color:var(--ink); }
.inspector-header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.inspector-header .mono { font-size:11px; text-transform:uppercase; }
.inspector-header img { width:52px; height:52px; mix-blend-mode:multiply; }
.experience { display:flex; flex-direction:column; gap:12px; padding:clamp(16px,3vh,36px) 0; }
.experience strong { font-size:clamp(56px,min(8vw,16vh),120px); letter-spacing:-.1em; line-height:.85; }
.experience span { font:10px var(--mono); text-transform:uppercase; }
.role { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 0; border-top:1px solid rgb(16 16 15 / 35%); }
.role > span { display:flex; flex-direction:column; gap:3px; }
.role strong { font-size:18px; letter-spacing:-.04em; }
.role small { font:10px var(--mono); }
.inspector-note { border-top:1px solid rgb(16 16 15 / 35%); margin:0; padding-top:16px; font:11px/1.6 var(--mono); }
.profile-inspector a:focus-visible { outline-color:var(--ink); }
.segment { display:flex; border:1px solid var(--line); flex-shrink:0; }
.segment button { min-width:0; flex:1; padding:11px 12px; min-height:44px; border:0; border-right:1px solid var(--line); background:transparent; font:12px var(--mono); }
.segment button:last-child { border-right:0; }
.segment button[aria-pressed="true"] { background:var(--signal); color:var(--ink); }
.segment button:hover:not([aria-pressed="true"]) { background:var(--raised); }
.home-switch { display:none; }
.project-file { display:flex; flex:1; min-height:0; background:var(--surface); border:1px solid var(--line); padding:clamp(20px,3vw,40px); }
.project-page { min-width:0; min-height:0; display:flex; flex-direction:column; align-items:flex-start; justify-content:safe center; width:100%; }
.project-meta { display:flex; gap:16px; flex-wrap:wrap; color:var(--muted); font-size:11px; }
.project-page h3 { font-size:clamp(30px,min(5.8vw,9vh),76px); line-height:1; letter-spacing:-.07em; margin:24px 0 16px; max-width:16ch; }
#project-lead { max-width:42ch; font-size:clamp(16px,1.6vw,22px); margin:0 0 28px; }
.project-details { gap:24px; }
#project-description { max-width:65ch; font-size:clamp(15px,1.6vw,21px); line-height:1.65; margin:0; color:var(--text); }
.tags { display:flex; flex-wrap:wrap; gap:8px; padding:0; margin:0; list-style:none; }
.tags li { border:1px solid var(--line); padding:8px 12px; font:11px/1.4 var(--mono); color:var(--muted); }
.view-pagination { margin-top:auto; }
.principle-content,.stack-content { min-height:0; flex:1; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
.principle-number { font:clamp(48px,10vh,108px)/1 var(--mono); color:var(--signal-text); letter-spacing:-.09em; }
.principle-content h3,.stack-content h3 { font-size:clamp(26px,min(4.3vw,7vh),56px); line-height:1.08; max-width:24ch; letter-spacing:-.055em; margin:20px 0; }
.principle-content p { max-width:56ch; color:var(--muted); font-size:clamp(16px,1.6vw,21px); margin:0; line-height:1.65; }
.stack-tags { max-width:700px; }
.stack-tags li { padding:12px 16px; color:var(--text); }
.contact-pages { flex:1; min-height:0; display:flex; }
.contact-page { min-width:0; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; width:100%; }
.contact-prefix { color:var(--signal-text); }
.contact-page h3 { margin:20px 0; max-width:13ch; white-space:pre-line; font-size:clamp(34px,min(6vw,10vh),80px); letter-spacing:-.075em; line-height:.98; }
.contact-page > p { margin:0 0 20px; color:var(--muted); }
.email-link { font:clamp(13px,1.5vw,20px) var(--mono); border-bottom:1px solid var(--line); padding-bottom:12px; }
.contact-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.elsewhere { align-items:stretch; }
.elsewhere .eyebrow { margin-bottom:16px; }
.elsewhere a { display:flex; justify-content:space-between; align-items:center; border-top:1px solid var(--line); padding:clamp(12px,2.4vh,28px) 8px; gap:16px; }
.elsewhere a:last-child { border-bottom:1px solid var(--line); }
.elsewhere a span { display:flex; flex-direction:column; gap:4px; }
.elsewhere strong { font-size:clamp(20px,3vw,40px); letter-spacing:-.045em; }
.elsewhere small { font-size:13px; color:var(--muted); }
.elsewhere a:hover { background:var(--signal); color:var(--ink); }
.elsewhere a:hover small { color:var(--ink); }
.command-area { position:relative; min-width:0; border-top:1px solid var(--line); background:var(--surface); }
.mobile-command-launch { display:none; }
#commandClose { border:1px solid var(--line); background:var(--bg); padding:8px 12px; font:11px var(--mono); }
.command-form { display:flex; align-items:stretch; height:100%; min-width:0; }
.command-prompt { display:flex; align-items:center; gap:12px; padding-left:24px; font:12px var(--mono); color:var(--signal-text); }
.command-prompt span:last-child { font-size:18px; }
.command-form input { flex:1; min-width:0; background:none; border:0; color:var(--text); padding:0 16px; font:13px var(--mono); border-radius:0; }
.command-form input::placeholder { color:var(--muted); }
.command-form input:focus { outline:none; background:var(--raised); }
.run-command { padding:0 22px; background:none; border:0; border-left:1px solid var(--line); font:11px var(--mono); }
.run-command:hover { background:var(--signal); color:var(--ink); }
.command-results { position:absolute; z-index:30; bottom:100%; left:0; right:0; background:var(--raised); border:1px solid var(--line); box-shadow:0 -12px 40px rgb(0 0 0 / 18%); padding:12px; }
.command-results-heading { display:flex; justify-content:space-between; color:var(--muted); font:11px var(--mono); padding:2px 10px 12px; }
#commandOptions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
.command-option { padding:12px; border:1px solid var(--line); font:12px var(--mono); background:var(--bg); text-align:left; min-width:0; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.command-option small { color:var(--muted); font-size:10px; }
.command-option[aria-selected="true"] { background:var(--signal); color:var(--ink); border-color:var(--signal); }
.command-option[aria-selected="true"] small { color:var(--ink); }
.command-empty { font:12px var(--mono); color:var(--muted); margin:8px; }
.status-bar { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 16px; border-top:1px solid var(--line); font:10px var(--mono); color:var(--muted); }
.status-bar > span:first-child { min-width:0; display:flex; align-items:center; gap:8px; }
#statusText { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.status-dot { width:4px; height:4px; flex-shrink:0; background:var(--signal-text); }
.noscript { position:fixed; inset:auto 16px 60px; padding:16px; background:var(--signal); color:var(--ink); }
@media (max-width:1100px) { .workspace { grid-template-columns:176px minmax(0,1fr); } .header-caption { display:none; } .home-layout { gap:24px; } .profile-inspector { padding:20px; } .view { padding:28px; } .profile h1 { font-size:clamp(48px,min(7vw,14vh),88px); } }
@media (max-width:900px) {
  body { padding:0; }
  .workspace { height:var(--app-height,100dvh); border:0; grid-template-columns:minmax(0,1fr); grid-template-rows:52px 48px minmax(0,1fr) 48px 24px; }
  .app-header { grid-row:1; } .brand img { height:51px; width:51px; } .brand { font-size:12px; gap:12px; }
  .explorer { grid-row:2; border-right:0; border-bottom:1px solid var(--line); display:block; }
  .explorer-label,.explorer-foot { display:none; }
  .file-nav { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); height:100%; }
  .file-nav a { min-width:0; justify-content:center; padding:0 6px; border:0; border-bottom:2px solid transparent; }
  .file-nav a[aria-current="page"] { border-bottom-color:var(--signal-text); }
  .file-number { display:none; }
  .editor { grid-row:3; grid-template-rows:30px minmax(0,1fr); }
  .command-area { grid-row:4; } .status-bar { grid-row:5; }
  .view { padding:24px; } .editor-bar { padding-inline:24px; }
  .status-hint { display:none; }
}
@media (max-width:700px) {
  .utility { padding:0 12px; font-size:11px; }
  .command-trigger { display:none; }
  .file-name { display:none; } .mobile-label { display:block; font:11px var(--mono); }
  .home-layout { grid-template-columns:minmax(0,1fr); align-items:center; }
  .home-view[data-page="profile"] [data-home-page="now"],.home-view[data-page="now"] [data-home-page="profile"] { display:none; }
  .home-switch { display:flex; }
  .profile h1 { font-size:clamp(52px,min(15vw,14vh),84px); margin:20px 0; }
  .profile-intro { font-size:16px; margin-bottom:20px; }
  .profile-note { display:none; }
  .profile-inspector { width:100%; max-width:440px; margin-inline:auto; padding:20px; }
  .experience { padding:20px 0; } .experience strong { font-size:72px; }
  .role { padding:12px 0; } .inspector-note { padding-top:12px; }
  .project-page h3 { font-size:clamp(30px,8vw,44px); margin:16px 0; }
  #project-lead { font-size:16px; margin-bottom:20px; }
  #project-description { font-size:15px; line-height:1.55; }
  .project-details { gap:16px; }
  .tags { gap:6px; } .tags li { font-size:10px; padding:6px 8px; }
  .project-meta { font-size:10px; gap:8px; }
  .principle-content h3,.stack-content h3 { font-size:clamp(26px,7vw,40px); }
  .principle-content p { font-size:16px; }
  .principle-number { font-size:64px; }
  .contact-page h3 { font-size:clamp(36px,10vw,52px); }
  .contact-page > p { font-size:15px; }
  .command-prompt { padding-left:16px; } .prompt-user { display:none; }
  .command-form input { font-size:16px; padding-inline:12px; }
  .run-command { padding-inline:14px; }
  .contact-actions { gap:8px; }
}
@media (max-width:380px) { .view { padding:18px; gap:12px; } .editor-bar { padding-inline:18px; } .brand { font-size:10px; gap:8px; padding-right:4px; } .utility { padding:0 10px; } .view-heading h2 { font-size:18px; } .project-file { padding:16px; } .segment button { font-size:10px; padding:10px 6px; } .primary,.secondary { padding:12px; font-size:11px; gap:14px; } .email-link { font-size:12px; } }
@media (max-height:700px) {
  .view { padding:20px; gap:14px; }
  .profile h1 { margin:14px 0; }
  .profile-intro { margin-bottom:16px; }
  .profile-note { display:none; }
  .profile-inspector { padding:16px; }
  .inspector-header img { width:32px; height:32px; }
  .experience { padding:14px 0; }
  .experience strong { font-size:60px; }
  .role { padding:10px 0; }
  .inspector-note { font-size:10px; padding-top:10px; }
  .project-file { padding:18px; }
  .project-page h3 { margin:12px 0; }
  #project-lead { margin-bottom:16px; }
  .project-details { gap:12px; }
  .principle-number { font-size:44px; }
  .principle-content h3 { margin:14px 0; }
  .contact-page h3 { margin:12px 0; }
  .contact-actions { margin-top:16px; }
  .contact-page > p { margin-bottom:14px; }
}
@media (max-height:540px) {
  .view { padding:14px 20px; gap:10px; }
  .view-heading { display:none; }
  .profile h1 { font-size:44px; margin:12px 0; }
  .profile-intro { font-size:14px; line-height:1.45; margin-bottom:12px; }
  .profile .eyebrow { display:none; }
  .primary,.secondary { min-height:40px; padding:10px 14px; }
  .profile-inspector { padding:12px 16px; }
  .inspector-header img { width:28px; height:28px; }
  .experience { flex-direction:row; align-items:center; padding:10px 0; }
  .experience strong { font-size:44px; }
  .role { padding:8px 0; } .role strong { font-size:16px; }
  .inspector-note { display:none; }
  .project-file { padding:14px; }
  .project-page h3 { font-size:28px; margin:10px 0; }
  #project-lead { margin-bottom:12px; font-size:15px; }
  #project-description { font-size:14px; line-height:1.4; }
  .project-details { gap:10px; } .project-details .eyebrow { display:none; }
  .tags li { font-size:10px; padding:5px 8px; }
  .principle-number { font-size:28px; }
  .principle-content h3,.stack-content h3 { font-size:26px; margin:12px 0; }
  .principle-content p { font-size:14px; line-height:1.45; }
  .contact-prefix { display:none; }
  .contact-page h3 { font-size:30px; margin:0 0 12px; }
  .contact-page > p { font-size:14px; margin-bottom:12px; }
  .email-link { padding-bottom:8px; } .contact-actions { margin-top:12px; }
  .elsewhere a { padding:10px 8px; }
  .elsewhere strong { font-size:20px; } .elsewhere small { font-size:11px; }
}
@media (max-height:540px) and (min-width:701px) {
  body { padding:0; }
  .workspace { height:var(--app-height,100dvh); grid-template-columns:152px minmax(0,1fr); grid-template-rows:44px minmax(0,1fr) 40px 22px; }
  .brand img { width:43px; height:43px; }
  .explorer { grid-row:2/4; display:flex; border-right:1px solid var(--line); border-bottom:0; }
  .explorer-label { display:flex; padding:14px; }
  .explorer-foot { display:none; }
  .file-nav { display:flex; flex-direction:column; height:auto; }
  .file-nav a { min-height:40px; justify-content:flex-start; padding:12px; border-left:2px solid transparent; border-bottom:0; font-size:11px; }
  .file-nav a[aria-current="page"] { border-left-color:var(--signal); }
  .file-name { display:block; }
  .mobile-label { display:none; }
  .editor { grid-row:2; grid-template-rows:26px minmax(0,1fr); }
  .command-area { grid-row:3; grid-column:2; }
  .status-bar { grid-row:4; }
  .elsewhere { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-content:center; gap:12px; }
  .elsewhere .eyebrow { grid-column:1/-1; margin-bottom:0; }
  .elsewhere a { border:1px solid var(--line); flex-direction:column; align-items:flex-start; justify-content:space-between; padding:12px; gap:12px; }
  .elsewhere small { font-size:11px; }
}
@media (max-height:540px) and (max-width:700px) {
  .is-commanding .view { display:none; }
  .is-commanding .command-results { padding:8px; }
  .is-commanding .command-option { padding:10px; }
  .is-commanding .command-option small { display:none; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none !important; transition:none !important; } .identity-transition { display:none !important; } .editor[data-transitioning] > :not(.identity-transition) { opacity:1; } }
/* On phones, commands occupy their own screen rather than covering the page.
   The visual viewport shrinks with the iOS keyboard; height media queries don't. */
@media (max-width:700px) {
  body { position:fixed; inset:0; padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); }
  .workspace { height:calc(var(--app-height,100dvh) - env(safe-area-inset-top) - env(safe-area-inset-bottom)); grid-template-rows:52px 44px minmax(0,1fr) 44px; }
  .status-bar { display:none; }
  .brand { min-width:0; padding-right:8px; gap:8px; font-size:11px; }
  .brand span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .utilities { flex-shrink:0; }
  .view { padding:16px; gap:12px; }
  .editor-bar { padding-inline:16px; }
  .project-file { padding:16px; }
  .project-selector button { font-size:11px; padding-inline:6px; }
  .mobile-command-launch { display:flex; align-items:center; gap:12px; width:100%; height:100%; padding:0 16px; border:0; background:none; text-align:left; font:12px var(--mono); }
  .mobile-command-launch > span:first-child { color:var(--signal-text); }
  .command-form { display:none; }
  .workspace.is-commanding .editor { display:none; }
  .workspace.is-commanding .command-area { grid-row:3 / 5; display:grid; min-height:0; grid-template-rows:52px minmax(0,1fr); }
  .is-commanding .mobile-command-launch { display:none; }
  .is-commanding .command-form { display:flex; grid-row:1; border-bottom:1px solid var(--line); }
  .is-commanding .command-results { position:static; grid-row:2; min-height:0; overflow:auto; padding:12px; border:0; box-shadow:none; }
  .command-results-heading { align-items:center; padding:0 0 8px; gap:8px; }
  #commandClose { min-height:44px; }
  .command-option { min-height:44px; padding:10px; }
  .command-option small { display:none; }
  /* Accessible fallback for enlarged text / exceptionally short browser views. */
  .project-page,.principle-content,.stack-content,.contact-page { overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; }
}
/* Compact content based on its allocated space, including browser chrome. */
@container editor (max-height:470px) {
  .view { padding:14px 16px; gap:10px; }
  .view-heading { display:none; }
  .project-file { padding:14px; }
  .project-page h3 { font-size:28px; margin:10px 0; }
  #project-lead { font-size:15px; margin-bottom:12px; }
  #project-description { font-size:14px; line-height:1.45; }
  .project-details { gap:12px; }
  .project-details .eyebrow { display:none; }
  .tags { gap:6px; } .tags li { padding:5px 8px; font-size:10px; }
  .profile h1 { font-size:48px; margin:14px 0; }
  .profile-intro { font-size:15px; line-height:1.45; margin-bottom:14px; }
  .profile-note { display:none; }
  .profile-inspector { padding:14px; }
  .inspector-header img { width:28px; height:28px; }
  .experience { padding:12px 0; flex-direction:row; align-items:center; }
  .experience strong { font-size:52px; }
  .role { padding:8px 0; }
  .inspector-note { display:none; }
  .principle-number { font-size:32px; }
  .principle-content h3,.stack-content h3 { font-size:26px; margin:12px 0; }
  .principle-content p { font-size:15px; line-height:1.45; }
  .contact-prefix { display:none; }
  .contact-page h3 { font-size:32px; margin:0 0 12px; }
  .contact-page > p { font-size:14px; margin-bottom:12px; }
  .contact-actions { margin-top:12px; }
}