/* Practice navigation: consistent visual weight and usable topic grids. */
.internal-page .inner-content .area-grid { gap: 22px; }
.internal-page .inner-content .topic-grid {
  grid-template-columns: repeat(auto-fit,minmax(min(100%,240px),1fr));
  gap: 20px;
  margin-top: 24px;
}
.internal-page .inner-content :is(a.topic-card,.area-topic-card) {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: start;
  min-height: 254px;
  padding: 28px;
  background: linear-gradient(145deg,#fff 60%,#f2f5fa);
  border: 1px solid #dce4ee;
  border-radius: 18px;
  box-shadow: 0 7px 22px rgba(11,37,69,.055);
  text-decoration: none;
  overflow: hidden;
  transition: border-color .2s,box-shadow .2s,transform .2s;
}
.internal-page .inner-content :is(a.topic-card,.area-topic-card)::before {
  content: '';
  position: absolute;
  inset-inline-end: 27px;
  inset-block-start: 29px;
  width: 27px;
  height: 3px;
  border-radius: 3px;
  background: #c9a64a;
}
.internal-page .inner-content :is(a.topic-card,.area-topic-card) > .lj-icon {
  width: 66px;
  height: 66px;
  padding: 16px;
  margin-bottom: 22px;
  color: #e5c56a;
  background: linear-gradient(145deg,#153a60,#0b2545);
  border: 1px solid #21466b;
  border-radius: 17px;
  box-shadow: 0 5px 12px rgba(11,37,69,.13);
  stroke-width: 1.7;
  flex-shrink: 0;
}
.internal-page .inner-content :is(a.topic-card,.area-topic-card) h3 {
  font-size: 23px;
  line-height: 1.35;
  font-weight: 800;
  letter-spacing: -.35px;
  margin: 0 0 10px;
}
.internal-page .inner-content :is(a.topic-card,.area-topic-card) p {
  font-size: 16px;
  line-height: 1.7;
  color: #52657b;
  margin: 0 0 22px;
}
.internal-page .inner-content :is(a.topic-card,.area-topic-card) > span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding-top: 16px;
  margin-top: auto;
  border-top: 1px solid #e2e9f2;
  color: #294b70;
  font-size: 15px;
  font-weight: 600;
}
.internal-page .inner-content :is(a.topic-card,.area-topic-card) > span svg {
  width: 31px;
  height: 31px;
  padding: 7px;
  color: #0b2545;
  background: #eaf0f8;
  border-radius: 50%;
  transition: background .2s,color .2s;
}
.internal-page .inner-content .topic-grid :is(a.topic-card,.area-topic-card) {
  min-height: 214px;
  display: grid;
  grid-template-columns: 66px minmax(0,1fr);
  column-gap: 22px;
  align-content: start;
  align-items: center;
}
.internal-page .inner-content .topic-grid :is(a.topic-card,.area-topic-card) > .lj-icon { margin: 0; grid-row: 1; }
.internal-page .inner-content .topic-grid :is(a.topic-card,.area-topic-card) h3 { margin: 0; padding-inline-end: 16px; }
.internal-page .inner-content .topic-grid :is(a.topic-card,.area-topic-card) > span { grid-column: 1/-1; margin-top: 30px; }
.area-topics-panel{min-width:0}
.area-topics-layout{min-width:0}
.area-assistant-strip{background:#fffaf0;border-block-end:1px solid #eadbb5}
.area-assistant-strip>.lj-container{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:16px}
.area-assistant-copy{min-width:0}
.area-assistant-copy strong{display:flex;align-items:center;gap:9px;color:var(--lj-navy);font-size:20px}
.area-assistant-copy strong svg{width:24px;height:24px;color:var(--lj-gold)}
.area-assistant-copy p{margin:6px 0;color:var(--lj-navy);font-size:17px;font-weight:500;line-height:1.6}
.area-assistant-copy small{display:block;color:#334155;font-size:14px;font-weight:500;line-height:1.6}
.area-assistant-strip .lj-button{flex-shrink:0;white-space:nowrap}
@media(max-width:767px){.area-assistant-strip>.lj-container{flex-direction:column;align-items:stretch;gap:12px}.area-assistant-copy strong{font-size:18px}.area-assistant-strip .lj-button{align-self:flex-start}}
.area-topic-carousel{min-width:0}
.area-topic-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:18px}
.area-topic-controls[hidden]{display:none}
.area-topic-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #dce4ee;border-radius:50%;background:#fff;color:#0b2545;cursor:pointer}
.area-topic-controls button:disabled{opacity:.35;cursor:default}
.area-topic-controls button:focus-visible,.area-topic-grid:focus-visible{outline:3px solid #ad8a27;outline-offset:3px}
.area-topic-controls .area-topic-prev svg{transform:rotate(180deg)}
.area-topic-status{font-size:14px;color:#52657b}
.internal-page .inner-content .area-topic-grid{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:4px;padding:4px 4px 18px;scrollbar-width:thin;scrollbar-color:#c9a64a #f4f6f9}
.internal-page .inner-content .topic-grid :is(a.topic-card,.area-topic-card).area-topic-card{flex:0 0 calc((100% - 88px)/3);min-width:0;min-height:334px;grid-template-rows:66px minmax(109px,1fr) auto;scroll-snap-align:start}
.internal-page .inner-content .topic-grid :is(a.topic-card,.area-topic-card).area-topic-card p{grid-column:1/-1;margin:18px 0 0;align-self:start}
.internal-page .inner-content .topic-grid :is(a.topic-card,.area-topic-card).area-topic-card > span{margin-top:18px;align-self:end}
.internal-page .inner-content .area-topic-card:not(a){box-shadow:none}
.internal-page .inner-content .area-topic-card:not(a):hover{transform:none;border-color:#dce4ee}
.area-demo-preview summary{cursor:pointer;font-weight:700;padding:16px;background:#f4f6f9;border-radius:8px}
@media(max-width:1100px){.internal-page .inner-content .topic-grid :is(a.topic-card,.area-topic-card).area-topic-card{flex-basis:calc((100% - 54px)/2)}}
@media(max-width:539px){.internal-page .inner-content .topic-grid :is(a.topic-card,.area-topic-card).area-topic-card{flex-basis:calc(100% - 24px);min-height:300px;grid-template-rows:66px minmax(82px,1fr) auto}.area-topic-status{font-size:13px}}
.internal-page .inner-content :is(a.topic-card,.area-topic-card):focus-visible { outline: 3px solid #ad8a27; outline-offset: 4px; }
@media(hover:hover) {
  .internal-page .inner-content :is(a.topic-card,.area-topic-card):hover { transform: translateY(-4px); border-color: #c5ae68; box-shadow: 0 15px 32px rgba(11,37,69,.1); }
  .internal-page .inner-content :is(a.topic-card,.area-topic-card):hover > span svg { background: #0b2545; color: #e5c56a; }
}
@media(max-width:1100px) { .internal-page .inner-content .area-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media(max-width:900px) { .internal-page .inner-content .area-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:539px) {
  .internal-page .inner-content .area-grid { grid-template-columns: 1fr; gap: 16px; }
  .internal-page .inner-content :is(a.topic-card,.area-topic-card) { padding: 24px; min-height: 230px; }
  .internal-page .inner-content .topic-grid :is(a.topic-card,.area-topic-card) { min-height: 190px; column-gap: 18px; }
  .internal-page .inner-content :is(a.topic-card,.area-topic-card) h3 { font-size: 22px; }
  .internal-page .inner-content :is(a.topic-card,.area-topic-card)::before { inset-inline-end: 24px; inset-block-start: 25px; }
}
@media(prefers-reduced-motion:reduce) {
  .internal-page .inner-content :is(a.topic-card,.area-topic-card),
  .internal-page .inner-content :is(a.topic-card,.area-topic-card) > span svg { transition: none; }
  .internal-page .inner-content :is(a.topic-card,.area-topic-card):hover { transform: none; }
}

/* Profile topics: compact, non-interactive information tiles. */
.internal-page .profile-practice-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;margin:20px 0 0;padding:0}
.internal-page .profile-practice-item{display:flex;align-items:center;gap:16px;min-width:0;min-height:100px;padding:20px;border:1px solid #dce5ee;border-radius:14px;background:linear-gradient(135deg,#fff,#f7f9fc);box-shadow:0 4px 14px rgba(11,37,69,.035);border-inline-start:3px solid #c6a349}
.internal-page .profile-practice-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;background:#0b2545;color:#dfbd58;border-radius:12px}
.internal-page .profile-practice-icon svg{width:27px;height:27px}
.internal-page .profile-practice-item h3{font-size:21px;line-height:1.4;margin:0;overflow-wrap:anywhere}
@media(max-width:700px){.internal-page .profile-practice-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.internal-page .profile-practice-item{padding:16px;gap:12px}.internal-page .profile-practice-item h3{font-size:19px}}
@media(max-width:420px){.internal-page .profile-practice-list{grid-template-columns:1fr}.internal-page .profile-practice-item{min-height:80px}}