/* Sbekfc visual system: a quiet, editorial workspace for choosing names. */
:root{
  --ink:#1e302d;--muted:#52635e;--cream:#f6f4ed;--white:#fffefa;
  --purple:#214b42;--lavender:#e6eee6;--line:#d7dfd5;--yellow:#f2c88d;
  --accent:#b85d3b;--forest:#214b42;--forest-dark:#173a33;
  --sage:#e8efe7;--surface:#fffefa;--radius:18px
}
html{scroll-padding-top:24px}
body{background:var(--cream);color:var(--ink);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
::selection{background:#dce9d8;color:#173a33}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #bc6a42;outline-offset:3px}
.wrap{max-width:1240px;padding-inline:38px}
.site-header{background:rgba(246,244,237,.96);border-bottom:1px solid var(--line);box-shadow:0 2px 14px rgba(27,58,49,.025)}
.nav-wrap{height:78px;gap:24px}
.brand{font-size:28px;letter-spacing:-1.9px;font-weight:850;color:var(--forest-dark)}
.brand-mark{color:var(--accent);font-size:33px}
.brand-dot{color:var(--accent)}
.primary-nav{gap:23px}
.primary-nav a{color:#40564e;font-size:13px;font-weight:700;padding:10px 0;position:relative}
.primary-nav a:hover,.primary-nav a[aria-current]{color:var(--forest-dark)}
.primary-nav a[aria-current]:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--accent)}
.nav-cta,.primary-button{background:var(--forest);border-radius:9px;color:#fff;padding:14px 20px;font-weight:750;box-shadow:0 3px 0 rgba(15,48,39,.15)}
.nav-cta:hover,.primary-button:hover{background:#306456;transform:translateY(-2px)}
.nav-cta{font-size:12px}
.eyebrow{color:#a14d30;font-size:11px;letter-spacing:.17em;margin-bottom:17px}
.spark{color:var(--accent)}
.hero{min-height:570px;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:55px;padding-top:68px;padding-bottom:74px}
.hero h1,.page-hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.065em;line-height:1.04}
.hero h1{font-size:clamp(55px,6.5vw,86px);max-width:740px}
.hero h1 em,.page-hero h1 em,.editorial h2 em{color:var(--accent);font-weight:400}
.hero-lede,.page-hero>p:last-child{color:#4f625b;font-size:17px;line-height:1.75;max-width:580px}
.hero-lede{margin-top:26px}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:30px}
.hero-actions .primary-button{width:auto;font-size:14px;min-height:51px}
.hero-secondary{color:var(--forest);font-size:13px;font-weight:800;text-decoration:none;border-bottom:1px solid #8fa99a;padding-bottom:5px}
.hero-secondary:hover{text-decoration:underline}
.hero-chips{margin-top:35px;gap:8px}
.hero-chips span{background:transparent;border:0;border-right:1px solid #cbd8ca;border-radius:0;padding:0 12px 0 0;margin-right:4px;color:#52675e;font-size:11px}
.hero-chips span:last-child{border-right:0}
.hero-art{height:410px;border-radius:0;background:transparent;display:grid;place-items:center;overflow:visible}
.hero-art:before{content:"";position:absolute;inset:10% 4% 0 6%;border-radius:44% 56% 48% 52%;background:#e6ebe0;transform:rotate(-9deg)}
.specimen-card{position:relative;z-index:1;width:min(100%,475px);min-height:330px;padding:29px 34px;background:#fffefa;border:1px solid #cfd9cc;box-shadow:18px 20px 0 #dce6d9,0 22px 50px rgba(32,67,56,.1);transform:rotate(-3deg);display:flex;flex-direction:column}
.specimen-top,.specimen-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#697b6f;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.specimen-top span:last-child{font-size:21px;line-height:1;color:var(--accent)}
.specimen-main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:20px 0 28px}
.specimen-caption{font-size:12px;color:#6a7c71;margin-bottom:12px}
.specimen-main strong{font-family:Georgia,"Times New Roman",serif;font-size:clamp(46px,5vw,69px);font-weight:400;letter-spacing:-.07em;line-height:1;color:var(--forest-dark)}
.specimen-period{color:var(--accent)}
.specimen-pronounce{font-size:12px;color:#65776b;letter-spacing:.12em;margin-top:13px}
.specimen-rule{height:1px;background:#cdd8ca;margin-bottom:18px}
.specimen-stamp{position:absolute;right:-5%;bottom:0;z-index:2;display:grid;place-items:center;width:102px;height:102px;border-radius:50%;background:#b75f3e;color:white;font-size:12px;font-weight:800;letter-spacing:.09em;text-align:center;line-height:1.3;transform:rotate(11deg);box-shadow:0 12px 25px rgba(75,36,21,.17)}
.builder-section{padding-top:70px;padding-bottom:94px;border-top:1px solid var(--line)}
.section-heading{margin-bottom:29px}
.section-heading h2,.content-section h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.045em;color:var(--forest-dark)}
.section-heading p:not(.eyebrow){color:var(--muted)}
.step-label{color:#9c6751}
.builder-panel,.studio-panel,.insight-search,.editor-controls,.editor-keyboard,.mixer-panel,.random-panel,.small-tool,.compare-panel{background:var(--surface);border:1px solid #ccd8cd;border-radius:18px;box-shadow:0 14px 35px rgba(37,69,54,.045)}
.builder-panel{padding:30px}
.input-label{color:#273f36;font-size:12px;letter-spacing:.01em}
.builder-fields input,.builder-fields select,.input-row input,.small-tool input,.discover-toolbar input,.discover-toolbar select,.random-panel select,.editor-controls input,.editor-controls select,.editor-controls textarea,.mixer-fields input,.compare-controls select,.candidate-form input{background:#fff;border:1px solid #c9d5cb;border-radius:9px;color:var(--ink);min-height:50px}
.builder-fields input:focus,.builder-fields select:focus,.input-row input:focus,.small-tool input:focus,.discover-toolbar input:focus,.discover-toolbar select:focus,.random-panel select:focus,.editor-controls input:focus,.editor-controls select:focus,.editor-controls textarea:focus,.mixer-fields input:focus,.compare-controls select:focus,.candidate-form input:focus{border-color:#4e826e;box-shadow:0 0 0 3px #dcebe0;outline:0}
.field-note{color:#5c7066}
.builder-error{color:#a13f2e}
.results-heading h3{color:var(--forest-dark);font-family:Georgia,"Times New Roman",serif;font-size:24px;font-weight:500}
.results-heading p{color:#596d62}
.builder-section .results-heading p{max-width:390px;text-align:right;line-height:1.5}
.builder-section .primary-button:disabled{background:#b9c8b9;color:#334b40;cursor:not-allowed;transform:none}
.count-pill{background:#e1ece1;color:#2e5a4b}
.builder-card,.result-card,.style-row,.idea-card,.compare-card,.insight-detail-grid section,.name-story-card{background:var(--surface);border:1px solid #d3ddd2;border-radius:14px;box-shadow:0 5px 16px rgba(25,62,43,.025)}
.builder-card{padding:24px;min-height:225px}
.builder-card h4,.name-story-card strong,.compare-card h3{color:var(--forest-dark);font-family:Georgia,"Times New Roman",serif}
.builder-card p,.builder-card .builder-card-detail,.compare-card p{color:#51665b}
.feature-kicker{color:#a45539;letter-spacing:.14em;font-size:10px}
.builder-card-actions button,.preset-row button{background:#eff4ec;border:1px solid #cad9cb;color:#2b5a49;border-radius:8px}
.builder-card-actions button:hover,.preset-row button:hover{background:#dcebdc}
.builder-card-actions button[aria-pressed="true"],.save-button[aria-pressed="true"]{color:#a54534;background:#f8eae3;border-color:#ebc8b9}
.builder-shortlist,.insight-result{background:#e8efe6;border-color:#ccdacb;border-radius:16px}
.saved-item{border-color:#cbddcc;color:#2f5948}
.saved-item button{background:#edf4ec;color:#2f5948}
.builder-explainer{border-left:3px solid var(--accent);padding-left:25px}
.builder-explainer h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;color:var(--forest-dark)}
.studio-section,.content-section.tinted{background:#eaf0e8;border-color:#d5e0d4}
.studio-panel{padding:28px}
.filter-row{border-color:#dfe8df}
.filter{background:#eef3ed;color:#3e5c4f;border-color:#d8e4d7}
.filter:hover{background:#dcebdd}
.filter.active,.secondary-button.active,.preset-row button[aria-pressed="true"]{background:var(--forest);color:white;border-color:var(--forest)}
.result-card{min-height:120px}
.result-value,.style-preview{color:var(--forest-dark)}
.result-card:hover,.style-row:hover,.symbol-button:hover,.feature-card:hover,.name-story-card:hover{border-color:#91ae9c;box-shadow:0 15px 24px rgba(29,65,46,.09)}
.copy-icon{color:var(--accent)}
.feature-section{padding-top:91px;padding-bottom:95px}
.feature-grid{gap:15px}
.feature-card{border:1px solid #d1dccf;min-height:290px;border-radius:16px;padding:24px;color:var(--forest-dark)}
.feature-card.peach{background:#f3e8dc}
.feature-card.lilac{background:#e7eee5}
.feature-card.mint{background:#e4efeb}
.feature-card.butter{background:#f3eddc}
.feature-icon{border-radius:10px;background:#fffefa;color:var(--accent);margin-bottom:29px;width:54px;height:54px}
.feature-card strong{font-family:Georgia,"Times New Roman",serif;font-size:24px;font-weight:500;line-height:1.15}
.feature-card>span:nth-last-child(2){color:#4e6258}
.feature-link{color:#23513f}
.editorial{border-color:#d1dcd1}
.editorial h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;color:var(--forest-dark)}
.editorial-copy p,.two-column p,.prose p{color:#4e6257}
.editorial-copy a,.text-link,.narrow a:not(.primary-button),.name-profile-article a,.source-list a,.compare-card a,.name-comparison tbody th a{color:#1e6550;border-color:#a4c1ac}
.page-hero{padding-top:79px;padding-bottom:73px;border-color:#d8dfd3;background:radial-gradient(circle at 88% 20%,#e7ede4 0,transparent 34%)}
.page-hero h1{font-size:clamp(50px,6vw,75px)}
.content-section{padding-top:75px;padding-bottom:84px}
.secondary-button{background:var(--surface);border-color:#a9c1ae;border-radius:9px;color:#245542}
.secondary-button:hover{background:#e9f2e8}
.idea-card h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;color:var(--forest-dark)}
.save-button,.copy-link{color:#2d6651}
.empty-state{border-color:#a8c2ab}
.symbol-button{color:var(--forest);border-color:#d2ded3;border-radius:10px}
.editor-controls textarea{min-height:125px}
.mini-symbol-grid button{background:#eef4ec;border-color:#d2dfd3;color:var(--forest)}
.mini-symbol-grid button:hover{background:#dfece0}
.guide>section,.guide-intro{border-color:#d7dfd4}
.guide .number,.guide-index{color:var(--accent)}
.guide-cta,.contact-card{background:#e4eee4;border:1px solid #cbddcb;border-radius:16px}
.site-footer{background:#193b33;color:#fff;padding-top:72px}
.site-footer .brand{color:#fff}
.site-footer .brand-mark{color:#e5a477}
.site-footer .brand-dot{color:#e5a477}
.site-footer .footer-top>div:first-child p{color:#bfd0c2}
.footer-links h2{color:#f0b690}
.footer-links a{color:#e2ede4}
.footer-bottom{color:#c2d1c5;border-color:#49675c}
.toast{background:var(--forest-dark)}
/* Name notebook, comparisons and factual chart components. */
.name-story-card{min-height:215px}
.name-story-card b,.name-profile-hero .back-link,.related-name{color:#286149}
.name-profile-article h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;color:var(--forest-dark)}
.name-profile-article section+section{border-color:#d7dfd4}
.name-profile-article p:not(.eyebrow){color:#506358}
.name-profile-aside{background:#e7efe5;border-color:#cfddcd;border-radius:16px}
.name-aside-title{color:var(--forest-dark)}
.name-profile-aside dl div{border-color:#cadaca}
.name-profile-aside dt{color:#587263}
.name-profile-aside dd{color:#214334}
.name-profile-aside p{color:#536b5b}
.related-name{border-color:#cbdccc;background:#fffefa}
.name-comparison{background:var(--surface);border-color:#d4ddd3}
.name-comparison thead{background:#e4eee3;color:var(--forest-dark)}
.name-comparison th,.name-comparison td{border-color:#dce6db}
.name-comparison tbody tr:nth-child(even){background:#f5f8f2}
.compare-theme{color:#a15b3c!important}
.compare-card dl div{border-color:#dce6da}
.compare-card dt{color:#607466}
.compare-card dd{color:#294437}
.compare-message{background:#e5eee3;color:#2a5340}
.name-trend{background:var(--surface);border-color:#d2dfd1}
.name-trend figcaption{color:var(--forest-dark)}
.trend-bars{border-color:#b6cbb8}
.trend-count,.trend-year{color:#526b59}
.trend-bar{background:linear-gradient(180deg,#8fbba0,#2c6852)}
.name-trend details{color:#295c48}
/* Name Test Lab: useful previews and decision notes, not a synthetic score. */
.name-lab-hero{padding-top:56px;padding-bottom:53px}
.name-lab-hero h1{font-size:clamp(48px,5.4vw,67px)}
.lab-teaser{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:35px;align-items:center;padding-top:42px;padding-bottom:43px;border-top:1px solid #d3ded1}
.lab-teaser h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(29px,3.2vw,43px);font-weight:500;line-height:1.15;letter-spacing:-.045em;color:var(--forest-dark);margin:0 0 10px}
.lab-teaser p:not(.eyebrow){font-size:15px;line-height:1.7;color:#506458;max-width:730px;margin:0}
.lab-teaser .primary-button{width:auto}
.name-lab-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.7fr);gap:20px;align-items:stretch}
.name-lab-form,.name-lab-preview,.name-lab-results{background:var(--surface);border:1px solid #ccd9cb;border-radius:17px;padding:26px;box-shadow:0 12px 29px rgba(37,69,54,.04)}
.name-lab-form-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(145px,.8fr) minmax(135px,.65fr);gap:14px}
.name-lab-form input,.name-lab-form select,.lab-backup input{display:block;width:100%;min-width:0;min-height:50px;border:1px solid #c9d5cb;border-radius:9px;background:#fff;color:var(--ink);font:inherit;padding:12px 14px}
.name-lab-form input:focus,.name-lab-form select:focus,.lab-backup input:focus{border-color:#4e826e;box-shadow:0 0 0 3px #dcebe0;outline:0}
.name-lab-saved{border-top:1px solid #dce5da;margin-top:22px;padding-top:18px;max-width:360px}
.name-lab-form .primary-button{margin-top:21px}
.name-lab-preview{background:#e9f0e7}
.name-lab-preview>.feature-kicker{display:block;margin-bottom:20px}
.preview-profile,.preview-search,.preview-message{background:#fffefa;border:1px solid #d0dcd0;border-radius:13px;padding:14px 15px;margin-bottom:11px;min-width:0}
.preview-profile,.preview-search{display:flex;align-items:center;gap:12px}
.preview-avatar{display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;background:#cce0cf;border-radius:50%;color:#1e4937;font-family:Georgia,serif;font-size:15px}
.preview-profile div,.preview-search div{min-width:0}
.preview-profile strong,.preview-search strong,.preview-message strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#183b30}
.preview-profile div span,.preview-search small{display:block;font-size:11px;color:#65766a;margin-top:3px}
.preview-search>span{font-size:25px;color:#698574}
.preview-message{margin-bottom:0}
.preview-message p{margin:6px 0 0;font-size:12px;color:#53685b}
.name-lab-preview>.field-note{margin-top:17px}
.name-lab-results{margin-top:22px}
.name-lab-results>h3{font-family:Georgia,"Times New Roman",serif;font-size:29px;font-weight:500;color:var(--forest-dark);margin:0 0 12px}
.name-lab-results>p{font-size:14px;color:#52675a;line-height:1.7}
.lab-fact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:19px 0 24px}
.lab-fact{background:#f1f5ef;border:1px solid #d7e3d5;border-radius:11px;padding:15px;min-width:0}
.lab-fact strong{display:block;font-size:20px;color:#204936;overflow-wrap:anywhere}
.lab-fact span{display:block;color:#5d7164;font-size:11px;margin-top:4px;line-height:1.5}
.lab-finding-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;list-style:none;padding:0;margin:0 0 23px}
.lab-finding-list li{border-left:3px solid #6d9c79;background:#f6f8f3;padding:11px 14px;color:#304c3b;font-size:13px;line-height:1.55}
.lab-finding-list li.review{border-color:#c2764d;background:#fcf4eb}
.lab-finding-list strong{display:block;margin-bottom:3px}
.lab-backup{border-top:1px solid #dce5da;padding-top:23px}
.lab-backup p{font-size:13px;line-height:1.6;color:#586e60;margin:0 0 13px}
.lab-backup-row{display:flex;gap:9px}
.lab-backup-row .secondary-button{flex:0 0 auto}
.lab-manual{border-top:1px solid #dce5da;margin-top:24px;padding-top:22px}
.lab-manual h4{font-size:18px;color:#244735;margin:0 0 11px}
.lab-manual label{display:flex;align-items:flex-start;gap:10px;color:#415b4b;font-size:13px;line-height:1.5;margin:10px 0}
.lab-manual input{margin-top:3px;accent-color:#235b45}
.lab-evidence-row{padding:16px 0;border-bottom:1px solid #e3ebe1}
.lab-manual .lab-check-label{font-weight:700;margin:0 0 10px}
.lab-manual .input-label{display:block;margin:0 0 7px}
.lab-manual textarea,.lab-manual select{display:block;width:100%;min-width:0;border:1px solid #c9d5cb;border-radius:9px;background:#fff;color:var(--ink);font:inherit;padding:12px 14px;line-height:1.5}
.lab-manual textarea{resize:vertical;min-height:72px}
.lab-manual select{min-height:50px}
.lab-manual textarea:focus,.lab-manual select:focus{border-color:#4e826e;box-shadow:0 0 0 3px #dcebe0;outline:0}
.lab-evidence-row+.input-label,.lab-manual select+.input-label{margin-top:21px}
.lab-result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.lab-result-actions .primary-button,.lab-result-actions .secondary-button{width:auto}
.lab-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.lab-method-grid article{background:#fffefa;border:1px solid #d1ded0;border-radius:14px;padding:23px}
.lab-method-grid h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:25px;color:var(--forest-dark);margin:12px 0}
.lab-method-grid p{font-size:14px;line-height:1.7;color:#53675a;margin:0}
.name-comparison td{line-height:1.6}
@media(max-width:1020px){
  .menu-toggle{display:block;border:1px solid #c8d9ca;border-radius:8px;background:#fffefa;width:43px;height:42px}
  .nav-cta{display:none}
  .primary-nav{display:none;position:absolute;left:0;right:0;top:78px;background:#f6f4ed;border-bottom:1px solid #d2ded2;box-shadow:0 18px 30px rgba(22,55,39,.13);padding:13px 30px 25px;flex-direction:column;align-items:stretch;gap:0}
  .primary-nav.open{display:flex}
  .primary-nav a{font-size:15px;border-bottom:1px solid #dce5d9;padding:14px 8px}
  .primary-nav a[aria-current]:after{display:none}
  .name-lab-layout{grid-template-columns:1fr}
  .name-lab-preview{max-width:none}
}
@media(max-width:1100px){
  .hero{gap:25px}
  .primary-nav{gap:13px}
  .primary-nav a{font-size:12px}
}
@media(max-width:860px){
  .nav-wrap{height:72px}
  .primary-nav{top:72px;background:#f6f4ed;border-color:#d2ded2;box-shadow:0 18px 30px rgba(22,55,39,.13);padding:13px 30px 25px}
  .primary-nav a{font-size:15px;border-bottom:1px solid #dce5d9;padding:14px 8px}
  .primary-nav a[aria-current]:after{display:none}
  .menu-toggle{border:1px solid #c8d9ca;border-radius:8px;background:#fffefa;width:43px;height:42px}
  .hero{grid-template-columns:1fr .78fr;gap:10px}
  .specimen-card{min-height:290px;padding:25px}
  .specimen-stamp{width:82px;height:82px;font-size:10px}
}
@media(max-width:720px){
  .wrap{padding-inline:20px}
  .nav-wrap{height:68px}
  .primary-nav{top:68px;padding-inline:20px}
  .hero{padding-top:53px;padding-bottom:65px;gap:26px}
  .hero h1{font-size:clamp(49px,11vw,70px)}
  .hero-actions{gap:17px}
  .hero-actions .primary-button{width:auto}
  .hero-art{height:305px;width:min(100%,450px);margin:0 auto}
  .hero-art:before{inset:9% 4% 0 4%}
  .specimen-card{min-height:240px;padding:20px 24px;box-shadow:11px 12px 0 #dce6d9,0 18px 32px rgba(32,67,56,.07)}
  .specimen-main strong{font-size:clamp(43px,10vw,58px)}
  .specimen-stamp{right:-1%;bottom:5px}
  .hero-chips{margin-top:27px}
  .builder-section{padding-top:57px;padding-bottom:70px}
  .builder-panel{padding:19px}
  .builder-section .results-heading{align-items:flex-start;flex-direction:column;gap:5px}
  .builder-section .results-heading p{text-align:left}
  .builder-explainer{padding-left:18px}
  .page-hero{padding-top:64px;padding-bottom:62px}
  .page-hero h1{font-size:clamp(47px,10vw,66px)}
  .content-section{padding-top:58px;padding-bottom:68px}
  .feature-card{min-height:235px}
  .feature-icon{margin-bottom:17px}
  .name-lab-hero{padding-top:45px;padding-bottom:44px}
  .lab-teaser{grid-template-columns:1fr;gap:22px;padding-top:34px;padding-bottom:37px}
  .lab-teaser .primary-button{justify-self:start}
  .name-lab-form,.name-lab-preview,.name-lab-results{padding:20px}
  .name-lab-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .name-lab-name{grid-column:1/-1}
  .lab-fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lab-finding-list,.lab-method-grid{grid-template-columns:1fr}
}
@media(max-width:470px){
  .hero-chips{gap:7px 13px}
  .hero-chips span{border:0;margin:0;padding:0}
  .hero-secondary{font-size:12px}
  .hero-art{height:258px}
  .specimen-card{min-height:210px}
  .specimen-main{padding:17px 0}
  .specimen-main strong{font-size:42px}
  .specimen-stamp{width:67px;height:67px;font-size:8px}
  .specimen-bottom{font-size:8px}
  .site-footer{padding-top:58px}
  .name-lab-form-grid,.lab-fact-grid{grid-template-columns:1fr}
  .name-lab-name{grid-column:auto}
  .lab-backup-row{flex-direction:column}
  .lab-result-actions .primary-button,.lab-result-actions .secondary-button{width:100%}
}