/* Colour roles: amber = main actions and choices, Sky (its opposite on the colour wheel) = step numbers, outline = copy and other secondary buttons.
   LeadLamp record generators: the DNS record shown as one row, like a line in any DNS provider's settings, plus the steps to add it. */
:is(#llg,#lls) .llhow{flex:1 1 100%;min-width:0;box-sizing:border-box;padding:32px;border-top:1px solid #DCE8EB;background:#F2F9FA;color:#42555B;font-size:16px;line-height:1.55;text-align:left;}
:is(#llg,#lls) .llhow-eyebrow{margin:0 0 6px;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#006880;}
:is(#llg,#lls) .llhow-lead{margin:-12px 0 18px;font-size:15px;line-height:1.5;color:#63757A;}
:is(#llg,#lls) .llhow h3{margin:0 0 20px;font-size:22px;font-weight:700;line-height:1.25;letter-spacing:-.3px;color:#12282D;}
:is(#llg,#lls) .llrec{border:1px solid #BFD3D8;border-radius:12px;overflow:hidden;background:#FFFFFF;}
:is(#llg,#lls) .llrec-head,:is(#llg,#lls) .llrec-row{display:grid;grid-template-columns:96px 200px minmax(0,1fr) 96px;}
:is(#llg,#lls) .llrec-head{background:#E6F2F4;border-bottom:1px solid #DCE8EB;}
:is(#llg,#lls) .llrec-head span{padding:10px 16px;font-size:13px;font-weight:700;color:#63757A;}
:is(#llg,#lls) .llrec-cell{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;padding:14px 16px;}
:is(#llg,#lls) .llrec-k{display:none;font-size:13px;font-weight:700;color:#63757A;}
:is(#llg,#lls) .llrec-v{margin:0;padding:0;background:transparent;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;line-height:1.55;color:#12282D;overflow-wrap:anywhere;}
:is(#llg,#lls) .llrec-copy{display:inline-flex;align-items:center;gap:7px;min-height:36px;margin:0;padding:0 14px;border:1px solid #BFD3D8;border-radius:999px;background:transparent;color:#12282D;font-family:inherit;font-size:14px;font-weight:700;line-height:1;text-transform:none;cursor:pointer;}
:is(#llg,#lls) .llrec-copy:hover,:is(#llg,#lls) .llrec-copy:focus{border-color:#006880;background:transparent;color:#006880;}
:is(#llg,#lls) .llrec-copy.is-done,:is(#llg,#lls) .llrec-copy.is-done:hover,:is(#llg,#lls) .llrec-copy.is-done:focus{border-color:#1C8A4C;background:transparent;color:#1C8A4C;}
:is(#llg,#lls) .llrec-copy.is-small{min-height:28px;padding:0 10px;font-size:13px;vertical-align:middle;}
:is(#llg,#lls) .llrec-copy svg{flex:0 0 auto;}
:is(#llg,#lls) .llrec-note{margin:12px 0 0;font-size:14px;line-height:1.55;color:#63757A;}
:is(#llg,#lls) .llrec-note strong{color:#42555B;font-weight:700;}
:is(#llg,#lls) .llsteps{display:flex;flex-direction:column;gap:14px;max-width:860px;margin:26px 0 0;padding:0;list-style:none;counter-reset:llstep;}
:is(#llg,#lls) .llsteps li{position:relative;margin:0;padding:0 0 0 44px;counter-increment:llstep;color:#42555B;}
:is(#llg,#lls) .llsteps li::before{content:counter(llstep);position:absolute;top:-1px;left:0;width:28px;height:28px;border-radius:14px;background:var(--e-global-color-63a1ff5b,#006880);color:#FFFFFF;font-size:14px;font-weight:700;line-height:28px;text-align:center;}
:is(#llg,#lls) .llsteps strong{color:#12282D;font-weight:700;}
:is(#llg,#lls) .llhow code.llinline{padding:1px 6px;border-radius:5px;background:#E6F2F4;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;color:#12282D;overflow-wrap:anywhere;}
:is(#llg,#lls) .llhow-after{max-width:860px;margin:22px 0 0;font-size:15px;line-height:1.55;color:#42555B;}
@media (max-width:767px){
:is(#llg,#lls) .llhow{padding:22px 18px;}
:is(#llg,#lls) .llhow h3{font-size:20px;}
:is(#llg,#lls) .llrec-head{display:none;}
:is(#llg,#lls) .llrec-row{grid-template-columns:minmax(0,1fr);}
:is(#llg,#lls) .llrec-cell{gap:6px;border-bottom:1px solid #E9F1F3;}
:is(#llg,#lls) .llrec-cell:last-child{border-bottom:0;}
:is(#llg,#lls) .llrec-k{display:block;}
:is(#llg,#lls) .llrec-copy{margin-top:4px;}
:is(#llg,#lls) .llsteps li{padding-left:40px;}
}