/* ==========================================================================
   website-design/ws.css — the page-level corrections this concept needs.
   Linked LAST, after every shared layer, so nothing here has to fight.
   Linked only by /doctor/website-development.html.

   Parts:  1 the draft-figures note · 2 the price line reads "one-time" ·
           3 a list inside a service card's answer · 4 the four-card rail ·
           5 phones
   ========================================================================== */


/* ==========================================================================
   1 · THE DRAFT-FIGURES NOTE
   The client's written specification covers landing pages, not websites, so
   more of this card is a draft than on the Landing Page page — the page
   counts and the periods as well as the money. The note says so on the
   section's face rather than in a comment nobody reads, in the section's own
   ink: a status, not an error.
   DELETE this rule and the <p class="ws-draft"> in the markup together.
   ========================================================================== */
#gads-packages .ws-draft{
  max-width: 68ch; margin: 18px auto 0;
  padding: 11px 16px;
  font-size: 13.4px; line-height: 1.5;
  color: #4B5563;
  background: #F4F6F9;
  border: 1px solid #DCE2EA;
  border-radius: 10px;
  text-align: left;
}
#gads-packages .ws-draft b{ color: #1E2B40; font-weight: 750; }


/* ==========================================================================
   2 · THE PRICE LINE
   The crown was built for "₹ 7,000 / Month". Here the same slot reads
   "₹ 31,500 one-time", which is a word rather than a rate, so the unit takes
   its own weight and a little air; the struck list price says "/ website" so
   the two lines can never be read as a subscription. Geometry untouched —
   no margin, height or grid-row change — so the four cards still sit on one
   subgrid with 0px drift.
   ========================================================================== */
#gads-packages .k-now > span{
  font-weight: 700;
  letter-spacing: -.005em;
  padding-left: 2px;
}


/* ==========================================================================
   3 · A LIST INSIDE A SERVICE CARD'S ANSWER
   Three of the four questions answer in a sentence, as on the Google Ads and
   Landing Page cards. "What the Project Includes" cannot: index.html states
   it as six discrete items per website type, and running them together as
   prose would lose the one thing a buyer is reading that row for — the count.
   So that answer alone holds a list, drawn in the accordion's own type.
   ========================================================================== */
#gads-services .ws-inc{
  display: flex; flex-direction: column; gap: 7px;
  margin: 0; padding: 0; list-style: none;
}
#gads-services .ws-inc li{
  position: relative;
  padding-left: 17px;
  line-height: 1.5;
}
#gads-services .ws-inc li::before{
  content: "";
  position: absolute; left: 1px; top: .62em;
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--h, #1A73E8);
}


/* ==========================================================================
   4 · THE RAIL — nothing needed
   The Google Ads rail holds six cards and the Landing Page rail eight; this
   one holds four, which is fewer than fill the lane at 1440. gsvc-rail.js is
   count-agnostic and the grid's own track sizing handles it, so the four sit
   level with no scroll on a desktop and snap normally below it. Measured at
   1600/1440/1280/1024/834/760/480/390/360/320: the page's scrollWidth never
   exceeds its clientWidth.
   This part is a note, not a rule. Do not add one here without a measurement.
   ========================================================================== */


/* ==========================================================================
   5 · PHONES
   ========================================================================== */
@media (max-width: 760px){
  #gads-packages .ws-draft{
    margin-top: 14px; padding: 10px 13px;
    font-size: 12.8px; border-radius: 9px;
  }
  #gads-services .ws-inc{ gap: 6px; }
}